.bottom-sheet{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet[hidden]{display:none}.bottom-sheet__overlay{position:absolute;inset:0;background-color:#000000a3}.bottom-sheet__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;width:100%;max-height:100%;padding:24px 16px;overflow:hidden;border-top:1px solid #3a4252;border-right:1px solid #3a4252;border-left:1px solid #3a4252;border-radius:16px 16px 0 0;background-color:#1b2130;color:#f5f6fa;transform:translateY(0);outline:none}.bottom-sheet.is-opening .bottom-sheet__panel{animation:bottom-sheet-slide-in .25s ease-out}.bottom-sheet.is-closing .bottom-sheet__panel{animation:bottom-sheet-slide-out .2s ease-in forwards}.bottom-sheet__header{display:flex;flex-direction:column;gap:4px;padding-right:32px}.bottom-sheet__title{font-size:16px;line-height:24px;font-weight:600;color:#f5f6fa;word-break:break-word}.desktop .bottom-sheet__title{font-size:18px}.bottom-sheet__subtitle{font-size:14px;line-height:20px;color:#a9afbd;word-break:break-word}.desktop .bottom-sheet__subtitle{font-size:16px}.bottom-sheet__close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:#a9afbd;font-size:20px;line-height:1;cursor:pointer;transition:color .25s}.bottom-sheet__body{min-height:0;overflow:auto}.bottom-sheet__footer{flex-shrink:0;margin:0 -16px -24px;padding:12px 16px;border-top:1px solid #3a4252;background-color:#1b2130cc;backdrop-filter:blur(8px)}.bottom-sheet__footer .button{width:100%}:root.is-bottom-sheet-open{overflow:hidden}@keyframes bottom-sheet-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bottom-sheet-slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.bottom-sheet.is-opening .bottom-sheet__panel,.bottom-sheet.is-closing .bottom-sheet__panel{animation:none}}@media(hover:hover){.bottom-sheet__close:hover{color:#f5f6fa}}.bottom-sheet__close:active{color:#f5f6fa}

.nav-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;padding:8px 16px;border:1px solid #3a4252;border-radius:20px;background-color:#fff0;color:#e6e8f0;font-size:14px;font-weight:400;line-height:20px;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s;text-overflow:ellipsis;overflow:hidden}.desktop .nav-chip{font-size:16px}.nav-chip>[class^=icon-]{flex-shrink:0;font-size:20px;line-height:1;color:#e6e8f0;transition:color .25s}.nav-chip.nav-chip--active{background-color:#7b57e0;border-color:#7b57e0;color:#fff;cursor:default;pointer-events:none}.nav-chip.nav-chip--active>[class^=icon-]{color:#fff}.nav-chip.disabled,.nav-chip:disabled{background-color:#fff0;border-color:#242b3a;color:#5f6675;cursor:default;pointer-events:none}.nav-chip.disabled>[class^=icon-],.nav-chip:disabled>[class^=icon-]{color:#5f6675}@media(hover:hover){.nav-chip:not(.nav-chip--active):not(.disabled):not(:disabled):hover{background-color:#ffffff14;border-color:#404756;color:#fff}.nav-chip:not(.nav-chip--active):not(.disabled):not(:disabled):hover>[class^=icon-]{color:#fff}}

.navigation-list-item{display:flex;align-items:center;gap:8px;width:100%;padding:16px 12px;border-radius:8px;background-color:#fff0;color:#e6e8f0;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;transition:background-color .25s,color .25s}.desktop .navigation-list-item{font-size:16px}.navigation-list-item__label{flex:1 0 0;min-width:0}.navigation-list-item__icon{flex-shrink:0;font-size:20px;line-height:1;color:#e6e8f0}.navigation-list-item:active{background-color:#242b3a;color:#fff}.navigation-list-item:active .navigation-list-item__icon{color:#fff}

.rating-navigation__track{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rating-navigation__list{display:flex;flex-direction:column;gap:8px;width:100%}

.tooltip{position:fixed;z-index:100;box-sizing:border-box;max-width:232px;padding:12px;border-radius:8px;background-color:#06264a;color:#f5f6fa;font-size:12px;line-height:18px;font-weight:400;word-break:break-word;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}.desktop .tooltip{font-size:14px}.tooltip.is-visible{opacity:1;visibility:visible}.tooltip__content{margin:0;white-space:pre-line}.tooltip__arrow{position:absolute;left:50%;width:0;height:0;transform:translate(-50%);border-style:solid;border-color:transparent}.tooltip[data-placement=top] .tooltip__arrow{bottom:-8px;border-width:8px 8px 0;border-top-color:#06264a}.tooltip[data-placement=bottom] .tooltip__arrow{top:-8px;border-width:0 8px 8px;border-bottom-color:#06264a}@media(prefers-reduced-motion:reduce){.tooltip{transition:none}}

.app-link{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#75baff;background-color:#fff0;text-decoration:none;font-size:20px;line-height:1;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}.app-link.app-link--m{font-size:24px}.app-link.app-link--bordered{padding:8px;border:1px solid #3a4252}.app-link.app-link--bordered.app-link--m{padding:12px}.app-link.app-link--static{color:#a9afbd;cursor:default}.app-link.app-link--static.app-link--bordered{background-color:#242b3a;border-color:#3a4252}@media(hover:hover){.app-link:not(.app-link--static):hover{color:#a8d3ff}.app-link.app-link--bordered:not(.app-link--static):hover{background-color:#ffffff0a;border-color:#4b5568}}.app-link:not(.app-link--static):active{color:#fff}.app-link.app-link--bordered:not(.app-link--static):active{background-color:#ffffff14;border-color:#404756}

.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border:1px solid transparent;border-top-width:0;font-size:12px;line-height:14px;font-weight:500}.desktop .badge{font-size:14px;line-height:16px}.badge.badge--standalone{border-top-width:1px;border-radius:8px}.badge__icon{font-size:14px;line-height:1}.badge.badge--accent-1,.badge.badge--default,.badge.badge--purple{background-color:#1b103a;border-color:#5335a4;color:#e5daff}.badge.badge--accent-1 .badge__icon,.badge.badge--default .badge__icon,.badge.badge--purple .badge__icon{color:#9272ec}.badge.badge--accent-2,.badge.badge--orange{background-color:#2d1401;border-color:#9f4905;color:#ffe3bd}.badge.badge--accent-2 .badge__icon,.badge.badge--orange .badge__icon{color:#f58c17}.badge.badge--accent-3,.badge.badge--yellow{background-color:#241c00;border-color:#8f6f00;color:#fff0a8}.badge.badge--accent-3 .badge__icon,.badge.badge--yellow .badge__icon{color:#f5c400}.badge.badge--accent-4,.badge.badge--red{background-color:#350808;border-color:#a11f1f;color:#ffdada}.badge.badge--accent-4 .badge__icon,.badge.badge--red .badge__icon{color:#f45d5d}.badge.badge--green{background-color:#052815;border-color:#117a40;color:#cff5de}.badge.badge--blue{background-color:#041a33;border-color:#0d56a8;color:#d2e8ff}.badge.badge--black{background-color:#080b10;border-color:#3a4252;color:#e6e8f0}.badge.badge--gray{background-color:#242b3a;border-color:#3a4252;color:#c9cdd8}

.like-counter-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background-color:#350808;border:1px solid #a11f1f;color:#ffdada;font-size:16px;line-height:24px;cursor:pointer;transition:background-color .25s,border-color .25s}.desktop .like-counter-button{font-size:18px}.like-counter-button__icon{font-size:20px;line-height:1;color:#f45d5d;transition:color .25s}.like-counter-button__label{color:#ffdada}.like-counter-button__separator{width:4px;height:4px;border-radius:50%;background-color:#ff858580}.like-counter-button__value{font-weight:500;color:#ffdada}.like-counter-button.is-liked{background-color:#571010;border-color:#c62828}.like-counter-button.is-liked .like-counter-button__icon{color:#ff8585}.like-counter-button.like-counter-button--compact .like-counter-button__label,.like-counter-button.like-counter-button--compact .like-counter-button__separator{display:none}.like-counter-button.like-counter-button--icon{padding:10px}.like-counter-button.like-counter-button--icon .like-counter-button__label,.like-counter-button.like-counter-button--icon .like-counter-button__separator,.like-counter-button.like-counter-button--icon .like-counter-button__value{display:none}@media(hover:hover){.like-counter-button:hover{background-color:#571010;border-color:#c62828}.like-counter-button:hover .like-counter-button__icon{color:#ff8585}}.like-counter-button:active{background-color:#7d1818;border-color:#e23636}.like-counter-button:active .like-counter-button__icon{color:#ffb3b3}

.table-header{display:flex;align-items:stretch;background-color:#242b3a;border:1px solid #3a4252;padding:16px 24px;border-radius:20px 20px 0 0;gap:24px}.table-header__column{flex:1 0 0;min-width:1px;display:flex;align-items:center;gap:8px;font-size:10px;line-height:12px;font-weight:700;color:#7f8798}.desktop .table-header__column{font-size:12px;line-height:14px}.table-header.table-header--promo{background-color:#303849;border-color:#4b5568}.table-header.table-header--bookmaker{display:grid;grid-template-columns:120px 45px 1fr 105px 80px 80px 200px;gap:24px}

.company-rating-card{display:flex;flex-direction:column;gap:24px;padding:16px 16px 24px;overflow:hidden;background-color:#1b2130;border:1px solid #303849;border-radius:20px}.desktop .company-rating-card{padding:24px;border-radius:0}.company-rating-card.company-rating-card--promo{background-color:#242b3a;border-color:#665000;border-top-width:1px}@media(hover:hover){.company-rating-card:hover{background-color:#242b3a;border-color:#3a4252}.company-rating-card.company-rating-card--promo:hover{background-color:#303849;border-color:#8f6f00}.company-rating-card:hover .company-rating-card__rank{color:#c9cdd8}.company-rating-card.company-rating-card--promo:hover .company-rating-card__rank{color:#ffd93d}.company-rating-card:hover .company-rating-card__value{color:#c9cdd8}.company-rating-card:hover .company-rating-card__value--bonus{color:#f5f6fa}.company-rating-card.company-rating-card--promo:hover .company-rating-card__value{color:#c9cdd8}.company-rating-card.company-rating-card--promo:hover .company-rating-card__value--bonus{color:#f5f6fa}.company-rating-card:hover .company-rating-card__icon,.company-rating-card.company-rating-card--promo:hover .company-rating-card__icon{color:#a9afbd}.company-rating-card:hover .company-rating-card__value.company-rating-card__value--disabled{color:#5f6675}.company-rating-card:hover .company-rating-card__value--disabled .company-rating-card__icon{color:#404756}.company-rating-card.company-rating-card--promo:hover .company-rating-card__value.company-rating-card__value--disabled{color:#5f6675}.company-rating-card.company-rating-card--promo:hover .company-rating-card__value--disabled .company-rating-card__icon{color:#404756}}.company-rating-card__body{display:flex;flex-direction:column;gap:24px;width:100%}.company-rating-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.company-rating-card__brand{display:flex;align-items:center;gap:12px;min-width:0}.company-rating-card__rank{flex-shrink:0;width:24px;color:#c9cdd8;font-size:18px;line-height:24px;font-weight:500;text-align:center}.desktop .company-rating-card__rank{font-size:20px;line-height:28px}.company-rating-card.company-rating-card--promo .company-rating-card__rank{color:#ffd93d}.company-rating-card__logo{display:block;width:120px;height:40px;flex-shrink:0}.company-rating-card__logo img{width:100%;height:100%;object-fit:contain}.company-rating-card__metrics{display:flex;flex-direction:column;gap:16px;width:100%}.company-rating-card__metrics-row{display:flex;gap:16px;align-items:flex-start;width:100%}.company-rating-card__param{display:flex;flex:1 0 0;flex-direction:column;gap:8px;min-width:0}.company-rating-card__label{color:#7f8798;font-size:12px;line-height:14px}.desktop .company-rating-card__label{font-size:14px;line-height:16px}.company-rating-card__value{display:inline-flex;align-items:center;gap:4px;color:#c9cdd8;font-size:16px;line-height:24px}.desktop .company-rating-card__value{font-size:18px}.company-rating-card__value--bonus{color:#f5f6fa;font-size:16px;font-weight:600}.desktop .company-rating-card__value--bonus{font-size:18px}.company-rating-card__value.company-rating-card__value--disabled,.company-rating-card__value--bonus.company-rating-card__value--disabled{color:#5f6675}.company-rating-card__value--disabled .company-rating-card__icon{color:#404756}.company-rating-card__icon{font-size:20px;line-height:1;color:#a9afbd}.company-rating-card.company-rating-card--promo .company-rating-card__label{color:#7f8798}.company-rating-card.company-rating-card--promo .company-rating-card__value{color:#c9cdd8}.company-rating-card.company-rating-card--promo .company-rating-card__value--bonus{color:#f5f6fa}.company-rating-card.company-rating-card--promo .company-rating-card__icon{color:#a9afbd}.company-rating-card.company-rating-card--promo .company-rating-card__value.company-rating-card__value--disabled{color:#5f6675}.company-rating-card.company-rating-card--promo .company-rating-card__value--disabled .company-rating-card__icon{color:#404756}.company-rating-card__apps,.company-rating-card__actions{display:flex;align-items:center;gap:8px}.company-rating-card__actions{flex-direction:column;align-items:stretch;width:100%}.company-rating-card__actions .button{width:100%}.desktop .company-rating-card{gap:24px;border-top-width:0}.desktop .company-rating-card:last-child{border-radius:0 0 20px 20px}.desktop .company-rating-card__rank{width:auto;font-size:18px;line-height:24px;font-weight:500;text-align:left}.desktop .company-rating-card__row{display:flex;flex-direction:row;align-items:center;gap:24px}.desktop .company-rating-card__cell{display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0}.desktop .company-rating-card__cell--company,.desktop .company-rating-card__cell--actions{flex-grow:2}.desktop .company-rating-card__company{display:flex;align-items:center;gap:16px;color:#c9cdd8;font-size:18px;line-height:24px;text-decoration:none}.desktop .company-rating-card__name{min-width:0}.desktop .company-rating-card__value{gap:8px}.desktop .company-rating-card__value--bonus{font-size:18px;line-height:24px;font-weight:700}.desktop .company-rating-card.company-rating-card--promo{border-top-width:1px}.desktop .company-rating-card__actions{display:grid;grid-template-columns:1fr max-content;width:100%;align-items:center}.desktop .company-rating-card__actions.company-rating-card__actions--one-button{grid-template-columns:1fr 1fr;direction:rtl}

.rating-table{width:100%}.rating-table__body{display:flex;flex-direction:column;gap:16px}.desktop .rating-table__body{gap:0}.desktop .rating-table .rating-table__header.table-header{display:grid;align-items:stretch;overflow:hidden}.desktop .rating-table .company-rating-card__row{display:grid;align-items:center}.desktop .rating-table .table-header__column,.desktop .rating-table .company-rating-card__cell{flex:none;min-width:0}.desktop .rating-table .table-header__column{box-sizing:border-box}.desktop .rating-table .rating-table__column-icon{font-size:14px;line-height:1;color:#a9afbd}.desktop .rating-table--all .rating-table__header,.desktop .rating-table--all .company-rating-card__row{grid-template-columns:40px 186px 150px 1fr 300px}.desktop .rating-table--recommendations .rating-table__header,.desktop .rating-table--recommendations .company-rating-card__row{grid-template-columns:40px 186px 254px minmax(0,1fr) 300px}.desktop .rating-table--offers .rating-table__header,.desktop .rating-table--offers .company-rating-card__row{grid-template-columns:40px 186px 130px 130px minmax(0,1fr) 300px}.desktop .rating-table--bonus .rating-table__header,.desktop .rating-table--bonus .company-rating-card__row{grid-template-columns:40px 186px minmax(0,1fr) 300px}.desktop .rating-table--odds .rating-table__header,.desktop .rating-table--odds .company-rating-card__row{grid-template-columns:40px 186px 256px minmax(0,1fr) 300px}.desktop .rating-table--apps .rating-table__header,.desktop .rating-table--apps .company-rating-card__row{grid-template-columns:40px 186px 150px 100px minmax(0,1fr) 300px}

.rating-page{padding-top:24px}.rating-page__intro{display:flex;flex-direction:column;gap:16px;margin-top:24px}.rating-page__intro .heading{margin-bottom:0}.rating-page__navigation{margin-top:32px}.rating-page__alert{margin-top:24px}.desktop .rating-page{padding-top:32px}.desktop .rating-page__intro{margin-top:32px}.desktop .rating-page__navigation{margin-top:40px}

.link{display:inline-flex;align-items:center;gap:4px;color:#75baff;text-decoration:none;transition:color .25s;cursor:pointer;font-size:12px;line-height:18px}.desktop .link{font-size:14px}.link__icon{font-size:12px;line-height:1}.link.link--visited:visited{color:#ae94f8}@media(hover:hover){.link:hover{color:#a8d3ff}}.link:active{color:#439eff}

.bread-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;line-height:18px}.desktop .bread-crumbs{gap:4px;font-size:14px}.bread-crumbs__separator{font-size:12px;line-height:1;color:#a9afbd}.bread-crumbs__current{color:#f5f6fa}
