@charset "utf-8";

[class*="is-mobile"] .favouriteTeamsWidgetWrapper { margin-top: 10px; padding: 0 var(--padding-page-aside); }

.favouriteTeamsWidget { padding: 12px; border-radius: var(--border-radius-middle); background: rgba(var(--b-sc),.05); border: 1px solid rgba(var(--b-sc),.2); overflow: hidden; }

[class*="is-web"] .favouriteTeamsWidget { margin-bottom: 5px; }

.favouriteTeamsWidgetClearAllBtn .ds-label { min-width: max-content; text-decoration: underline; }

.favouriteTeamsTemplateClearAllBtn { margin-right: 5px; }

.favouriteTeamsWidgetHeader { display: flex; align-items: center; margin-bottom: 10px; }

.favouriteTeamsWidgetTitle { flex: 1 1 auto; text-transform: uppercase; color: rgba(var(--b-sc),var(--fds-ref-alpha-100)); }

.favouriteTeamsWidgetEditBtn { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; font-size: 14px; color: rgba(var(--b-sc),.8); transition: color var(--default-transition-duration); }

[class*="is-web"] .favouriteTeamsWidgetEditBtn:hover { cursor: pointer; color: rgba(var(--b-sc),1); }

.addYourFavouritesBtn.btn { backdrop-filter: blur(30px); border-radius: 20px; font-size: 14px; text-transform: capitalize; }

.addYourFavouritesBtn.btn > i { color: rgb(253, 188, 12); }

.favouriteTeamsList { width: 100%; display: flex; align-items: center; overflow: hidden; }

.favouriteTeamsList:not(.highTeamsCount) { gap: 2px; }

.favouriteTeamsList.highTeamsCount.count-6 .favouriteTeamItem + .favouriteTeamItem:not(.addFavouriteTeamBtn), .favouriteTeamsList.highTeamsCount.count-7 .favouriteTeamItem + .favouriteTeamItem:not(.addFavouriteTeamBtn) { margin-inline-start: -8px; }

.favouriteTeamsList.highTeamsCount.count-8 .favouriteTeamItem + .favouriteTeamItem:not(.addFavouriteTeamBtn) { margin-inline-start: -12px; }

.favouriteTeamsList.highTeamsCount.count-9 .favouriteTeamItem + .favouriteTeamItem:not(.addFavouriteTeamBtn), .favouriteTeamsList.highTeamsCount.count-10 .favouriteTeamItem + .favouriteTeamItem:not(.addFavouriteTeamBtn) { margin-inline-start: -18px; }

.favouriteTeamItem { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; z-index: 1; }

.favouriteTeamItem.addFavouriteTeamBtn { margin-inline-start: auto; }

.favouriteTeamItem.addFavouriteTeamBtn i { font-size: 12px; color: rgba(var(--b-sc),.7); }

.favouriteTeamItem + .favouriteTeamItem:not(.addFavouriteTeamBtn) { box-shadow: rgba(0, 0, 0, 0.25) -4px 0px 4px; }

.favouriteTeamItemInner { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid rgba(var(--b-sc),.1); backdrop-filter: blur(30px); transition: all var(--default-transition-duration); }

[class*="is-web"] .favouriteTeamItemInner:hover { border: 1px solid rgba(var(--b-sc),.4); }

[class*="is-web"] .favouriteTeamItemInner:hover { cursor: pointer; }

[class*="is-web"] .favouriteTeamItemInner:hover.addFavouriteTeamBtn > i { color: rgba(var(--b-sc),1); }

.favouriteTeamImg { max-width: 24px; max-height: 24px; border-radius: 50%; }

.overlaySlidingWrapperBc.favouriteTeamsPopup.bottomOverlay .bottomOverlaySlider { padding: 0px; }

.layout-bc.bottomOverlayOpen.overlaySlidingIsVisible:has(.overlaySlidingWrapperBc.favouriteTeamsPopup) .layout-header-holder-bc { pointer-events: none; }

.layout-bc.bottomOverlayOpen.overlaySlidingIsVisible:has(.overlaySlidingWrapperBc.favouriteTeamsPopup) .layout-content-holder-bc::before { content: ""; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(10px); z-index: 951; pointer-events: none; }

.popup-holder-bc.windowed.favouriteTeamsPopup .popup-inner-bc { height: 500px; }

.popup-holder-bc.windowed.favouriteTeamsPopup .status-popup-content-w-bc { height: 100%; display: flex; flex-direction: column; }

[class*="is-mobile"] .popup-holder-bc.windowed.favouriteTeamsPopup .status-popup-content-w-bc { padding: 15px; }

.popup-holder-bc.windowed.favouriteTeamsPopup .casino-popup-title { padding-inline-end: 24px; }

.popup-holder-bc.windowed.favouriteTeamsPopup .casino-popup-title:not(.favouritePopupCloseConfirmationTitle) { margin-top: 0px; }

