@charset "utf-8";

.casino-winners-block { display: flex; flex-direction: column; overflow: hidden; background: rgba(var(--b-sc),.1); backdrop-filter: blur(8px); border: 1px solid rgba(var(--b-sc),.1); border-radius: var(--border-radius); }

@media screen and (max-width: 1366px) {
  .casino-winners-block { min-width: 248px; }
}

@media screen and (min-width: 1367px) {
  .casino-winners-block { min-width: 284px; }
}

.casino-winners-block .main-tabs-bc { height: 44px; background: none; box-shadow: inset 0 -1px rgba(var(--b-sc),.1); }

.casino-winners-block .main-tabs-bc .tab-bc { text-transform: uppercase; transition: color var(--default-transition-duration),background var(--default-transition-duration); }

.casino-winners-block .main-tabs-bc .tab-bc.active { color: rgba(var(--hero-sc),1); background: rgba(var(--hero),1); box-shadow: none; }

.casino-winners-block .main-tabs-bc .tab-bc:not(.active) { color: rgba(var(--b-sc),.9); }

.casino-info-content-winners { padding: 15px; max-height: 410px; will-change: scroll-position; overflow: hidden auto; }

.casino-info-content-winners > li { display: flex; align-items: center; height: 50px; padding: 10px; background: rgba(var(--b-sc),.1); border-radius: var(--border-radius); }

.casino-info-content-winners > li + li { margin-top: 5px; }

.casino-info-content-winners > li { transition: background var(--default-transition-duration); }

@media (hover: hover) {
  .casino-info-content-winners > li:hover { background: rgba(var(--b-sc),.2); cursor: pointer; }
}

@media not all and (hover: hover) {
  .casino-info-content-winners > li:active { background: rgba(var(--b-sc),.2); }
}

.hm-row-bc.has-slider .casino-info-content-winners { position: absolute; left: 0px; width: 100%; }

.hm-row-bc.has-slider .main-tabs-bc + .casino-info-content-winners { top: 44px; height: calc(100% - 44px); }

.hm-row-bc.has-slider .main-tabs-bc + .main-tabs-bc + .casino-info-content-winners { top: 88px; height: calc(100% - 88px); }

.casino-winners-img { flex-shrink: 0; width: 30px; height: 30px; object-fit: cover; margin-inline-end: 10px; border-radius: var(--border-radius); overflow: hidden; }

.casino-winners-info { flex: 1 1 auto; display: flex; flex-direction: column; margin-inline-end: 6px; font-size: 12px; overflow: hidden; }

.casino-winners-info > b { color: rgba(var(--b-sc),.9); font-weight: 500; }

.casino-winners-info > span { color: rgba(var(--b-sc),.4); }

.casino-winners-amount { flex-shrink: 0; color: rgba(var(--oc-2),1); font-size: 14px; font-weight: 500; }