.bonus-pages-switch{box-sizing:border-box;background:#2c2036ad;border:1px solid #dca0ff1f;border-radius:12px;align-items:center;gap:6px;width:100%;margin-bottom:18px;padding:5px;display:flex;container-type:inline-size}.bonus-pages-switch__item{box-sizing:border-box;color:#b99fc2;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:auto;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:38px;padding:0 8px;font-size:13px;font-weight:700;text-decoration:none;transition:color .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative}.bonus-pages-switch__item:hover:not(.active){color:#fff;background:var(--main-glass-color-hover)}.bonus-pages-switch__item.active{color:#fff;cursor:default;background:linear-gradient(120deg,#e100ff 0%,#7f00ff 100%);box-shadow:0 0 18px #7f00ff47}.bonus-pages-switch__item>.app-i,.bonus-pages-switch__item>svg{flex:none}.bonus-pages-switch__item>.has-action-dot{top:3px;right:3px}.bonus-pages-switch__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@container (width<=330px){.bonus-pages-switch__item{flex-direction:column;gap:3px;min-height:46px;padding:4px;font-size:11px;line-height:1.1}}