.favouriteTeamsPopupContent { flex: 1 1 auto; display: flex; flex-direction: column; overflow: hidden; }

[class*="is-web"] .favouriteTeamsPopupContent { padding-inline: 5px; }

.favouriteTeamsPopupContentInner { flex: 1 1 auto; display: flex; flex-direction: column; overflow: hidden; }

[class*="is-mobile"] .favouriteTeamsPopupContentInner { padding: 20px; }

.favouriteTeamsPopupContentInner > .casino-popup-title { margin-top: 10px; }

[class*="is-web"] .favouriteTeamsPopupContentInner > .casino-popup-title { margin-bottom: 20px; }

.favouriteTeamsSearchList:not(:empty) { max-height: 205px; padding: 10px; position: absolute; top: 3px; left: 0px; right: 0px; backdrop-filter: blur(30px); border: 1px solid rgba(var(--b-sc),.3); border-radius: var(--border-radius-middle); background: linear-gradient(30deg,rgba(var(--b-sc),.15),rgba(var(--b-sc),.01)); will-change: scroll-position; overflow: hidden auto; z-index: 1; }

.favouriteTeamsSearchList:not(:empty) + .userFavouriteTeamsList { margin-top: 10px; }

.favouriteTeamsSearchList:not(:empty) > .empty-b-text-v-bc { padding: 5px 10px; }

.userFavouriteTeamsList { flex: 1 1 auto; padding-inline-end: 3px; will-change: scroll-position; overflow: hidden auto; }

.favouriteTeamsLists { flex: 1 1 auto; margin-bottom: 15px; position: relative; display: flex; flex-direction: column; overflow: hidden; }

.favouriteTeamsListItem { height: 40px; display: flex; align-items: center; transition: all var(--default-transition-duration); }

[dir="ltr"] .favouriteTeamsListItem.showConfirmation { transform: translate(-89px); }

[dir="rtl"] .favouriteTeamsListItem.showConfirmation { transform: translate(89px); }

.favouriteTeamsListItem.showConfirmation .favouriteTeamsListItemInner { background: rgba(var(--b-sc),.1); }

.favouriteTeamsListItem + .favouriteTeamsListItem { margin-top: 8px; }

.favouriteTeamsListItem .favorite-search-result-img { flex-shrink: 0; }

.favouriteTeamsListItemInner { width: 100%; height: 100%; flex-shrink: 0; display: flex; align-items: center; padding: 5px 12px; border-radius: var(--border-radius-middle); background: rgba(var(--b-sc),.09); border: 1px solid rgba(var(--b-sc),.1); transition: all var(--default-transition-duration); }

.favouriteTeamsListItemInner > .game-d-c-h-c-r-sport-icon { color: rgba(var(--b-sc),.7); }

.favouriteTeamRemovingConfirmationButtons { flex-shrink: 0; width: 84px; height: 100%; display: flex; align-items: center; margin-inline-start: 5px; border: 1px solid rgba(var(--b-sc),.15); border-radius: var(--border-radius-middle); background: rgba(var(--b-sc),.1); overflow: hidden; }

.favouriteTeamRemovingConfirmationButtons > .favouriteTeamRemoveConfBtn { width: 50%; height: 100%; flex-shrink: 0; flex-grow: 0; padding: 9px 2px; font-size: 13px; color: rgba(var(--b-sc),1); }

.favouriteTeamRemovingConfirmationButtons > .favouriteTeamRemoveConfBtn + .favouriteTeamRemoveConfBtn { border-inline-start: 1px solid rgba(var(--b-sc),.15); }

[class*="is-web"] .favouriteTeamRemovingConfirmationButtons > .favouriteTeamRemoveConfBtn:hover { cursor: pointer; }

.favouriteTeamTitle { flex: 1 1 auto; margin-inline: 8px; font-size: 14px; color: rgba(var(--b-sc),.8); }

.favouriteTeamsEmptySearchResult { flex: 1 1 auto; display: flex; justify-content: center; align-items: center; }

.favouriteTeamRemoveBtn { width: 24px; height: 24px; margin-inline-start: 8px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; font-size: 12px; color: rgba(var(--b-sc),.7); transition: color var(--default-transition-duration); }

.favouriteTeamRemoveBtn.skeleton-loader-small-cube { width: 24px; height: 24px; }

[class*="is-web"] .favouriteTeamRemoveBtn:hover { cursor: pointer; color: rgba(var(--b-sc),1); }

.favouriteTeamsLimitWarning.empty-b-text-v-bc { padding: 0px; }

.favouriteTeamsResultSaveBtn { margin: 15px auto 0px; flex-shrink: 0; }

.favouriteTeamsSearch { flex-shrink: 0; background: rgba(var(--b-sc),.05); }

.favouriteTeamsSearch.sport-search-betslip { margin: 0px auto 8px; }

[class*="is-mobile"] .favouriteTeamsSearch.sport-search-bc { width: 100%; max-width: 100%; }

[class*="is-mobile"][dir="ltr"] .favouriteTeamsSearch.sport-search-bc { right: 0px; }

[class*="is-mobile"][dir="rtl"] .favouriteTeamsSearch.sport-search-bc { left: 0px; }

.favouriteTeamsSearch > .ss-input-bc, .favouriteTeamsSearch > .ss-icon-holder-bc { background: none; }

[class*="is-web"] .layout-bc.favouriteTeamsPage.hasLeftMenu .favouriteTeamsTemplate { max-height: calc(100vh - var(--desktop-header-full-height)); }

[class*="is-web"] .layout-bc.favouriteTeamsPage:not(.hasLeftMenu) .favouriteTeamsTemplate { max-height: calc(100vh - var(--desktop-header-full-height) - var(--desktop-header-margin-bottom)); }

[class*="is-web"] .layout-bc.favouriteTeamsPage .need-to-login { height: 100%; }

[class*="is-mobile"] .layout-bc.favouriteTeamsPage .need-to-login { min-height: 250px; }

.layout-bc.favouriteTeamsPage .layout-content-holder-bc { width: 100%; grid-area: content; overflow: hidden; }

.favouriteTeamsTemplate { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; }

.favouriteTeamsTemplateHeader { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }

[class*="is-mobile"] .favouriteTeamsTemplateHeader { padding-inline-end: var(--padding-page-aside); }

.favouriteTeamsTemplateHeader > .back-nav-bc { flex: 1 1 auto; }

.favouriteTeamsMarketsCompetitions { flex: 1 1 auto; will-change: scroll-position; overflow: hidden auto; }

[class*="is-mobile"] .favouriteTeamsMarketsCompetitions > .competition-bc .c-segment-holder-bc.info .c-info-content-bc > i + i { margin-inline-start: 5px; }

.favouriteTeamsTemplateEditBtn.btn { flex-direction: row-reverse; }

.favouriteTeamsTemplateEditBtn.btn > span:not(:empty) + i { margin-inline: 0px 10px; }

.favouriteTeamsTemplateHorizontalList { margin-bottom: 10px; }

[class*="is-mobile"] .favouriteTeamsTemplateHorizontalList { padding: 0 var(--padding-page-aside); }

[class*="is-mobile"] .favouriteTeamsTemplateHorizontalList .horizontalList { overflow: hidden; }

[class*="is-mobile"] .favouriteTeamsTemplateHorizontalList .horizontalSliderWrapper { margin-bottom: 0px; }

.favouriteTeamsTemplateHorizontalList .horizontalCategoryItemWrp { border-radius: var(--border-radius); border-width: 1px; border-style: solid; border-color: rgba(var(--b-sc),.1); }

[class*="is-mobile"] .favouriteTeamsTemplateHorizontalList .horizontalCategoryItemWrp { max-width: none; min-width: auto; padding: 0px; background: rgba(var(--b),1); }

[class*="is-mobile"] .favouriteTeamsTemplateHorizontalList .horizontalCategoryItemWrp.active { left: 16px; right: 16px; }

[class*="is-web"] .favouriteTeamsTemplateHorizontalList .horizontalCategoryItemWrp:hover .horizontalCategoryItem { background: rgba(var(--b-sc),.2); }

[class*="is-web"] .favouriteTeamsTemplateHorizontalList .horizontalCategoryItemWrp:hover .horizontalCategoryItem .horCatItemTitle { color: rgba(var(--b-sc),1); }

.favouriteTeamsTemplateHorizontalList .horizontalCategoryItemWrp.active { border-color: rgba(var(--b-sc),.5); }

.favouriteTeamsTemplateHorizontalList .horizontalCategoryItemWrp.active .horizontalCategoryItem { background: rgba(var(--b-sc),.2); }

.favouriteTeamsTemplateHorizontalList .horizontalCategoryItemWrp.active .horizontalCategoryItem .horCatItemTitle { color: rgba(var(--b-sc),1); }

.favouriteTeamsTemplateHorizontalList .horizontalCategoryItem { padding: 5px 8px; gap: 8px; border-radius: 3px; background: rgba(var(--b-sc),.1); transition: background-color var(--default-transition-duration); }

[class*="is-mobile"] .favouriteTeamsTemplateHorizontalList .horizontalCategoryItem { flex-direction: row; }

.favouriteTeamsTemplateHorizontalList .horizontalCategoryItem::before { content: none; }

.favouriteTeamsTemplateHorizontalList .horizontalCategoryItem .horizontal-sl-icon-bc { max-width: 26px; max-height: 26px; }

.favouriteTeamsTemplateHorizontalList .horizontalCategoryItem .bc-i-default-icon { font-size: 24px; }

.favouriteTeamsTemplateHorizontalList .horizontalCategoryItem .horCatItemTitle { max-width: none; white-space: nowrap; word-break: keep-all; color: rgba(var(--b-sc),.8); transition: color var(--default-transition-duration); }