/* SLABIY GameStore CSS v117 compact. Active insert file. */
:root { --slb-fp-base: #151413; --slb-fp-medium: #1b1b1b; --slb-fp-default: #141312; --slb-fp-dark: #0c0b0b; --slb-fp-light-section: #1f1f1f; --slb-bg-1: var(--slb-fp-dark); --slb-bg-2: var(--slb-fp-base); --slb-panel: rgba(31, 31, 31, 0.94); --slb-panel-soft: rgba(27, 27, 27, 0.92); --slb-panel-soft-2: rgba(20, 19, 18, 0.94); --slb-line: rgba(255, 255, 255, 0.1); --slb-line-strong: rgba(201, 162, 39, 0.28); --slb-text: #e8e4df; --slb-text-soft: rgba(186, 177, 168, 0.88); --slb-accent: #c9a227; --slb-accent-2: #a88420; --slb-green: #6b8f4a; --slb-shadow: 0 20px 48px rgba(0, 0, 0, 0.45); }
html,
body { background-color: var(--slb-fp-base) !important; background-image: radial-gradient(ellipse 90% 55% at 50% -10%, rgba(40, 38, 36, 0.55), transparent 50%), radial-gradient(ellipse 70% 40% at 100% 80%, rgba(15, 14, 13, 0.9), transparent 45%), radial-gradient(ellipse 60% 35% at 0% 60%, rgba(18, 17, 16, 0.85), transparent 40%), linear-gradient(180deg, var(--slb-fp-dark) 0%, var(--slb-fp-base) 38%, var(--slb-fp-default) 100%) !important; background-attachment: fixed; color: var(--slb-text) !important; }
body::after { content: ""; position: fixed; inset: 0; z-index: 120; pointer-events: none; opacity: 0.42; background-image: radial-gradient(rgba(255, 255, 255, 0.034) 0.65px, transparent 0.65px), radial-gradient(rgba(0, 0, 0, 0.055) 0.65px, transparent 0.65px), linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px); background-size: 6px 6px, 8px 8px, 48px 48px, 48px 48px; background-position: 0 0, 3px 2px, 0 0, 0 0; }
#slb-preview-root::after { content: ""; display: block; width: 100%; height: 53px; margin-top: 24px; margin-bottom: 4px; background-color: var(--slb-fp-medium); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 53' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 53V22c16-10 32-2 48 4s32 10 48 2 32-14 48-6 16 12 16 12v21H0z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 53' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 53V22c16-10 32-2 48 4s32 10 48 2 32-14 48-6 16 12 16 12v21H0z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-size: 160px 53px; mask-size: 160px 53px; pointer-events: none; }
.bannerContainer,
.bannerContainer img,
.NavServerDropDown-module__wrapper,
.LangSwitcher-module__wrapper,
.Widgets-module__widgetWrapper.slb-hide-widget { display: none !important; }
.container,
#slb-preview-root,
.slb-shop-section { width: min(1280px, calc(100% - 48px)) !important; max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; }
.Header-module__wrapper { display: flex; align-items: center; gap: 14px; margin-top: 24px !important; border-radius: 16px !important; padding: 0 14px 0 18px !important; background: rgba(27, 27, 27, 0.88) !important; border: 1px solid var(--slb-line) !important; backdrop-filter: blur(16px); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18); }
.Header-module__logo,
.HeaderNav-module__link { color: var(--slb-text) !important; }
.HeaderNav-module__link { opacity: 0.88; transition: color 0.2s ease, opacity 0.2s ease; }
.HeaderNav-module__link:hover,
.HeaderNav-module__link:focus { color: #fff !important; opacity: 1; }
.slb-brand-badge { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 46px; height: 46px; margin-right: 8px; border-radius: 14px; background: #f5a31c; color: #15120f; font-size: 10px; font-weight: 900; line-height: 0.9; letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 0 10px 24px rgba(245, 163, 28, 0.22); }
.slb-brand-badge-image { width: 100%; height: 100%; object-fit: contain; border-radius: 14px; }
.slb-header-actions { display: flex; align-items: center; gap: 10px; margin-right: 12px; }
.slb-header-steam { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border-radius: 10px; border: 1px solid var(--slb-line); background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.82); cursor: pointer; }
.slb-header-promo { min-height: 40px; border: 1px solid var(--slb-line-strong); border-radius: 12px; padding: 10px 14px; background: linear-gradient(180deg, rgba(255, 195, 123, 0.22), rgba(255, 128, 55, 0.15)); color: #ffd18c; font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: 0 0 24px rgba(255, 176, 90, 0.16); }
#slb-preview-root { margin-top: 28px !important; margin-bottom: 28px !important; }
.slb-hero-shell { color: var(--slb-text); }
.slb-hero-head { margin-bottom: 18px; text-align: center; }
.slb-hero-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(255, 179, 71, 0.22); background: rgba(255, 179, 71, 0.10); color: #ffd28d; font-size: 11px; font-weight: 800; letter-spacing: 0.24em; text-transform: uppercase; }
.slb-hero-kicker-mark { display: flex; align-items: center; justify-content: center; width: 19px; height: 19px; border-radius: 4px; background: #ff9f0a; color: #15120f; font-size: 8px; font-weight: 900; }
.slb-hero-title { margin: 14px 0 0; font-size: 42px; font-weight: 900; line-height: 1; letter-spacing: 0.02em; text-transform: uppercase; }
.slb-hero-subtitle { margin-top: 10px; color: var(--slb-text-soft); font-size: 13px; }
.slb-hero-grid { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 18px; align-items: start; }
.slb-servers-card,
.slb-card,
.Shop-module__wrapper .boxBody,
.Shop-module__wrapper .boxFooter,
.ProfileNav-module__header,
.ProfileNav-module__body,
.ProfileContent-module__body,
.HistoryContent-module__wrapper .boxBody,
.BasketContent-module__wrapper .boxBody,
.Widgets-module__widgetWrapper .MonitoringWidget-module__body { position: relative; overflow: hidden; border-radius: 18px !important; border: 1px solid var(--slb-line) !important; background: var(--slb-panel) !important; box-shadow: var(--slb-shadow); }
.slb-servers-card { padding: 16px; background: linear-gradient(180deg, var(--slb-panel-soft), var(--slb-panel-soft-2)) !important; }
.slb-server-row + .slb-server-row { margin-top: 18px; }
.slb-server-name { margin-bottom: 8px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.2; }
.slb-server-bar { height: 14px; overflow: hidden; border-radius: 5px; background: rgba(255, 239, 221, 0.12); }
.slb-server-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--slb-accent-2), var(--slb-accent)); }
.slb-server-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; color: rgba(255, 255, 255, 0.78); font-size: 13px; font-weight: 700; }
.slb-cards-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 170px; gap: 16px; min-width: 0; }
.slb-card { padding: 16px; }
.slb-card-overlay { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at top right, rgba(255, 185, 112, 0.08), transparent 30%), linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 40%); }
.slb-card-overlay-green { background: radial-gradient(circle at top left, rgba(95, 210, 104, 0.16), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 40%); }
.slb-card-inner { position: relative; z-index: 1; height: 100%; }
.slb-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.slb-chip { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(255, 190, 110, 0.20); background: rgba(255, 179, 71, 0.10); color: #ffd28d; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.slb-chip-green { border-color: rgba(95, 210, 104, 0.20); background: rgba(95, 210, 104, 0.12); color: #88eb91; }
.slb-meta { color: rgba(255, 255, 255, 0.76); font-size: 12px; font-weight: 700; }
.slb-card-title { margin: 0; color: #fff; font-size: 30px; font-weight: 900; line-height: 1; text-transform: uppercase; }
.slb-card-subtitle { margin: 0 0 10px; color: #fff; font-size: 26px; font-weight: 900; line-height: 1; text-transform: uppercase; }
.slb-card-text { margin: 8px 0 0; max-width: 520px; color: var(--slb-text-soft); font-size: 13px; line-height: 1.35; }
.slb-card-tall { grid-column: span 8; grid-row: span 2; }
.slb-card-wipe { grid-column: span 4; grid-row: span 1; }
.slb-card-stats { grid-column: span 8; grid-row: span 1; }
.slb-card-daily { grid-column: span 4; grid-row: span 1; }
.slb-video-frame { position: relative; overflow: hidden; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.06); background: rgba(0, 0, 0, 0.16); }
.slb-video-frame--tall { height: 260px; margin-top: 12px; }
.slb-video-frame__video,
.slb-video-frame__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.slb-video-frame__video { z-index: 1; }
.slb-video-frame__poster { z-index: 2; transition: opacity 0.3s ease, visibility 0.3s ease; pointer-events: none; }
.slb-video-frame__overlay { position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(180deg, rgba(12, 11, 11, 0.12), rgba(12, 11, 11, 0.2)), linear-gradient(0deg, rgba(8, 8, 8, 0.35), transparent 42%); }
.slb-video-frame.is-playing .slb-video-frame__poster { opacity: 0; visibility: hidden; }
.slb-mini-stats,
.slb-stats-grid,
.slb-daily-grid { display: grid; gap: 10px; }
.slb-mini-stats { grid-template-columns: 1fr; }
.slb-stats-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 24px; }
.slb-daily-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 18px; }
.slb-mini-stat,
.slb-stat-box,
.slb-daily-box { display: flex; flex-direction: column; justify-content: center; min-height: 56px; padding: 12px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); }
.slb-mini-stat span,
.slb-stat-box span,
.slb-daily-box span { color: rgba(255, 255, 255, 0.72); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.slb-mini-stat strong,
.slb-stat-box strong,
.slb-daily-box strong { margin-top: 4px; color: #fff; font-size: 24px; font-weight: 900; line-height: 1; }
.slb-mini-stat strong { font-size: 22px; }
.slb-stat-accent { color: #ffd28d !important; }
.slb-stat-box small,
.slb-daily-box small { margin-top: 6px; color: rgba(255, 255, 255, 0.55); font-size: 11px; }
.slb-daily-button,
.Button-module__btn { border-radius: 12px !important; }
.slb-daily-button { min-height: 44px; margin-top: 14px; padding: 0 16px; border: 1px solid rgba(255, 190, 110, 0.22); background: linear-gradient(180deg, rgba(255, 196, 120, 0.26), rgba(255, 132, 57, 0.18)); color: #fff1df; font-size: 14px; font-weight: 800; cursor: pointer; }
.slb-shop-section { margin-top: 22px !important; }
.Shop-module__wrapper,
.Shop-module__wrapper .boxBody,
.Shop-module__wrapper .boxFooter { width: 100% !important; max-width: 100% !important; }
.boxHeaderCustom { background: rgba(31, 31, 31, 0.96) !important; border: 1px solid var(--slb-line) !important; border-bottom: none !important; border-radius: 18px 18px 0 0 !important; color: #ffd08a !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: 0.03em; }
.Categories-module__categories { margin: 0 0 16px 0 !important; gap: 8px; }
.Categories-module__categories .Categories-module__category { border-radius: 12px !important; margin: 0 8px 8px 0 !important; padding: 10px 14px !important; color: rgba(255, 255, 255, 0.74) !important; background: rgba(255, 255, 255, 0.04) !important; border: 1px solid var(--slb-line) !important; transition: 0.2s ease; }
.Categories-module__categories .Categories-module__category:hover,
.Categories-module__categories .Categories-module__category:focus { color: #fff !important; background: rgba(255, 255, 255, 0.06) !important; }
.Categories-module__categories .Categories-module__active { background: rgba(255, 179, 71, 0.12) !important; border-color: rgba(255, 179, 71, 0.28) !important; color: #fff !important; }
.Shop-module__wrapper .Search-module__wrapper,
.PlayerBalanceModal-module__inputWrapper,
.TotalSum-module__inputWrapper,
.CountSelector-module__inputWrapper,
.BasketSearch-module__wrapper,
.HistorySearch-module__wrapper,
.ProfileContent-module__input,
.Selector-module__dropDownCurrentItem,
.Selector-module__dropDownList { background: rgba(255, 255, 255, 0.045) !important; border: 1px solid var(--slb-line) !important; border-radius: 14px !important; color: #fff !important; }
.Products-module__wrapper { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important; gap: 16px !important; }
.Product-module__wrapper { position: relative; overflow: hidden; min-height: 320px; border-radius: 16px !important; border: 1px solid var(--slb-line) !important; background: linear-gradient(180deg, rgba(201, 162, 39, 0.06), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)), rgba(27, 27, 27, 0.97) !important; padding: 42px 14px 16px !important; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
.Product-module__wrapper:hover { transform: translateY(-4px); border-color: rgba(255, 179, 71, 0.28) !important; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28); }
img.Product-module__img { height: 220px !important; object-fit: contain; margin-bottom: 8px; }
.Product-module__name { color: #fff !important; font-weight: 700 !important; }
.Product-module__price,
span.Product-module__price { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; border-radius: 12px !important; padding: 7px 12px !important; font-weight: 800 !important; color: #fff !important; }
.Product-module__oldPrice { color: rgba(255, 255, 255, 0.38) !important; opacity: 1 !important; }
.Product-module__discount { background: var(--slb-accent-2) !important; color: #15120f !important; border-radius: 0 0 0 12px !important; padding: 6px 10px !important; font-weight: 900 !important; }
.MonitoringServer-module__progressWrapper .MonitoringServer-module__progressBarWrapper { background: rgba(255, 255, 255, 0.08) !important; border-radius: 999px !important; }
.MonitoringServer-module__progressWrapper .MonitoringServer-module__progressBar { background: linear-gradient(90deg, var(--slb-accent-2), var(--slb-accent)) !important; }
.MonitoringServer-module__progressWrapper .MonitoringServer-module__progressInfo,
.HistoryTable-module__tableHeader,
.BasketTable-module__tableHeader,
.ProfileNav-module__navItem { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid var(--slb-line) !important; border-radius: 12px !important; color: #fff !important; }
.ProfileNav-module__navItem.ProfileNav-module__active { background: rgba(255, 179, 71, 0.14) !important; border-color: rgba(255, 179, 71, 0.30) !important; }
.ShopFooter-module__wrapper { width: min(1280px, calc(100% - 48px)) !important; margin: 26px auto 40px !important; }
.ShopFooter-module__link { color: rgba(255, 255, 255, 0.76) !important; }
@media (max-width: 1180px) { .container, #slb-preview-root, .slb-shop-section, .ShopFooter-module__wrapper { width: calc(100% - 28px) !important; max-width: none !important; } .slb-hero-grid { grid-template-columns: 1fr; } .slb-cards-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; } .slb-card-tall, .slb-card-wipe, .slb-card-stats, .slb-card-daily { grid-column: span 2; grid-row: auto; } .slb-video-frame--tall { height: 320px; } .slb-stats-grid, .slb-daily-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .Header-module__wrapper { gap: 10px; padding: 0 12px !important; } .slb-header-actions { display: none; } .container, #slb-preview-root, .slb-shop-section, .ShopFooter-module__wrapper { width: calc(100% - 20px) !important; } .slb-hero-title { font-size: 34px; } .slb-cards-grid { grid-template-columns: 1fr; } .slb-card-tall, .slb-card-wipe, .slb-card-stats, .slb-card-daily { grid-column: span 1; } .slb-video-frame--tall { height: 220px; } .slb-stats-grid { grid-template-columns: 1fr; } .Products-module__wrapper { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important; gap: 12px !important; } img.Product-module__img { height: 170px !important; } }
.slb-page-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; }
.slb-page-stack > #slb-preview-root,
.slb-page-stack > .Shop-module__wrapper,
.slb-page-stack > .Widgets-module__widgetWrapper { width: 100% !important; max-width: none !important; flex: 0 0 auto !important; }
.slb-page-stack > #slb-preview-root { order: 1 !important; }
.slb-page-stack > .Shop-module__wrapper { order: 2 !important; }
#slb-preview-root { flex: 0 0 auto !important; }
.slb-shop-section { flex: 0 0 auto !important; }
body,
button,
input,
textarea,
select { font-family: "Teko", sans-serif !important; }
#slb-store-v2-root { width: min(1320px, calc(100% - 40px)) !important; max-width: 1320px !important; margin: 34px auto 28px !important; }
.slb-featured-shell { width: 100%; }
.slb-featured-title { margin: 0 0 18px; color: #fff; font-family: "Teko", sans-serif; font-size: clamp(48px, 6vw, 70px); line-height: 0.85; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; }
.slb-featured-grid { display: grid; grid-template-columns: 1.06fr 1fr 1fr; grid-template-rows: 220px 220px; gap: 16px; }
.slb-feature-card { position: relative; overflow: hidden; border: 1px solid rgba(201, 162, 39, 0.48); border-radius: 0 !important; background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(0,0,0,0.14)), #1f1f1f; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.32); }
.slb-feature-card--large { grid-row: 1 / span 2; grid-column: 1; }
.slb-feature-card__bg,
.slb-feature-card__video,
.slb-feature-card__poster { position: absolute; inset: 0; width: 100%; height: 100%; }
.slb-feature-card__bg { background-size: cover; background-position: center; transform: scale(1.02); }
.slb-feature-card__video,
.slb-feature-card__poster { object-fit: cover; }
.slb-feature-card__poster { z-index: 1; opacity: 1; transition: opacity .45s ease; }
.slb-feature-card-video.is-playing .slb-feature-card__poster { opacity: 0; pointer-events: none; }
.slb-feature-card__shade { position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(7,7,7,0.04), rgba(7,7,7,0.18) 36%, rgba(7,7,7,0.70) 100%), repeating-linear-gradient( 0deg, rgba(255,255,255,0.012) 0, rgba(255,255,255,0.012) 1px, transparent 1px, transparent 5px ); }
.slb-feature-card__content { position: relative; z-index: 3; display: flex; flex-direction: column; height: 100%; padding: 16px; }
.slb-feature-card__content--bottom { justify-content: flex-end; }
.slb-feature-card__badge { display: inline-flex; align-items: center; justify-content: center; width: fit-content; margin-bottom: 10px; padding: 4px 8px 2px; background: #c9a227; color: #111; font-family: "Teko", sans-serif; font-size: 18px; font-weight: 700; line-height: 1; text-transform: uppercase; }
.slb-feature-card__badge--green { background: #6b8f4a; color: #f7f0e8; }
.slb-feature-card__name { color: #fff; font-family: "Teko", sans-serif; font-size: 36px; line-height: 0.9; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; }
.slb-feature-card--large .slb-feature-card__name { font-size: 46px; }
.slb-feature-card__desc { margin-top: 8px; color: rgba(255,255,255,0.84); font-family: "Teko", sans-serif; font-size: 23px; line-height: 0.95; font-weight: 500; text-transform: uppercase; }
.slb-feature-card__bg--daily { background-image: linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.28)), radial-gradient(circle at 70% 22%, rgba(201,162,39,0.35), transparent 18%), linear-gradient(135deg, #2d2925, #584537 55%, #151413); }
.slb-feature-card__bg--wipe { background-image: linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.30)), linear-gradient(135deg, #1f2a20, #405133 45%, #141312); }
.slb-feature-card__bg--stats { background-image: linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.30)), radial-gradient(circle at 45% 22%, rgba(201,162,39,0.18), transparent 18%), linear-gradient(135deg, #28231f, #4c3d32 55%, #151413); }
.slb-feature-card__bg--rules { background-image: linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.28)), linear-gradient(135deg, #211b18, #41332c 55%, #141312); }
@media (max-width: 1100px) { .slb-featured-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .slb-feature-card--large { grid-column: 1 / -1; grid-row: auto; min-height: 420px; } }
@media (max-width: 720px) { #slb-store-v2-root { width: calc(100% - 16px) !important; } .slb-featured-title { font-size: 44px; } .slb-featured-grid { grid-template-columns: 1fr; } .slb-feature-card, .slb-feature-card--large { min-height: 320px; } }
:root { --slab-bg-film: url("https://content.magicrust.ru/images/other/bg_radial.png"); }
body::before,
body::after { display: none !important; content: none !important; }
.slb-bg-film { position: fixed; inset: 0; z-index: 2147483000; pointer-events: none; opacity: 0.55; background-image: var(--slab-bg-film); background-size: cover; background-position: center center; background-repeat: no-repeat; }
:root { --slb-menu-blue: #1d547a; --slb-menu-blue-hover: #80bae4; --slb-menu-active: #6d8641; --slb-menu-active-text: #d8ed4f; --slb-menu-red: #b23825; --slb-menu-red-hover: #c43d29; --slb-menu-red-text: #f7d3cc; --slb-menu-panel: rgba(255, 255, 255, 0.10); --slb-menu-line: rgba(128, 186, 228, 0.14); --slb-topbar-ultra-max: 2560px; }
.Header-module__wrapper { display: none !important; }
html,
body { margin-top: 0 !important; padding-top: 0 !important; }
.slb-topbar { position: relative; left: 50%; z-index: 2147483001; box-sizing: border-box; display: flex; align-items: stretch; justify-content: space-between; width: 100vw; max-width: 100vw; min-height: 54px; margin: 0 0 22px !important; padding: 0 30px; transform: translateX(-50%); border: 0; border-radius: 0; border-bottom: 1px solid var(--slb-menu-line); background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0)), var(--slb-menu-panel); box-shadow: 0 16px 34px rgba(0, 0, 0, 0.36); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
@media (min-width: 2561px) { .slb-topbar { width: var(--slb-topbar-ultra-max) !important; max-width: var(--slb-topbar-ultra-max) !important; } }
.slb-topbar__nav,
.slb-topbar__actions { display: flex; align-items: center; gap: 10px; }
.slb-topbar__nav { min-width: 0; overflow-x: auto; scrollbar-width: none; }
.slb-topbar__nav::-webkit-scrollbar { display: none; }
.slb-topbar__actions { flex: 0 0 auto; margin-left: auto; padding-left: 18px; }
.slb-topbar__link,
.slb-topbar__topup,
.slb-topbar__login { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 16px; border: 0; border-radius: 0; background: var(--slb-menu-blue); color: #ffffff !important; font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: 16px; font-weight: 800; line-height: 48px; letter-spacing: 0.045em; text-transform: uppercase; text-decoration: none !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35); white-space: nowrap; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease; appearance: none; -webkit-appearance: none; }
.slb-topbar__link:hover,
.slb-topbar__link:focus,
.slb-topbar__topup:hover,
.slb-topbar__topup:focus { background: var(--slb-menu-blue-hover); color: #ffffff !important; }
.slb-topbar__link--active,
.slb-topbar__link--active:hover,
.slb-topbar__link--active:focus { background: var(--slb-menu-active); color: var(--slb-menu-active-text) !important; }
.slb-topbar__login { min-width: 112px; background: var(--slb-menu-red); color: var(--slb-menu-red-text) !important; }
.slb-topbar__login:hover,
.slb-topbar__login:focus { background: var(--slb-menu-red-hover); color: #ffffff !important; }
.slb-topbar__topup { min-width: 156px; }
.slb-topbar__icon,
.slb-topbar__login-icon { display: none !important; width: 0 !important; height: 0 !important; opacity: 0 !important; transform: none !important; }
@media (max-width: 820px) { .slb-topbar { min-height: 50px; margin-bottom: 18px !important; padding: 0 10px; overflow-x: auto; } .slb-topbar__nav, .slb-topbar__actions { gap: 8px; } .slb-topbar__actions { padding-left: 8px; } .slb-topbar__link, .slb-topbar__topup, .slb-topbar__login { min-height: 44px; min-width: max-content; padding: 0 13px; font-size: 15px; line-height: 44px; } }
.slb-layout-row { display: grid !important; grid-template-columns: 286px minmax(0, 1fr) !important; align-items: start !important; gap: 18px !important; width: min(1320px, calc(100% - 40px)) !important; max-width: 1320px !important; margin: 0 auto 36px !important; }
.slb-layout-row > .slb-shop-section { width: 100% !important; max-width: none !important; margin: 0 !important; }
.slb-server-sidebar { position: sticky; top: 70px; z-index: 5; min-height: calc(100vh - 70px); overflow: hidden; border: 1px solid rgba(178, 56, 37, 0.34); border-radius: 0; background: radial-gradient(circle at 18% 10%, rgba(255, 255, 255, 0.07), transparent 24%), radial-gradient(circle at 72% 36%, rgba(80, 28, 20, 0.35), transparent 28%), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0, rgba(255, 255, 255, 0.018) 1px, transparent 1px, transparent 4px), linear-gradient(180deg, #8b4135 0%, #733329 100%); color: rgba(255, 238, 226, 0.86); box-shadow: 0 22px 44px rgba(0, 0, 0, 0.30); }
.slb-sidebar-inner { position: relative; display: flex; flex-direction: column; min-height: inherit; padding: 26px 28px 0; }
.slb-sidebar-inner::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.22; background-image: linear-gradient(90deg, transparent 0, rgba(255,255,255,0.045) 50%, transparent 100%), radial-gradient(rgba(0, 0, 0, 0.24) 0.7px, transparent 0.7px); background-size: 160px 100%, 5px 5px; mix-blend-mode: overlay; }
.slb-sidebar-section { position: relative; z-index: 1; }
.slb-sidebar-section + .slb-sidebar-section { margin-top: 34px; }
.slb-sidebar-title { margin: 0 0 16px; color: rgba(255, 232, 214, 0.95); font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: 25px; font-weight: 800; line-height: 1; letter-spacing: 0.01em; }
.slb-server-item + .slb-server-item { margin-top: 16px; }
.slb-server-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; color: rgba(255, 238, 226, 0.86); font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: 14px; font-weight: 800; line-height: 1.15; text-transform: uppercase; }
.slb-server-progress { position: relative; overflow: hidden; width: 100%; height: 8px; background: rgba(255, 255, 255, 0.16); }
.slb-server-progress span { display: block; height: 100%; background: #8fc857; box-shadow: 0 0 16px rgba(143, 200, 87, 0.38); }
.slb-server-meta-line { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; margin-top: 6px; color: rgba(255, 238, 226, 0.72); font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: 14px; font-weight: 700; line-height: 1; }
.slb-server-meta-line strong { justify-self: start; padding: 5px 7px 4px; background: rgba(29, 84, 122, 0.74); color: rgba(214, 235, 249, 0.92); font: inherit; }
.slb-server-meta-line a { color: rgba(255, 238, 226, 0.72) !important; text-decoration: none !important; font-size: 17px; line-height: 1; }
.slb-bonus-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.slb-bonus-cell { display: flex; align-items: center; justify-content: space-between; min-height: 34px; padding: 0 10px; background: rgba(109, 134, 65, 0.62); color: rgba(255, 238, 226, 0.90); font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: 13px; font-weight: 800; text-transform: uppercase; }
.slb-bonus-cell strong { color: #9fda63; font: inherit; }
.slb-sidebar-socials { position: relative; z-index: 1; display: flex; justify-content: center; gap: 12px; margin: auto -28px 0; padding: 14px 0 18px; background: rgba(255, 255, 255, 0.10); }
.slb-sidebar-socials a { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); color: rgba(255, 238, 226, 0.80) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 12px; font-weight: 900; text-decoration: none !important; }
@media (max-width: 1180px) { .slb-layout-row { grid-template-columns: 250px minmax(0, 1fr) !important; width: calc(100% - 24px) !important; gap: 12px !important; } .slb-server-sidebar { min-height: auto; } .slb-sidebar-inner { padding: 22px 18px 0; } .slb-sidebar-socials { margin-left: -18px; margin-right: -18px; } }
@media (max-width: 860px) { .slb-layout-row { display: flex !important; flex-direction: column !important; } .slb-server-sidebar { position: relative; top: auto; width: 100% !important; min-height: auto; } }
.slb-layout-row { position: relative !important; left: 50% !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: 286px minmax(0, 1fr) !important; align-items: stretch !important; gap: 8px !important; width: 100vw !important; max-width: 100vw !important; margin: 0 0 36px !important; padding: 0 14px 0 0 !important; transform: translateX(-50%) !important; }
.slb-layout-row > .slb-shop-section { min-width: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; }
.slb-server-sidebar { position: sticky !important; top: 0 !important; align-self: stretch !important; min-height: 100vh !important; margin: 0 !important; border: 0 !important; border-right: 8px solid rgba(18, 18, 18, 0.72) !important; background: radial-gradient(circle at 24% 9%, rgba(255, 255, 255, 0.075), transparent 25%), radial-gradient(circle at 68% 42%, rgba(62, 20, 17, 0.42), transparent 29%), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0, rgba(255, 255, 255, 0.018) 1px, transparent 1px, transparent 4px), linear-gradient(180deg, #8d4135 0%, #743329 100%) !important; box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05), inset -18px 0 28px rgba(0, 0, 0, 0.12) !important; }
.slb-server-sidebar::after { content: ""; position: absolute; top: 0; right: -8px; bottom: 0; width: 8px; pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.86)); }
.slb-sidebar-inner { min-height: 100vh !important; padding-top: 34px !important; }
.slb-sidebar-socials { min-height: 58px; }
@media (max-width: 1180px) { .slb-layout-row { grid-template-columns: 250px minmax(0, 1fr) !important; gap: 8px !important; width: 100vw !important; padding-right: 10px !important; } }
@media (max-width: 860px) { .slb-layout-row { left: auto !important; display: flex !important; flex-direction: column !important; width: calc(100% - 16px) !important; max-width: none !important; margin: 0 auto 28px !important; padding: 0 !important; transform: none !important; } .slb-server-sidebar { position: relative !important; top: auto !important; width: 100% !important; min-height: auto !important; border-right: 0 !important; border-bottom: 8px solid rgba(18, 18, 18, 0.72) !important; } .slb-server-sidebar::after { display: none !important; } .slb-sidebar-inner { min-height: auto !important; } }
.slb-hide-widget { display: none !important; }
.slb-main-layout { position: relative !important; left: 50% !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: 286px minmax(0, 1fr) !important; align-items: stretch !important; gap: 8px !important; width: 100vw !important; max-width: 100vw !important; margin: 0 0 36px !important; padding: 0 14px 0 0 !important; transform: translateX(-50%) !important; }
.slb-main-layout > .slb-server-sidebar { grid-column: 1 !important; grid-row: 1 !important; width: 286px !important; max-width: 286px !important; }
.slb-main-layout > .slb-shop-section { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; }
@media (max-width: 1180px) { .slb-main-layout { grid-template-columns: 250px minmax(0, 1fr) !important; width: 100vw !important; padding-right: 10px !important; } .slb-main-layout > .slb-server-sidebar { width: 250px !important; max-width: 250px !important; } }
@media (max-width: 860px) { .slb-main-layout { left: auto !important; display: flex !important; flex-direction: column !important; width: calc(100% - 16px) !important; max-width: none !important; margin: 0 auto 28px !important; padding: 0 !important; transform: none !important; } .slb-main-layout > .slb-server-sidebar { width: 100% !important; max-width: none !important; } }
body { overflow-x: hidden !important; }
aside[class*="Widgets"].slb-hide-widget,
[class*="Widgets-module__widgetWrapper"].slb-hide-widget,
[class*="MonitoringWidget-module"].slb-hide-widget { display: none !important; }
#slb-store-v2-root { position: relative !important; left: 50% !important; width: 100vw !important; max-width: 100vw !important; margin: 20px 0 24px !important; padding: 0 !important; transform: translateX(-50%) !important; }
.slb-top-screen { box-sizing: border-box !important; display: grid !important; grid-template-columns: 286px minmax(0, 1fr) !important; align-items: stretch !important; gap: 26px !important; width: 100vw !important; max-width: 100vw !important; min-height: calc(100vh - 96px) !important; padding: 0 44px 0 0 !important; }
.slb-top-screen > .slb-server-sidebar { grid-column: 1 !important; grid-row: 1 !important; position: relative !important; top: auto !important; align-self: stretch !important; width: 286px !important; max-width: 286px !important; min-height: calc(100vh - 96px) !important; margin: 0 !important; }
.slb-top-screen > .slb-featured-shell { grid-column: 2 !important; grid-row: 1 !important; align-self: start !important; width: min(1120px, 100%) !important; max-width: 1120px !important; margin: 34px auto 0 !important; }
.slb-top-screen .slb-featured-grid { grid-template-columns: 1.05fr 1fr 1fr !important; grid-template-rows: 190px 190px !important; gap: 14px !important; }
.slb-top-screen .slb-feature-card--large { grid-row: 1 / span 2 !important; grid-column: 1 !important; }
.slb-top-screen .slb-feature-card__name { font-size: 32px !important; }
.slb-top-screen .slb-feature-card--large .slb-feature-card__name { font-size: 42px !important; }
.slb-top-screen .slb-feature-card__desc { font-size: 20px !important; }
.slb-shop-section { position: relative !important; left: auto !important; width: min(1320px, calc(100% - 40px)) !important; max-width: 1320px !important; margin: 0 auto 36px !important; transform: none !important; }
@media (max-width: 1180px) { .slb-top-screen { grid-template-columns: 250px minmax(0, 1fr) !important; gap: 18px !important; padding-right: 20px !important; } .slb-top-screen > .slb-server-sidebar { width: 250px !important; max-width: 250px !important; } .slb-top-screen .slb-featured-grid { grid-template-rows: 170px 170px !important; } }
@media (max-width: 920px) { .slb-top-screen { display: flex !important; flex-direction: column !important; min-height: auto !important; padding: 0 10px !important; } .slb-top-screen > .slb-server-sidebar { width: 100% !important; max-width: none !important; min-height: auto !important; border-right: 0 !important; border-bottom: 8px solid rgba(18, 18, 18, 0.72) !important; } .slb-top-screen > .slb-featured-shell { width: 100% !important; max-width: none !important; margin-top: 20px !important; } .slb-top-screen .slb-featured-grid { grid-template-columns: 1fr !important; grid-template-rows: auto !important; } }
body { overflow-x: hidden !important; }
.slb-hide-widget,
aside[class*="Widgets"].slb-hide-widget,
[class*="Widgets-module__widgetWrapper"].slb-hide-widget,
[class*="MonitoringWidget-module"].slb-hide-widget { display: none !important; }
#slb-store-v2-root { position: relative !important; left: auto !important; width: min(1320px, calc(100% - 40px)) !important; max-width: 1320px !important; margin: 34px auto 28px !important; padding: 0 !important; transform: none !important; }
#slb-store-v2-root > .slb-featured-shell { width: 100% !important; max-width: none !important; margin: 0 !important; }
.slb-top-screen,
.slb-main-layout,
.slb-layout-row { display: block !important; width: auto !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; transform: none !important; }
.slb-shop-section { position: relative !important; left: auto !important; width: min(1320px, calc(100% - 40px)) !important; max-width: 1320px !important; margin: 0 auto 36px !important; transform: none !important; }
.slb-monitor-backdrop { position: fixed; inset: 0; z-index: 2147483180; border: 0; padding: 0; opacity: 0; visibility: hidden; pointer-events: none; background: rgba(0, 0, 0, 0.48); transition: opacity 0.22s ease, visibility 0.22s ease; }
.slb-monitor-backdrop.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.slb-monitor-drawer { position: fixed; top: 0; bottom: 0; left: 0; z-index: 2147483190; width: 306px; max-width: calc(100vw - 54px); overflow: hidden; transform: translateX(calc(-100% - 12px)); transition: transform 0.28s cubic-bezier(0.22, 0.9, 0.25, 1); border: 0; border-right: 8px solid rgba(18, 18, 18, 0.78); background: radial-gradient(circle at 24% 9%, rgba(255, 255, 255, 0.075), transparent 25%), radial-gradient(circle at 68% 42%, rgba(62, 20, 17, 0.42), transparent 29%), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0, rgba(255, 255, 255, 0.018) 1px, transparent 1px, transparent 4px), linear-gradient(180deg, #8d4135 0%, #743329 100%); color: rgba(255, 238, 226, 0.86); box-shadow: 20px 0 44px rgba(0, 0, 0, 0.42); }
.slb-monitor-drawer.is-open { transform: translateX(0); }
.slb-monitor-drawer::after { content: ""; position: absolute; top: 0; right: -8px; bottom: 0; width: 8px; pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.86)); }
.slb-monitor-drawer__close { position: absolute; top: 12px; right: 14px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 0; border-radius: 0; background: rgba(0, 0, 0, 0.22); color: rgba(255, 238, 226, 0.86); font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: 28px; font-weight: 800; line-height: 1; cursor: pointer; }
.slb-monitor-drawer__close:hover,
.slb-monitor-drawer__close:focus { background: rgba(0, 0, 0, 0.34); color: #ffffff; }
.slb-monitor-drawer__body { position: relative; z-index: 1; height: 100%; overflow-y: auto; }
.slb-monitor-drawer .slb-sidebar-inner { min-height: 100vh !important; padding: 38px 28px 0 !important; }
.slb-monitor-drawer .slb-sidebar-socials { min-height: 58px; }
.slb-monitor-drawer .slb-sidebar-title { padding-right: 38px; }
@media (max-width: 720px) { #slb-store-v2-root, .slb-shop-section { width: calc(100% - 16px) !important; } .slb-monitor-drawer { width: min(306px, calc(100vw - 34px)); } }
.slb-content-stack { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; width: 100% !important; max-width: none !important; }
.slb-content-stack > #slb-store-v2-root { order: 1 !important; flex: 0 0 auto !important; align-self: center !important; width: min(1320px, calc(100% - 40px)) !important; max-width: 1320px !important; margin: 34px auto 30px !important; }
.slb-content-stack > .slb-shop-section { order: 2 !important; flex: 0 0 auto !important; align-self: center !important; clear: both !important; width: min(1320px, calc(100% - 40px)) !important; max-width: 1320px !important; margin: 0 auto 36px !important; }
.slb-content-stack > .slb-shop-section .boxHeader,
.slb-content-stack > .slb-shop-section .boxBody,
.slb-content-stack > .slb-shop-section .boxFooter { width: 100% !important; max-width: 100% !important; }
@media (max-width: 720px) { .slb-content-stack > #slb-store-v2-root, .slb-content-stack > .slb-shop-section { width: calc(100% - 16px) !important; } }
:root { --slb-topbar-height: 54px; }
.slb-topbar { z-index: 2147483300 !important; }
.slb-monitor-backdrop { top: var(--slb-topbar-height) !important; right: 0 !important; bottom: 0 !important; left: 0 !important; inset: var(--slb-topbar-height) 0 0 0 !important; }
.slb-monitor-drawer { top: var(--slb-topbar-height) !important; bottom: 0 !important; height: auto !important; max-height: calc(100vh - var(--slb-topbar-height)) !important; }
.slb-monitor-drawer::after { top: 0 !important; bottom: 0 !important; }
.slb-monitor-drawer .slb-sidebar-inner { min-height: calc(100vh - var(--slb-topbar-height)) !important; }
@media (max-width: 820px) { :root { --slb-topbar-height: 50px; } }
:root { --slb-monitor-width: 306px; }
.slb-monitor-backdrop,
.slb-monitor-backdrop.is-open { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
.slb-monitor-drawer { pointer-events: auto !important; }
.slb-content-stack { transition: margin-left 0.28s cubic-bezier(0.22, 0.9, 0.25, 1), width 0.28s cubic-bezier(0.22, 0.9, 0.25, 1) !important; }
@media (min-width: 1180px) { html.slb-monitor-open .slb-content-stack { width: calc(100% - var(--slb-monitor-width)) !important; margin-left: var(--slb-monitor-width) !important; } html.slb-monitor-open .slb-content-stack > #slb-store-v2-root, html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: min(1320px, calc(100% - 40px)) !important; } }
@media (max-width: 1179px) { html.slb-monitor-open .slb-content-stack { width: 100% !important; margin-left: 0 !important; } }
:root { --slb-monitor-width: 306px; --slb-monitor-gap: 24px; --slb-open-content-max: 1500px; --slb-open-shell-max: calc(var(--slb-monitor-width) + var(--slb-monitor-gap) + var(--slb-open-content-max)); --slb-open-shell-left: max(0px, calc((100vw - var(--slb-open-shell-max)) / 2)); }
@media (min-width: 1180px) { .slb-monitor-drawer { left: var(--slb-open-shell-left) !important; transform: translateX(calc(-100% - var(--slb-open-shell-left) - 14px)) !important; } .slb-monitor-drawer.is-open { transform: translateX(0) !important; } html.slb-monitor-open .slb-content-stack { width: min( var(--slb-open-content-max), calc(100vw - var(--slb-open-shell-left) - var(--slb-open-shell-left) - var(--slb-monitor-width) - var(--slb-monitor-gap)) ) !important; max-width: none !important; margin-left: calc(var(--slb-open-shell-left) + var(--slb-monitor-width) + var(--slb-monitor-gap)) !important; margin-right: var(--slb-open-shell-left) !important; } html.slb-monitor-open .slb-content-stack > #slb-store-v2-root, html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } }
@media (min-width: 1180px) and (max-width: 1930px) { :root { --slb-open-content-max: calc(100vw - var(--slb-monitor-width) - var(--slb-monitor-gap)); } }
@media (max-width: 1179px) { .slb-monitor-drawer { left: 0 !important; transform: translateX(calc(-100% - 14px)) !important; } .slb-monitor-drawer.is-open { transform: translateX(0) !important; } html.slb-monitor-open .slb-content-stack { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } }
:root { --slb-monitor-width: 306px; --slb-monitor-gap: 24px; --slb-content-max-width: 1320px; --slb-content-side-space: max(0px, calc((100vw - var(--slb-content-max-width)) / 2)); --slb-monitor-left: max(0px, calc(var(--slb-content-side-space) - var(--slb-monitor-width) - var(--slb-monitor-gap))); }
.slb-content-stack { transition: none !important; }
html.slb-monitor-open .slb-content-stack,
html.slb-monitor-open .slb-content-stack > #slb-store-v2-root,
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: inherit !important; max-width: inherit !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
@media (min-width: 1180px) { .slb-monitor-drawer { left: var(--slb-monitor-left) !important; transform: translateX(calc(-100% - var(--slb-monitor-left) - 14px)) !important; } .slb-monitor-drawer.is-open { transform: translateX(0) !important; } html.slb-monitor-open .slb-content-stack > #slb-store-v2-root, html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: min(var(--slb-content-max-width), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width) !important; margin-left: auto !important; margin-right: auto !important; } }
@media (max-width: 1179px) { .slb-monitor-drawer { left: 0 !important; transform: translateX(calc(-100% - 14px)) !important; } .slb-monitor-drawer.is-open { transform: translateX(0) !important; } html.slb-monitor-open .slb-content-stack > #slb-store-v2-root, html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: min(var(--slb-content-max-width), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width) !important; margin-left: auto !important; margin-right: auto !important; } }
@media (max-width: 720px) { html.slb-monitor-open .slb-content-stack > #slb-store-v2-root, html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: calc(100% - 16px) !important; } }
.slb-monitor-drawer { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; z-index: 10 !important; width: min(1320px, calc(100% - 40px)) !important; max-width: 1320px !important; height: auto !important; max-height: 0 !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; opacity: 0 !important; visibility: hidden !important; transform: none !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transition: max-height 0.32s ease, opacity 0.18s ease, margin 0.32s ease, visibility 0.18s ease !important; }
.slb-monitor-drawer.is-open { max-height: 760px !important; margin: 18px auto 28px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
.slb-monitor-drawer::after,
.slb-monitor-backdrop,
.slb-monitor-backdrop.is-open { display: none !important; }
.slb-monitor-drawer__body { height: auto !important; overflow: visible !important; }
.slb-monitor-drawer__close { top: 18px !important; right: 18px !important; background: rgba(255, 255, 255, 0.08) !important; }
.slb-server-strip { position: relative; overflow: hidden; padding: 30px 34px 34px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 0; background: radial-gradient(circle at 22% 0%, rgba(128, 186, 228, 0.08), transparent 22%), radial-gradient(circle at 80% 60%, rgba(109, 134, 65, 0.10), transparent 24%), radial-gradient(rgba(255, 255, 255, 0.08) 0.7px, transparent 0.7px), linear-gradient(180deg, rgba(18, 19, 19, 0.96), rgba(12, 13, 13, 0.98)); background-size: auto, auto, 22px 22px, auto; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34); }
.slb-server-strip__head { text-align: center; margin-bottom: 28px; }
.slb-server-strip__head h2 { margin: 0; color: #ffffff; font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: clamp(34px, 4vw, 52px); font-weight: 900; line-height: 0.95; letter-spacing: 0.03em; text-transform: uppercase; }
.slb-server-strip__head p { margin: 8px 0 0; color: rgba(255, 255, 255, 0.58); font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: 18px; font-weight: 600; }
.slb-server-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 20px; }
.slb-server-tabs span { min-width: 72px; padding: 9px 18px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 10px; color: rgba(255, 255, 255, 0.82); font-family: "Roboto Condensed", sans-serif !important; font-size: 14px; font-weight: 800; line-height: 1; text-align: center; }
.slb-server-tabs .is-active { border-color: #ffffff; background: #ffffff; color: #111111; }
.slb-server-strip__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.slb-server-card { position: relative; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 16px; min-height: 128px; padding: 22px 24px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); }
.slb-server-card__icon { width: 52px; height: 52px; border-radius: 12px; background: #80bae4; box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.55), 0 10px 24px rgba(0, 0, 0, 0.24); }
.slb-server-card--red .slb-server-card__icon { background: #ef553e; }
.slb-server-card--blue .slb-server-card__icon { background: #1d9fd0; }
.slb-server-card--green .slb-server-card__icon { background: #8fd34b; }
.slb-server-card--yellow .slb-server-card__icon { background: #f3b734; }
.slb-server-card h3 { margin: 0; color: #ffffff; font-family: "Roboto Condensed", sans-serif !important; font-size: 18px; font-weight: 900; line-height: 1.1; }
.slb-server-card p { margin: 4px 0 14px; color: rgba(255, 255, 255, 0.62); font-family: "Roboto Condensed", sans-serif !important; font-size: 14px; font-weight: 600; }
.slb-server-card__bar { overflow: hidden; height: 8px; background: rgba(255, 255, 255, 0.13); }
.slb-server-card__bar span { display: block; height: 100%; background: #a6ff3f; box-shadow: 0 0 18px rgba(166, 255, 63, 0.34); }
.slb-server-card__meta { display: flex; justify-content: space-between; gap: 14px; margin-top: 10px; color: rgba(255, 255, 255, 0.74); font-family: "Roboto Condensed", sans-serif !important; font-size: 14px; font-weight: 700; }
.slb-server-card__meta strong { color: rgba(255, 255, 255, 0.82); font: inherit; }
.slb-server-strip__bonus { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 22px; color: rgba(255, 255, 255, 0.78); font-family: "Roboto Condensed", sans-serif !important; font-size: 14px; font-weight: 800; text-transform: uppercase; }
.slb-server-strip__bonus span { margin-right: 6px; color: #ffffff; }
.slb-server-strip__bonus strong { padding: 8px 10px; background: rgba(109, 134, 65, 0.42); color: #a6ff3f; font: inherit; }
html.slb-monitor-open .slb-content-stack,
html.slb-monitor-open .slb-content-stack > #slb-store-v2-root,
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: inherit !important; max-width: inherit !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
@media (max-width: 900px) { .slb-server-strip { padding: 26px 16px 24px; } .slb-server-strip__grid { grid-template-columns: 1fr; } .slb-monitor-drawer { width: calc(100% - 16px) !important; } }
.slb-monitor-drawer { position: fixed !important; top: calc(var(--slb-topbar-height, 50px) + 12px) !important; right: auto !important; bottom: auto !important; left: max(14px, calc((100vw - var(--slb-content-max-width, 1320px)) / 2 + 14px)) !important; z-index: 9998 !important; width: min(318px, calc(100vw - 28px)) !important; max-width: 318px !important; height: auto !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 28px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(calc(-100% - 32px), 0, 0) rotate(-1.2deg) !important; transition: transform 0.42s cubic-bezier(.2,.9,.18,1), opacity 0.2s ease, visibility 0.2s ease !important; }
.slb-monitor-drawer.is-open { max-height: calc(100vh - var(--slb-topbar-height, 50px) - 28px) !important; margin: 0 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(0, 0, 0) rotate(0deg) !important; }
.slb-monitor-drawer::after,
.slb-monitor-backdrop,
.slb-monitor-backdrop.is-open { display: none !important; }
.slb-monitor-drawer__body { height: auto !important; max-height: inherit !important; overflow: visible !important; padding: 0 !important; }
.slb-monitor-drawer__close { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 4 !important; width: 30px !important; height: 30px !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; border-radius: 0 !important; background: rgba(35, 12, 9, 0.42) !important; color: rgba(255, 255, 255, 0.82) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 22px !important; font-weight: 900 !important; line-height: 26px !important; cursor: pointer !important; transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important; }
.slb-monitor-drawer__close:hover,
.slb-monitor-drawer__close:focus { background: rgba(35, 12, 9, 0.72) !important; color: #ffffff !important; transform: scale(1.04) !important; }
.slb-monitor-panel { position: relative; overflow: hidden; min-height: 520px; padding: 34px 28px 28px; border: 1px solid rgba(255, 222, 196, 0.14); background-color: #8d3f34; background-image: url("https://content.magicrust.ru/images/other/bg_radial.png"), repeating-linear-gradient(0deg, rgba(255,255,255,0.035) 0 1px, rgba(0,0,0,0.025) 1px 3px), radial-gradient(circle at 10% 0%, rgba(255, 183, 125, 0.14), transparent 34%), linear-gradient(180deg, rgba(159, 72, 58, 0.98), rgba(113, 42, 34, 0.98)); background-size: cover, auto, auto, auto; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08); color: rgba(255, 242, 232, 0.86); }
.slb-monitor-panel::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.18; background-image: radial-gradient(circle at 18% 24%, rgba(255,255,255,0.2) 0 1px, transparent 1.5px), radial-gradient(circle at 70% 62%, rgba(0,0,0,0.35) 0 1px, transparent 1.6px); background-size: 21px 21px, 29px 29px; mix-blend-mode: overlay; }
.slb-monitor-panel > * { position: relative; z-index: 1; }
.slb-monitor-panel__head { padding-right: 36px; margin-bottom: 20px; }
.slb-monitor-panel__head span { display: block; color: #f0e0d2; font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: 30px; font-weight: 900; line-height: 0.95; letter-spacing: 0.02em; text-transform: uppercase; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); }
.slb-monitor-panel__head strong { display: inline-block; margin-top: 7px; color: rgba(255, 242, 232, 0.72); font-family: "Roboto Condensed", sans-serif !important; font-size: 14px; font-weight: 800; line-height: 1; text-transform: uppercase; }
.slb-monitor-panel__servers { display: grid; gap: 14px; }
.slb-monitor-server { position: relative; padding: 0 0 2px; transform-origin: 50% 50%; transition: transform 0.18s ease, filter 0.18s ease; }
.slb-monitor-server--tilt-left { transform: rotate(-1.4deg) translateX(-2px); }
.slb-monitor-server--tilt-right { transform: rotate(1.25deg) translateX(2px); }
.slb-monitor-server:hover { filter: brightness(1.08); transform: rotate(0deg) translateX(0); }
.slb-monitor-server__title { margin-bottom: 6px; color: #fff4ea; font-family: "Roboto Condensed", sans-serif !important; font-size: 16px; font-weight: 900; line-height: 1.05; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.34); }
.slb-monitor-server__title span { color: rgba(255, 244, 234, 0.9); font: inherit; }
.slb-monitor-server__bar { overflow: hidden; height: 20px; background: rgba(31, 54, 47, 0.58); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); }
.slb-monitor-server__bar span { display: block; min-width: 4px; height: 100%; background: linear-gradient(90deg, #ef402b, #ff5b35); box-shadow: 0 0 14px rgba(239, 64, 43, 0.34); }
.slb-monitor-server__meta { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; color: #f7e6d9; font-family: "Roboto Condensed", sans-serif !important; font-size: 15px; font-weight: 800; line-height: 1; }
.slb-monitor-server__meta i { color: rgba(255, 244, 234, 0.72); font-style: normal; font-size: 20px; line-height: 1; transform: rotate(-22deg); }
.slb-monitor-server--total { margin-top: 4px; padding-top: 8px; border-top: 1px solid rgba(255, 244, 234, 0.14); }
.slb-monitor-server--total .slb-monitor-server__title { text-transform: uppercase; }
.slb-monitor-panel__bonus { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 28px; }
.slb-monitor-panel__bonus h3 { grid-column: 1 / -1; margin: 0 0 4px; color: #f0e0d2; font-family: "Roboto Condensed", sans-serif !important; font-size: 24px; font-weight: 900; line-height: 1; }
.slb-monitor-panel__bonus div { display: flex; justify-content: space-between; gap: 8px; padding: 9px 10px; background: rgba(109, 134, 65, 0.44); color: rgba(255, 244, 234, 0.86); font-family: "Roboto Condensed", sans-serif !important; font-size: 12px; font-weight: 900; line-height: 1; text-transform: uppercase; }
.slb-monitor-panel__bonus strong { color: #9ad75a; font: inherit; }
html.slb-monitor-open .slb-content-stack { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack > #slb-store-v2-root,
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: min(var(--slb-content-max-width, 1320px), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width, 1320px) !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; }
@media (max-width: 720px) { .slb-monitor-drawer { top: calc(var(--slb-topbar-height, 50px) + 8px) !important; left: 8px !important; width: calc(100vw - 16px) !important; max-width: none !important; transform: translate3d(calc(-100% - 18px), 0, 0) !important; } .slb-monitor-drawer.is-open { transform: translate3d(0, 0, 0) !important; } .slb-monitor-panel { min-height: auto; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 22px); overflow-y: auto; padding: 30px 18px 20px; } html.slb-monitor-open .slb-content-stack > #slb-store-v2-root, html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: calc(100% - 16px) !important; } }
.slb-monitor-drawer { position: fixed !important; top: calc(var(--slb-topbar-height, 50px) + 10px) !important; right: auto !important; bottom: auto !important; left: 50% !important; z-index: 9997 !important; width: min(var(--slb-content-max-width, 1320px), calc(100vw - 40px)) !important; max-width: var(--slb-content-max-width, 1320px) !important; height: auto !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 24px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(-50%, calc(-100% - 26px), 0) scaleY(0.96) !important; transform-origin: top center !important; transition: transform 0.42s cubic-bezier(.2,.9,.18,1), opacity 0.2s ease, visibility 0.2s ease !important; }
.slb-monitor-drawer.is-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(-50%, 0, 0) scaleY(1) !important; }
.slb-monitor-drawer::after,
.slb-monitor-backdrop,
.slb-monitor-backdrop.is-open { display: none !important; }
.slb-monitor-drawer__body { height: auto !important; max-height: inherit !important; overflow: visible !important; padding: 0 !important; }
.slb-monitor-drawer__close { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 5 !important; width: 30px !important; height: 30px !important; border: 1px solid rgba(255, 235, 220, 0.18) !important; border-radius: 0 !important; background: rgba(35, 12, 9, 0.48) !important; color: rgba(255, 244, 234, 0.86) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 22px !important; font-weight: 900 !important; line-height: 26px !important; cursor: pointer !important; transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important; }
.slb-monitor-drawer__close:hover,
.slb-monitor-drawer__close:focus { background: rgba(35, 12, 9, 0.78) !important; color: #ffffff !important; transform: scale(1.04) !important; }
.slb-monitor-panel { position: relative !important; display: grid !important; grid-template-columns: 190px minmax(0, 1fr) 300px !important; gap: 22px !important; align-items: stretch !important; min-height: 0 !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 24px) !important; overflow: hidden !important; padding: 22px 54px 22px 24px !important; border: 1px solid rgba(255, 222, 196, 0.14) !important; border-radius: 0 !important; background-color: #8d3f34 !important; background-image: url("https://content.magicrust.ru/images/other/bg_radial.png"), repeating-linear-gradient(0deg, rgba(255,255,255,0.035) 0 1px, rgba(0,0,0,0.025) 1px 3px), radial-gradient(circle at 10% 0%, rgba(255, 183, 125, 0.14), transparent 34%), linear-gradient(180deg, rgba(159, 72, 58, 0.98), rgba(113, 42, 34, 0.98)) !important; background-size: cover, auto, auto, auto !important; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; color: rgba(255, 242, 232, 0.86) !important; }
.slb-monitor-panel::before { content: "" !important; position: absolute !important; inset: 0 !important; pointer-events: none !important; opacity: 0.16 !important; background-image: radial-gradient(circle at 18% 24%, rgba(255,255,255,0.2) 0 1px, transparent 1.5px), radial-gradient(circle at 70% 62%, rgba(0,0,0,0.35) 0 1px, transparent 1.6px) !important; background-size: 21px 21px, 29px 29px !important; mix-blend-mode: overlay !important; }
.slb-monitor-panel > * { position: relative !important; z-index: 1 !important; }
.slb-monitor-panel__head { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; }
.slb-monitor-panel__head span { display: block !important; color: #f0e0d2 !important; font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: clamp(24px, 2.2vw, 34px) !important; font-weight: 900 !important; line-height: 0.95 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) !important; }
.slb-monitor-panel__head strong { display: block !important; margin-top: 8px !important; color: rgba(255, 242, 232, 0.72) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1.1 !important; text-transform: uppercase !important; }
.slb-monitor-panel__servers { display: grid !important; grid-template-columns: repeat(5, minmax(120px, 1fr)) !important; gap: 12px !important; align-items: stretch !important; }
.slb-monitor-server { display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; min-height: 94px !important; padding: 12px 12px 10px !important; border: 1px solid rgba(255, 236, 218, 0.1) !important; background: rgba(28, 41, 37, 0.28) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important; transform-origin: 50% 50% !important; transition: transform 0.18s ease, filter 0.18s ease, background-color 0.18s ease !important; }
.slb-monitor-server--tilt-left { transform: rotate(-1.35deg) translateY(1px) !important; }
.slb-monitor-server--tilt-right { transform: rotate(1.25deg) translateY(-1px) !important; }
.slb-monitor-server:hover { background: rgba(28, 41, 37, 0.4) !important; filter: brightness(1.08) !important; transform: rotate(0deg) translateY(-2px) !important; }
.slb-monitor-server__title { margin: 0 0 8px !important; color: #fff4ea !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.05 !important; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.34) !important; }
.slb-monitor-server__title span { display: inline !important; color: rgba(255, 244, 234, 0.9) !important; font: inherit !important; }
.slb-monitor-server__bar { overflow: hidden !important; height: 18px !important; margin-top: auto !important; background: rgba(31, 54, 47, 0.58) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; }
.slb-monitor-server__bar span { display: block !important; min-width: 4px !important; height: 100% !important; background: linear-gradient(90deg, #ef402b, #ff5b35) !important; box-shadow: 0 0 14px rgba(239, 64, 43, 0.34) !important; }
.slb-monitor-server__meta { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; margin-top: 7px !important; color: #f7e6d9 !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; }
.slb-monitor-server__meta i { color: rgba(255, 244, 234, 0.72) !important; font-style: normal !important; font-size: 18px !important; line-height: 1 !important; transform: rotate(-22deg) !important; }
.slb-monitor-server--total { margin: 0 !important; padding-top: 12px !important; border-top: 1px solid rgba(255, 236, 218, 0.1) !important; background: rgba(109, 134, 65, 0.26) !important; }
.slb-monitor-server--total .slb-monitor-server__title { text-transform: uppercase !important; }
.slb-monitor-panel__bonus { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-content: center !important; gap: 6px !important; margin: 0 !important; }
.slb-monitor-panel__bonus h3 { grid-column: 1 / -1 !important; margin: 0 0 2px !important; color: #f0e0d2 !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 19px !important; font-weight: 900 !important; line-height: 1 !important; }
.slb-monitor-panel__bonus div { display: flex !important; justify-content: space-between !important; gap: 8px !important; padding: 8px 9px !important; background: rgba(109, 134, 65, 0.44) !important; color: rgba(255, 244, 234, 0.86) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; }
.slb-monitor-panel__bonus strong { color: #9ad75a !important; font: inherit !important; }
html.slb-monitor-open .slb-content-stack { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack > #slb-store-v2-root,
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: min(var(--slb-content-max-width, 1320px), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width, 1320px) !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; }
@media (max-width: 1180px) { .slb-monitor-panel { grid-template-columns: 1fr !important; gap: 14px !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 24px) !important; overflow-y: auto !important; padding: 20px 48px 20px 18px !important; } .slb-monitor-panel__head { display: block !important; } .slb-monitor-panel__servers { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .slb-monitor-panel__bonus { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 720px) { .slb-monitor-drawer { top: calc(var(--slb-topbar-height, 50px) + 8px) !important; width: calc(100vw - 16px) !important; max-width: none !important; transform: translate3d(-50%, calc(-100% - 18px), 0) scaleY(0.96) !important; } .slb-monitor-drawer.is-open { transform: translate3d(-50%, 0, 0) scaleY(1) !important; } .slb-monitor-panel { padding: 18px 42px 18px 14px !important; } .slb-monitor-panel__servers, .slb-monitor-panel__bonus { grid-template-columns: 1fr !important; } .slb-monitor-server { min-height: 82px !important; } html.slb-monitor-open .slb-content-stack > #slb-store-v2-root, html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: calc(100% - 16px) !important; } }
.slb-monitor-drawer { position: fixed !important; top: calc(var(--slb-topbar-height, 50px) + 74px) !important; right: auto !important; bottom: auto !important; left: max(12px, calc((100vw - var(--slb-content-max-width, 1320px)) / 2 - 282px)) !important; z-index: 9997 !important; width: min(260px, calc(100vw - 24px)) !important; max-width: 260px !important; height: auto !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 92px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(calc(-100% - 22px), 0, 0) rotate(-1.2deg) !important; transform-origin: 100% 40px !important; transition: transform 0.42s cubic-bezier(.2,.9,.18,1), opacity 0.2s ease, visibility 0.2s ease !important; }
.slb-monitor-drawer.is-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(0, 0, 0) rotate(0deg) !important; }
.slb-monitor-drawer::after,
.slb-monitor-backdrop,
.slb-monitor-backdrop.is-open { display: none !important; }
.slb-monitor-drawer__body { height: auto !important; max-height: inherit !important; overflow: visible !important; padding: 0 !important; }
.slb-monitor-drawer__close { position: absolute !important; top: -8px !important; right: -8px !important; z-index: 5 !important; width: 28px !important; height: 28px !important; border: 1px solid rgba(238, 216, 178, 0.22) !important; border-radius: 0 !important; background: rgba(28, 24, 20, 0.9) !important; color: rgba(255, 244, 234, 0.86) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 21px !important; font-weight: 900 !important; line-height: 24px !important; cursor: pointer !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important; transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important; }
.slb-monitor-drawer__close:hover,
.slb-monitor-drawer__close:focus { background: #b23825 !important; color: #ffffff !important; transform: scale(1.05) !important; }
.slb-monitor-panel { position: relative !important; display: block !important; min-height: 0 !important; max-height: inherit !important; overflow: visible !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-image: none !important; box-shadow: none !important; color: rgba(255, 242, 232, 0.86) !important; }
.slb-monitor-panel::before,
.slb-monitor-panel::after { display: none !important; }
.slb-monitor-panel > * { position: relative !important; z-index: 1 !important; }
.slb-monitor-panel__head { display: block !important; margin: 0 0 12px !important; padding: 0 !important; text-align: left !important; }
.slb-monitor-panel__head span { display: block !important; color: #f0e0d2 !important; font-family: "Roboto Condensed", "Teko", sans-serif !important; font-size: 34px !important; font-weight: 900 !important; line-height: 0.9 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; text-shadow: 0 3px 10px rgba(0, 0, 0, 0.6) !important; }
.slb-monitor-panel__head strong { display: block !important; margin-top: 7px !important; color: rgba(255, 242, 232, 0.72) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.52) !important; }
.slb-monitor-panel__servers { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; align-items: stretch !important; }
.slb-monitor-server { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; min-height: 82px !important; padding: 12px 13px 11px !important; border: 1px solid rgba(157, 132, 61, 0.52) !important; border-radius: 0 !important; background: radial-gradient(circle at 16% 0%, rgba(255, 235, 190, 0.08), transparent 34%), linear-gradient(180deg, rgba(34, 38, 35, 0.88), rgba(22, 24, 23, 0.9)) !important; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(2px) !important; transform-origin: 50% 50% !important; transition: transform 0.18s ease, filter 0.18s ease, border-color 0.18s ease !important; }
.slb-monitor-server--tilt-left { transform: rotate(-1.6deg) translateX(-2px) !important; }
.slb-monitor-server--tilt-right { transform: rotate(1.35deg) translateX(2px) !important; }
.slb-monitor-server:hover { border-color: rgba(214, 176, 76, 0.82) !important; filter: brightness(1.1) !important; transform: rotate(0deg) translateX(6px) !important; }
.slb-monitor-server__title { margin: 0 0 8px !important; color: #fff4ea !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.05 !important; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.42) !important; }
.slb-monitor-server__title span { display: inline !important; color: rgba(255, 244, 234, 0.9) !important; font: inherit !important; }
.slb-monitor-server__bar { overflow: hidden !important; height: 18px !important; margin-top: auto !important; background: rgba(31, 54, 47, 0.62) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; }
.slb-monitor-server__bar span { display: block !important; min-width: 4px !important; height: 100% !important; background: linear-gradient(90deg, #ef402b, #ff5b35) !important; box-shadow: 0 0 14px rgba(239, 64, 43, 0.38) !important; }
.slb-monitor-server__meta { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; margin-top: 7px !important; color: #f7e6d9 !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; }
.slb-monitor-server__meta i { color: rgba(255, 244, 234, 0.72) !important; font-style: normal !important; font-size: 18px !important; line-height: 1 !important; transform: rotate(-22deg) !important; }
.slb-monitor-server--total { margin: 2px 0 0 !important; border-color: rgba(146, 172, 76, 0.52) !important; background: radial-gradient(circle at 20% 0%, rgba(166, 255, 63, 0.12), transparent 34%), linear-gradient(180deg, rgba(70, 82, 42, 0.86), rgba(33, 38, 27, 0.9)) !important; }
.slb-monitor-server--total .slb-monitor-server__title { text-transform: uppercase !important; }
.slb-monitor-panel__bonus { display: none !important; }
html.slb-monitor-open .slb-content-stack { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack > #slb-store-v2-root,
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: min(var(--slb-content-max-width, 1320px), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width, 1320px) !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; }
@media (max-width: 720px) { .slb-monitor-drawer { top: calc(var(--slb-topbar-height, 50px) + 58px) !important; left: 8px !important; width: min(292px, calc(100vw - 16px)) !important; max-width: none !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 72px) !important; transform: translate3d(calc(-100% - 16px), 0, 0) rotate(-1.2deg) !important; } .slb-monitor-drawer.is-open { transform: translate3d(0, 0, 0) rotate(0deg) !important; } .slb-monitor-drawer__body { max-height: inherit !important; overflow-y: auto !important; } .slb-monitor-panel__head span { font-size: 30px !important; } .slb-monitor-server { min-height: 76px !important; } html.slb-monitor-open .slb-content-stack > #slb-store-v2-root, html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: calc(100% - 16px) !important; } }
.slb-topbar__link.slb-monitor-toggle { background: var(--slb-menu-blue, #1d547a) !important; color: #ffffff !important; }
.slb-topbar__link.slb-monitor-toggle:hover,
.slb-topbar__link.slb-monitor-toggle:focus { background: var(--slb-menu-blue-hover, #80bae4) !important; color: #ffffff !important; }
.slb-topbar__link.slb-monitor-toggle.slb-topbar__link--active,
.slb-topbar__link.slb-monitor-toggle.slb-topbar__link--active:hover,
.slb-topbar__link.slb-monitor-toggle.slb-topbar__link--active:focus,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle { background: var(--slb-menu-active, #6d8641) !important; color: var(--slb-menu-active-text, #d8ed4f) !important; }
.slb-content-stack > #slb-store-v2-root { order: 1 !important; margin-bottom: 10px !important; }
.slb-content-stack > #slb-ocean-divider { order: 2 !important; flex: 0 0 auto !important; align-self: center !important; }
.slb-content-stack > .slb-shop-section { order: 3 !important; margin-top: 0 !important; }
#slb-ocean-divider { position: relative !important; width: min(var(--slb-content-max-width, 1320px), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width, 1320px) !important; margin: 0 auto 18px !important; padding: 0 !important; pointer-events: none !important; overflow: hidden !important; isolation: isolate !important; }
.slb-ocean-divider__inner { position: relative; height: 112px; overflow: hidden; border: 1px solid rgba(157, 132, 61, 0.34); background: radial-gradient(circle at 18% 18%, rgba(128, 186, 228, 0.12), transparent 24%), radial-gradient(circle at 72% 56%, rgba(178, 56, 37, 0.18), transparent 30%), linear-gradient(180deg, rgba(15, 18, 18, 0.64), rgba(8, 10, 10, 0.88)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), inset 0 -22px 44px rgba(0, 0, 0, 0.28), 0 20px 55px rgba(0, 0, 0, 0.2); }
.slb-ocean-divider__haze { position: absolute; inset: 0; z-index: 1; opacity: 0.22; background-image: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.12) 0 1px, transparent 1.4px), radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.34) 0 1px, transparent 1.6px); background-size: 23px 23px, 31px 31px; mix-blend-mode: overlay; }
.slb-ocean-divider__spark { position: absolute; z-index: 2; width: 8px; height: 8px; border-radius: 50%; background: rgba(214, 176, 76, 0.78); box-shadow: 0 0 18px rgba(214, 176, 76, 0.42); animation: slbOceanSpark 5.8s ease-in-out infinite; }
.slb-ocean-divider__spark--one { top: 28px; left: 18%; }
.slb-ocean-divider__spark--two { right: 22%; bottom: 34px; width: 5px; height: 5px; animation-delay: -2.2s; }
.slb-ocean { position: absolute; inset: 0; z-index: 3; overflow: hidden; }
.slb-ocean::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 64px; background: linear-gradient(180deg, rgba(35, 74, 81, 0.28), rgba(18, 43, 48, 0.76)), linear-gradient(90deg, rgba(178, 56, 37, 0.12), rgba(128, 186, 228, 0.08), rgba(178, 56, 37, 0.1)); box-shadow: inset 0 22px 32px rgba(255, 255, 255, 0.035); }
.slb-ocean__wave { position: absolute; left: -12%; width: 124%; height: 58px; background-repeat: repeat-x; will-change: transform; }
.slb-ocean__wave--back { bottom: 28px; z-index: 2; opacity: 0.45; background-image: radial-gradient(54px 22px at 50% 0, rgba(128, 186, 228, 0.22) 0 44%, transparent 46%), linear-gradient(180deg, rgba(128, 186, 228, 0.08), transparent 70%); background-size: 108px 44px, 100% 100%; animation: slbOceanWave 18s linear infinite; }
.slb-ocean__wave--front { bottom: 3px; z-index: 5; opacity: 0.74; background-image: radial-gradient(64px 28px at 50% 0, rgba(210, 227, 216, 0.2) 0 43%, transparent 45%), linear-gradient(180deg, rgba(128, 186, 228, 0.08), rgba(8, 16, 18, 0.36)); background-size: 128px 52px, 100% 100%; animation: slbOceanWave 11s linear infinite reverse; }
.slb-rowboat { position: absolute; left: 8%; bottom: 34px; z-index: 4; width: 164px; height: 82px; animation: slbBoatMove 34s ease-in-out infinite; will-change: left; }
.slb-rowboat__body { position: absolute; inset: 0; transform-origin: 50% 82%; animation: slbBoatBob 3.4s ease-in-out infinite; will-change: transform; }
.slb-rowboat__mast { position: absolute; left: 78px; bottom: 28px; width: 4px; height: 48px; background: linear-gradient(180deg, #b98b55, #5b3823); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38); }
.slb-rowboat__sail { position: absolute; left: 82px; bottom: 38px; width: 52px; height: 38px; clip-path: polygon(0 0, 100% 54%, 0 100%); background: linear-gradient(135deg, rgba(226, 210, 178, 0.92), rgba(148, 116, 76, 0.86)); filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.36)); }
.slb-rowboat__hull { position: absolute; left: 18px; bottom: 16px; width: 126px; height: 26px; clip-path: polygon(0 0, 100% 0, 84% 100%, 18% 100%); background: linear-gradient(180deg, rgba(134, 77, 45, 0.98), rgba(69, 40, 28, 0.98)); border-top: 3px solid rgba(214, 176, 76, 0.4); box-shadow: 0 10px 18px rgba(0, 0, 0, 0.34); }
.slb-rowboat__oar { position: absolute; bottom: 18px; width: 72px; height: 4px; border-radius: 999px; background: #7c5539; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.28); }
.slb-rowboat__oar::after { content: ""; position: absolute; right: -12px; top: -4px; width: 18px; height: 12px; border-radius: 50%; background: #5c3c2a; }
.slb-rowboat__oar--left { left: 0; transform: rotate(-19deg); }
.slb-rowboat__oar--right { right: 0; transform: rotate(19deg) scaleX(-1); }
@keyframes slbOceanWave { from { transform: translateX(0); } to { transform: translateX(-128px); } }
@keyframes slbBoatMove { 0%, 100% { left: 8%; } 50% { left: calc(100% - 220px); } }
@keyframes slbBoatBob { 0%, 100% { transform: translateY(0) rotate(-1.4deg); } 50% { transform: translateY(6px) rotate(1.2deg); } }
@keyframes slbOceanSpark { 0%, 100% { opacity: 0.18; transform: translateY(0) scale(0.8); } 50% { opacity: 0.72; transform: translateY(-8px) scale(1); } }
@media (max-width: 720px) { #slb-ocean-divider { width: calc(100% - 16px) !important; margin-bottom: 12px !important; } .slb-ocean-divider__inner { height: 84px; } .slb-rowboat { width: 118px; height: 62px; bottom: 25px; animation-duration: 28s; } .slb-rowboat__mast { left: 56px; bottom: 21px; height: 34px; } .slb-rowboat__sail { left: 60px; bottom: 29px; width: 38px; height: 28px; } .slb-rowboat__hull { left: 13px; bottom: 12px; width: 92px; height: 20px; } .slb-rowboat__oar { width: 50px; bottom: 13px; } @keyframes slbBoatMove { 0%, 100% { left: 7%; } 50% { left: calc(100% - 142px); } } }
@media (prefers-reduced-motion: reduce) { .slb-ocean__wave, .slb-rowboat, .slb-rowboat__body, .slb-ocean-divider__spark { animation: none !important; } }
.slb-ocean-divider__inner { height: 124px !important; border-color: rgba(205, 65, 42, 0.34) !important; background: radial-gradient(circle at 18% 18%, rgba(128, 186, 228, 0.10), transparent 24%), radial-gradient(circle at 72% 56%, rgba(205, 65, 42, 0.18), transparent 30%), linear-gradient(180deg, rgba(15, 18, 18, 0.62), rgba(12, 12, 11, 0.9)) !important; }
.slb-ocean::before { height: 74px !important; background: linear-gradient(180deg, rgba(64, 32, 27, 0.22), rgba(205, 65, 42, 0.52)), linear-gradient(90deg, rgba(80, 31, 25, 0.4), rgba(205, 65, 42, 0.3), rgba(80, 31, 25, 0.4)) !important; }
.slb-ocean__wave { left: 0 !important; width: 6400px !important; height: 198px !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNjAwIDE5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYwMCAxOTg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cjwvc3R5bGU+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iODAwIiB5MT0iMTk4IiB4Mj0iODAwIiB5Mj0iMTA1LjU1NTEiPgoJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I0NENDEyQSIvPgoJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0NENDEyQTtzdG9wLW9wYWNpdHk6MC41Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTk3LDExNC44Yy00LjMtMC4xLTguNi0wLjMtMTIuOS0wLjZjLTguOC0wLjctMjEuNC0xLjEtMzUuNy0xLjFjLTE3LjIsMC0zNC4zLDEuOC01MS42LDIuNwoJYy0xNy4yLDAuOS0zNC4zLDAuOS01MS42LTAuOWMtMTcuMi0xLjgtMzQuMy01LjMtNTEuNi01LjNjLTE3LjIsMC0zNC4zLDMuNi01MS42LDMuMmMtMTcuMi0wLjItMzQuMy00LjQtNTEuNi02LjIKCWMtMTcuMi0xLjgtMzQuMy0xLjEtNTEuNiwxLjZjLTE3LjIsMi43LTM0LjMsNy4zLTUxLjYsOS40Yy0xNy4yLDIuMS0zNC4zLDEuNC01MS42LDEuMmMtMTcuMi0wLjQtMzQuMy0wLjQtNTEuNi0yLjUKCWMtMTcuMi0yLTM0LjMtNi4yLTUxLjYtOGMtMTcuMi0xLjgtMzQuMy0xLjEtNTEuNiwxLjJjLTE3LjIsMi4zLTM0LjMsNi42LTUxLjYsNi4yYy0xNy4yLTAuNC0zNC4zLTUtNTEuNi02LjYKCWMtMTcuMi0xLjQtMzQuMywwLjQtNTEuOSwxLjZjLTE3LjQsMS4xLTM1LjIsMS44LTUyLjYsMC41Yy0xNy42LTEuMi0zNC43LTQuMS01MS45LTMuOWMtMTcuMiwwLjQtMzQuMywzLjktNTEuNiw0LjMKCWMtMTcuMiwwLjItMzQuMy0yLjctNTEuNi0zLjljLTE3LjItMS4yLTM0LjMtMC41LTUxLjYsMC40Yy0xNy4yLDAuOS0zNC4zLDItNTEuNiwyYy0xNy4yLDAtMzQuMy0xLjEtNTEuNiwwLjQKCWMtMTcuMiwxLjQtMzQuMyw1LjctNTEuNiw2LjhjLTE3LjIsMS4yLTM0LjMtMC41LTUxLjYtMC41Yy0xNy4yLDAtMzQuMywxLjgtNTEuNiwxLjRjLTE3LjItMC4yLTM0LjMtMi43LTUxLjYtNC40CgljLTE3LjItMS44LTM0LjMtMi44LTUxLjYtMi44cy0zNC4zLDEuMS01MS42LDIuM3MtMzQuMywyLjMtNTEuNiwzYy0xNy4yLDAuNS0zNC4zLDAuNS01MS42LDAuMmMtMTcuMi0wLjItMzQuMy0wLjktNDMtMS4xTDAsMTE0LjkKCVYxMzh2NjBoMTYwMHYtNjB2LTIzLjFMMTU5NywxMTQuOHoiLz4KPC9zdmc+Cg==") !important; background-repeat: repeat-x !important; background-size: 1600px 198px !important; will-change: transform !important; }
.slb-ocean__wave--back { top: -124px !important; bottom: auto !important; z-index: 2 !important; opacity: 0.48 !important; animation: slbRealWave 22s linear infinite !important; }
.slb-ocean__wave--front { top: -108px !important; bottom: auto !important; z-index: 5 !important; opacity: 0.88 !important; animation: slbRealWave 15s cubic-bezier(.36,.45,.63,.53) infinite reverse !important; }
.slb-rowboat { width: 318px !important; height: 122px !important; bottom: 19px !important; z-index: 4 !important; animation: slbRealBoatMove 42s ease-in-out infinite !important; will-change: left !important; }
.slb-rowboat__body { background-image: var(--slb-rowboat-image-v45) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; filter: drop-shadow(0 18px 18px rgba(0, 0, 0, 0.36)) !important; animation: slbRealBoatBob 3.6s cubic-bezier(.36,.45,.63,.53) infinite !important; }
.slb-rowboat__body > * { display: none !important; }
@keyframes slbRealWave { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-1600px, 0, 0); } }
@keyframes slbRealBoatMove { 0%, 100% { left: 6%; } 50% { left: calc(100% - 390px); } }
@keyframes slbRealBoatBob { 0%, 100% { transform: translateY(0) rotate(-1.2deg); } 50% { transform: translateY(7px) rotate(1.2deg); } }
@media (max-width: 720px) { .slb-ocean-divider__inner { height: 94px !important; } .slb-ocean__wave--back { top: -132px !important; } .slb-ocean__wave--front { top: -118px !important; } .slb-rowboat { width: 210px !important; height: 86px !important; bottom: 17px !important; animation-duration: 34s !important; } @keyframes slbRealBoatMove { 0%, 100% { left: 5%; } 50% { left: calc(100% - 242px); } } }
@media (prefers-reduced-motion: reduce) { .slb-ocean__wave, .slb-rowboat, .slb-rowboat__body, .slb-ocean-buoy { animation: none !important; } }
.slb-content-stack > #slb-ocean-divider { order: 2 !important; flex: 0 0 auto !important; align-self: stretch !important; width: 100vw !important; max-width: none !important; }
#slb-ocean-divider { position: relative !important; width: 100vw !important; max-width: none !important; min-width: 100vw !important; margin: 8px 0 0 calc(50% - 50vw) !important; padding: 0 !important; overflow: hidden !important; pointer-events: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; isolation: isolate !important; }
#slb-ocean-divider::after { content: none !important; display: none !important; }
.slb-ocean-divider__inner { position: relative !important; width: 100vw !important; height: clamp(620px, 66vh, 760px) !important; min-height: 620px !important; overflow: hidden !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.slb-ocean-divider__haze,
.slb-ocean-divider__spark { display: none !important; }
.slb-ocean { position: absolute !important; inset: 0 !important; z-index: 1 !important; overflow: hidden !important; background: transparent !important; }
.slb-ocean::before { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 238px !important; bottom: 0 !important; height: auto !important; z-index: 1 !important; display: block !important; background: linear-gradient(180deg, rgba(205, 65, 42, 0.94) 0%, rgba(157, 48, 34, 0.96) 42%, rgba(87, 32, 27, 0.98) 100%), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 4px) !important; opacity: 1 !important; transform: none !important; filter: none !important; pointer-events: none !important; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 36px), 94% calc(100% - 34px), 88% calc(100% - 43px), 79% calc(100% - 31px), 70% calc(100% - 38px), 61% calc(100% - 30px), 52% calc(100% - 42px), 43% calc(100% - 32px), 33% calc(100% - 36px), 23% calc(100% - 27px), 13% calc(100% - 39px), 6% calc(100% - 31px), 0 calc(100% - 35px)) !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 36px), 94% calc(100% - 34px), 88% calc(100% - 43px), 79% calc(100% - 31px), 70% calc(100% - 38px), 61% calc(100% - 30px), 52% calc(100% - 42px), 43% calc(100% - 32px), 33% calc(100% - 36px), 23% calc(100% - 27px), 13% calc(100% - 39px), 6% calc(100% - 31px), 0 calc(100% - 35px)) !important; }
.slb-ocean::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 116px !important; height: 190px !important; z-index: 2 !important; background: linear-gradient(180deg, transparent 0%, rgba(205, 65, 42, 0.22) 64%, rgba(205, 65, 42, 0.52) 100%) !important; pointer-events: none !important; }
.slb-ocean__wave { left: 0 !important; width: 6400px !important; height: 198px !important; background-repeat: repeat-x !important; background-size: 1600px 198px !important; background-position: 0 0 !important; filter: drop-shadow(0 -10px 22px rgba(0, 0, 0, 0.28)) !important; pointer-events: none !important; }
.slb-ocean__wave--back { top: 106px !important; bottom: auto !important; z-index: 3 !important; opacity: 0.42 !important; animation: slbRealWave 24s linear infinite !important; }
.slb-ocean__wave--front { top: 78px !important; bottom: auto !important; z-index: 5 !important; opacity: 1 !important; animation: slbRealWave 16s linear infinite reverse !important; }
.slb-rowboat { position: absolute !important; left: 8vw !important; top: 34px !important; bottom: auto !important; z-index: 10 !important; width: clamp(300px, 24vw, 430px) !important; height: clamp(112px, 9vw, 160px) !important; opacity: 1 !important; animation: slbBoatAcrossFull 48s ease-in-out infinite !important; transform: translateZ(0) !important; }
.slb-rowboat__body { position: absolute !important; inset: 0 !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; animation: slbRealBoatBob 3.6s ease-in-out infinite !important; filter: drop-shadow(0 22px 24px rgba(0, 0, 0, 0.46)) !important; }
.slb-ocean-social { position: absolute !important; left: calc(50% + clamp(62px, 6.5vw, 138px)) !important; top: clamp(24px, 4.8vw, 54px) !important; z-index: 9 !important; display: grid !important; grid-template-columns: repeat(2, minmax(260px, 310px)) !important; gap: clamp(34px, 6.8vw, 116px) !important; align-items: end !important; justify-content: center !important; width: min(920px, calc(100vw - 44px)) !important; transform: translate3d(-50%, 0, 0) !important; pointer-events: none !important; }
.slb-ocean-buoy { --slb-buoy-accent: #4fb7e8; --slb-buoy-glow: rgba(79, 183, 232, 0.36); position: relative !important; display: block !important; width: 100% !important; height: 252px !important; color: #f5efe5 !important; text-decoration: none !important; pointer-events: auto !important; transform-origin: 50% 82% !important; animation: slbOceanBuoyBob 5.4s ease-in-out infinite !important; }
.slb-ocean-buoy.slb-ocean-buoy--telegram,
.slb-ocean-buoy.slb-ocean-buoy--discord { justify-self: center !important; width: clamp(164px, 10.6vw, 196px) !important; height: 286px !important; background: none !important; filter: none !important; }
.slb-ocean-buoy--discord { --slb-buoy-accent: #8368ff; --slb-buoy-glow: rgba(131, 104, 255, 0.34); animation-delay: -1.8s !important; }
.slb-ocean-buoy--telegram > span:not(.social-buoy):not(.slb-ocean-buoy__hint),
.slb-ocean-buoy--discord > span:not(.social-buoy):not(.slb-ocean-buoy__hint) { display: none !important; }
.slb-ocean-buoy--telegram .social-buoy,
.slb-ocean-buoy--discord .social-buoy { --social-brand-x: 50%; --social-brand-y: 28%; --social-brand-size: clamp(30px, 2vw, 38px); --social-brand-color: rgba(172, 171, 164, 0.9); --social-brand-hover: rgba(246, 243, 235, 0.98); --social-lamp-x: 50%; --social-lamp-y: 5.9%; --social-lamp-core: 5.1%; --social-lamp-glow: 10.6%; position: absolute !important; left: 50% !important; bottom: 0 !important; z-index: 1 !important; display: block !important; width: clamp(210px, 13.5vw, 246px) !important; height: 100% !important; transform: translateX(-50%) !important; filter: drop-shadow(0 22px 26px rgba(0, 0, 0, 0.46)) !important; pointer-events: none !important; }
.slb-ocean-buoy--telegram .social-buoy { --social-brand-x: 48.5%; --social-brand-size: clamp(26px, 1.62vw, 31px); }
.slb-ocean-buoy--discord .social-buoy { --social-brand-size: clamp(34px, 2.2vw, 42px); }
.slb-ocean-buoy--telegram .social-buoy__img,
.slb-ocean-buoy--discord .social-buoy__img { position: relative !important; z-index: 0 !important; display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center bottom !important; border: 0 !important; opacity: 0.88 !important; filter: saturate(0.72) brightness(0.82) contrast(0.95) !important; transform: translateY(0) !important; transition: filter .24s ease, opacity .24s ease, transform .24s ease !important; user-select: none !important; pointer-events: none !important; }
.slb-ocean-buoy--telegram .social-buoy__brand,
.slb-ocean-buoy--discord .social-buoy__brand { position: absolute !important; left: var(--social-brand-x) !important; top: var(--social-brand-y) !important; z-index: 3 !important; display: block !important; width: var(--social-brand-size) !important; height: var(--social-brand-size) !important; transform: translate(-50%, -50%) !important; color: var(--social-brand-color) !important; opacity: .92 !important; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.42)) !important; pointer-events: none !important; transition: color .18s ease, opacity .18s ease, filter .18s ease, transform .18s ease !important; }
.slb-ocean-buoy--telegram .social-buoy__brand svg,
.slb-ocean-buoy--discord .social-buoy__brand svg { display: block !important; width: 100% !important; height: 100% !important; fill: currentColor !important; }
.slb-ocean-buoy--telegram:hover .social-buoy__img,
.slb-ocean-buoy--telegram:focus-visible .social-buoy__img,
.slb-ocean-buoy--discord:hover .social-buoy__img,
.slb-ocean-buoy--discord:focus-visible .social-buoy__img { opacity: 1 !important; filter: saturate(1.08) brightness(1.08) contrast(1.04) !important; transform: translateY(0) !important; }
.slb-ocean-buoy--telegram:hover .social-buoy__brand,
.slb-ocean-buoy--telegram:focus-visible .social-buoy__brand,
.slb-ocean-buoy--discord:hover .social-buoy__brand,
.slb-ocean-buoy--discord:focus-visible .social-buoy__brand { color: var(--social-brand-hover) !important; opacity: 1 !important; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.42)) drop-shadow(0 0 10px rgba(246, 243, 235, 0.18)) !important; transform: translate(-50%, -50%) !important; }
.slb-ocean-buoy--telegram .social-buoy::before,
.slb-ocean-buoy--telegram .social-buoy::after,
.slb-ocean-buoy--discord .social-buoy::before,
.slb-ocean-buoy--discord .social-buoy::after { content: "" !important; position: absolute !important; left: var(--social-lamp-x) !important; top: var(--social-lamp-y) !important; border-radius: 50% !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; opacity: 0 !important; transition: opacity .18s ease, filter .18s ease, transform .24s ease !important; }
.slb-ocean-buoy--telegram .social-buoy::before,
.slb-ocean-buoy--discord .social-buoy::before { z-index: 5 !important; width: var(--social-lamp-core) !important; height: auto !important; aspect-ratio: 1 / 1 !important; background: radial-gradient(circle, rgba(250, 255, 190, .98) 0%, #d8ed4f 48%, rgba(216, 237, 79, .48) 72%, rgba(216, 237, 79, 0) 100%) !important; box-shadow: 0 0 5px rgba(216, 237, 79, .55) !important; }
.slb-ocean-buoy--telegram .social-buoy::after,
.slb-ocean-buoy--discord .social-buoy::after { z-index: 4 !important; width: var(--social-lamp-glow) !important; height: auto !important; aspect-ratio: 1 / 1 !important; background: radial-gradient(circle, rgba(216, 237, 79, .32) 0%, rgba(216, 237, 79, .18) 44%, rgba(216, 237, 79, .05) 68%, rgba(216, 237, 79, 0) 84%) !important; filter: blur(1.5px) !important; }
.slb-ocean-buoy--telegram:hover .social-buoy::before,
.slb-ocean-buoy--telegram:hover .social-buoy::after,
.slb-ocean-buoy--telegram:focus-visible .social-buoy::before,
.slb-ocean-buoy--telegram:focus-visible .social-buoy::after,
.slb-ocean-buoy--discord:hover .social-buoy::before,
.slb-ocean-buoy--discord:hover .social-buoy::after,
.slb-ocean-buoy--discord:focus-visible .social-buoy::before,
.slb-ocean-buoy--discord:focus-visible .social-buoy::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }
.slb-ocean-buoy__hint { position: absolute !important; left: calc(100% - 12px) !important; top: 48px !important; z-index: 6 !important; display: block !important; width: 150px !important; height: 46px !important; opacity: 0 !important; transform: translate3d(-8px, -4px, 0) !important; pointer-events: none !important; transition: opacity .18s ease, transform .2s ease !important; }
.slb-ocean-buoy--telegram:hover .slb-ocean-buoy__hint,
.slb-ocean-buoy--telegram:focus-visible .slb-ocean-buoy__hint,
.slb-ocean-buoy--discord:hover .slb-ocean-buoy__hint,
.slb-ocean-buoy--discord:focus-visible .slb-ocean-buoy__hint { opacity: 1 !important; transform: translate3d(0, 0, 0) !important; }
.slb-ocean-buoy__hint-line { position: absolute !important; left: -58px !important; top: 15px !important; width: 64px !important; height: 18px !important; display: block !important; border-top: 1px dashed rgba(220, 220, 210, 0.72) !important; border-left: 1px dashed rgba(220, 220, 210, 0.72) !important; transform: skewX(-18deg) !important; transform-origin: 100% 0 !important; }
.slb-ocean-buoy__hint-line::before,
.slb-ocean-buoy__hint-line::after { content: "" !important; position: absolute !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: rgba(220, 220, 210, 0.9) !important; box-shadow: 0 0 10px rgba(220, 220, 210, 0.24) !important; }
.slb-ocean-buoy__hint-line::before { left: -4px !important; top: auto !important; bottom: -4px !important; }
.slb-ocean-buoy__hint-line::after { right: -4px !important; top: -4px !important; }
.slb-ocean-buoy__hint-title { position: absolute !important; left: 18px !important; top: 3px !important; display: grid !important; gap: 4px !important; align-content: start !important; font-family: "Roboto Condensed", "Teko", Impact, sans-serif !important; font-weight: 900 !important; line-height: .92 !important; text-transform: uppercase !important; letter-spacing: 0 !important; text-shadow: 0 8px 20px rgba(0, 0, 0, 0.58), 0 0 18px rgba(205, 65, 42, 0.16) !important; }
.slb-ocean-buoy__hint-title em { display: none !important; }
.slb-ocean-buoy__hint-title strong { display: block !important; color: #cd412a !important; font-size: 26px !important; font-weight: 900 !important; }
.slb-ocean-buoy.slb-ocean-buoy--telegram::before,
.slb-ocean-buoy.slb-ocean-buoy--discord::before { content: "" !important; position: absolute !important; left: 50% !important; right: auto !important; bottom: 8px !important; z-index: 0 !important; width: 190px !important; height: 42px !important; transform: translateX(-50%) !important; border-radius: 50% !important; background: radial-gradient(ellipse at center, rgba(79, 183, 232, 0.28), rgba(205, 65, 42, 0.24) 46%, transparent 76%) !important; filter: blur(1px) !important; opacity: 0.72 !important; pointer-events: none !important; }
.slb-ocean-buoy.slb-ocean-buoy--telegram::after,
.slb-ocean-buoy.slb-ocean-buoy--discord::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 0 !important; z-index: 2 !important; width: 210px !important; height: 34px !important; transform: translateX(-50%) !important; border-radius: 50% !important; background: radial-gradient(ellipse at center, rgba(255, 104, 78, 0.34), rgba(205, 65, 42, 0.22) 45%, transparent 76%) !important; pointer-events: none !important; }
.slb-ocean-buoy__lamp { position: absolute !important; left: 50% !important; top: 0 !important; z-index: 10 !important; width: 36px !important; height: 36px !important; transform: translateX(-50%) !important; border: 3px solid #7b2d22 !important; border-radius: 50% !important; background: radial-gradient(circle at 42% 38%, #fff8c7 0 22%, #ffc05c 45%, #d94f30 76%) !important; box-shadow: 0 0 24px rgba(255, 125, 70, 0.86), 0 0 54px rgba(255, 125, 70, 0.26), 0 7px 18px rgba(0, 0, 0, 0.42) !important; }
.slb-ocean-buoy__marker { position: absolute !important; left: 50% !important; top: 32px !important; z-index: 8 !important; width: 58px !important; height: 100px !important; transform: translateX(-50%) !important; border: 3px solid #7b2d22 !important; border-radius: 7px !important; background: linear-gradient(135deg, #a9342b 0 18%, #eee2cf 18% 36%, #b33a30 36% 56%, #eee2cf 56% 74%, #a9342b 74% 100%) !important; box-shadow: inset 0 0 0 2px rgba(40, 18, 14, 0.46), inset 10px 0 18px rgba(255, 255, 255, 0.1), 0 12px 26px rgba(0, 0, 0, 0.5) !important; }
.slb-ocean-buoy__marker::before { content: "" !important; position: absolute !important; inset: 5px !important; border: 1px solid rgba(44, 18, 14, 0.5) !important; border-radius: 4px !important; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.07) 0 1px, transparent 1px 9px) !important; pointer-events: none !important; }
.slb-ocean-buoy__marker::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: -13px !important; width: 26px !important; height: 15px !important; transform: translateX(-50%) !important; border-radius: 0 0 8px 8px !important; background: linear-gradient(180deg, #8e3b2d, #47231f) !important; box-shadow: inset 0 1px rgba(255, 255, 255, 0.12) !important; }
.slb-ocean-buoy__post { position: absolute !important; left: 50% !important; top: 31px !important; z-index: 3 !important; width: 9px !important; height: 172px !important; transform: translateX(-50%) !important; border-radius: 3px !important; background: linear-gradient(180deg, #8f3a2f, #2c1d1b) !important; box-shadow: inset 2px 0 rgba(255, 255, 255, 0.08), 0 10px 22px rgba(0, 0, 0, 0.36) !important; }
.slb-ocean-buoy__rack { position: absolute !important; left: 50% !important; top: 146px !important; z-index: 5 !important; width: 156px !important; height: 56px !important; transform: translateX(-50%) !important; border: 3px solid rgba(113, 48, 38, 0.9) !important; border-radius: 5px !important; background: repeating-linear-gradient(90deg, rgba(20, 18, 16, 0.88) 0 10px, rgba(92, 58, 38, 0.9) 10px 20px) !important; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.04), 0 14px 28px rgba(0, 0, 0, 0.44) !important; }
.slb-ocean-buoy__barrel { position: absolute !important; left: 50% !important; bottom: 0 !important; z-index: 1 !important; width: 112px !important; height: 82px !important; transform: translateX(-50%) !important; border: 2px solid rgba(30, 20, 16, 0.86) !important; border-radius: 46% 46% 20px 20px / 18% 18% 28% 28% !important; background: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.12), transparent 42%), linear-gradient(90deg, #263628 0 24%, #8d4b25 24% 50%, #553221 50% 76%, #253226 76% 100%) !important; box-shadow: inset 0 12px 18px rgba(255, 255, 255, 0.07), inset 0 -18px 22px rgba(0, 0, 0, 0.36), 0 20px 26px rgba(0, 0, 0, 0.44) !important; }
.slb-ocean-buoy__tire { position: absolute !important; bottom: 40px !important; z-index: 4 !important; width: 58px !important; height: 58px !important; border: 13px solid #151515 !important; border-radius: 50% !important; background: transparent !important; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.05), 0 10px 16px rgba(0, 0, 0, 0.5) !important; }
.slb-ocean-buoy__tire--left { left: calc(50% - 73px) !important; transform: rotate(-17deg) !important; }
.slb-ocean-buoy__tire--right { right: calc(50% - 73px) !important; transform: rotate(17deg) !important; }
.slb-ocean-buoy::before { content: "" !important; position: absolute !important; left: 50% !important; bottom: 18px !important; z-index: 0 !important; width: 188px !important; height: 46px !important; transform: translateX(-50%) !important; border-radius: 50% !important; background: radial-gradient(ellipse at center, var(--slb-buoy-glow), rgba(255, 255, 255, 0.06) 38%, transparent 74%) !important; filter: blur(1px) !important; opacity: 0.9 !important; pointer-events: none !important; }
.slb-ocean-buoy::after { content: "" !important; position: absolute !important; left: 50% !important; bottom: 18px !important; z-index: 6 !important; width: 210px !important; height: 32px !important; transform: translateX(-50%) !important; border-radius: 50% !important; background: radial-gradient(ellipse at center, rgba(255, 112, 83, 0.36), rgba(205, 65, 42, 0.28) 42%, transparent 74%) !important; box-shadow: 0 -8px 18px rgba(205, 65, 42, 0.18) !important; pointer-events: none !important; }
.slb-ocean-buoy__float { position: absolute !important; left: 50% !important; top: 136px !important; z-index: 9 !important; display: grid !important; grid-template-columns: 58px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; width: 286px !important; min-height: 72px !important; padding: 10px 16px !important; transform: translateX(-50%) !important; border: 2px solid rgba(87, 65, 49, 0.92) !important; border-left: 4px solid var(--slb-buoy-accent) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(0, 0, 0, 0.18)), repeating-linear-gradient(90deg, rgba(92, 54, 34, 0.96) 0 48px, rgba(61, 40, 29, 0.96) 48px 96px) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -16px 30px rgba(0, 0, 0, 0.24), 0 20px 30px rgba(0, 0, 0, 0.38), 0 0 32px var(--slb-buoy-glow) !important; overflow: hidden !important; }
.slb-ocean-buoy__float::before { content: "" !important; position: absolute !important; inset: 5px !important; z-index: -1 !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 24px), radial-gradient(circle at 16% 0%, var(--slb-buoy-glow), transparent 44%) !important; pointer-events: none !important; }
.slb-ocean-buoy__float::after { content: "" !important; position: absolute !important; inset: 8px !important; z-index: 0 !important; border: 1px solid rgba(0, 0, 0, 0.34) !important; pointer-events: none !important; }
.slb-ocean-buoy__icon { position: relative !important; z-index: 1 !important; display: grid !important; place-items: center !important; width: 56px !important; height: 46px !important; color: var(--slb-buoy-accent) !important; filter: drop-shadow(0 4px 9px rgba(0, 0, 0, 0.46)) !important; }
.slb-ocean-buoy__icon svg { display: block !important; width: 40px !important; height: 40px !important; fill: currentColor !important; }
.slb-ocean-buoy__copy { position: relative !important; z-index: 1 !important; display: grid !important; gap: 2px !important; min-width: 0 !important; color: #f5efe5 !important; text-transform: uppercase !important; }
.slb-ocean-buoy__copy b { display: block !important; overflow: visible !important; color: #f5efe5 !important; font-size: clamp(22px, 1.25vw, 27px) !important; font-weight: 900 !important; line-height: 0.92 !important; text-overflow: clip !important; white-space: nowrap !important; letter-spacing: 0 !important; text-shadow: 0 4px 10px rgba(0, 0, 0, 0.56) !important; }
.slb-ocean-buoy__copy small { display: block !important; overflow: hidden !important; color: rgba(245, 239, 229, 0.62) !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; text-overflow: ellipsis !important; white-space: nowrap !important; letter-spacing: 0 !important; }
.slb-ocean-buoy:hover .slb-ocean-buoy__float,
.slb-ocean-buoy:focus-visible .slb-ocean-buoy__float { border-color: rgba(245, 239, 229, 0.2) !important; border-left-color: var(--slb-buoy-accent) !important; filter: brightness(1.12) !important; }
.slb-ocean-buoy:focus-visible { outline: 2px solid var(--slb-buoy-accent) !important; outline-offset: 6px !important; }
@keyframes slbOceanBuoyBob { 0%, 100% { transform: translate3d(0, 0, 0) rotate(-1.2deg); } 50% { transform: translate3d(0, 7px, 0) rotate(1.2deg); } }
@keyframes slbBoatAcrossFull { 0%, 100% { left: 8vw; } 50% { left: calc(100vw - min(430px, 24vw) - 8vw); } }
@media (max-width: 960px) { .slb-ocean-divider__inner { height: 460px !important; min-height: 460px !important; } .slb-ocean::before { top: 190px !important; } .slb-ocean::after { top: 90px !important; } .slb-ocean__wave--back { top: 86px !important; } .slb-ocean__wave--front { top: 58px !important; } .slb-rowboat { top: 20px !important; width: 260px !important; height: 98px !important; } .slb-ocean-social { left: calc(50% + 74px) !important; top: 30px !important; grid-template-columns: repeat(2, minmax(184px, 216px)) !important; gap: 14px !important; width: calc(100vw - 24px) !important; } .slb-ocean-buoy { height: 218px !important; } .slb-ocean-buoy.slb-ocean-buoy--telegram, .slb-ocean-buoy.slb-ocean-buoy--discord { height: 240px !important; } .slb-ocean-buoy__lamp { width: 31px !important; height: 31px !important; } .slb-ocean-buoy__marker { top: 27px !important; width: 48px !important; height: 82px !important; } .slb-ocean-buoy__post { top: 27px !important; height: 144px !important; } .slb-ocean-buoy__rack { top: 126px !important; width: 124px !important; height: 46px !important; } .slb-ocean-buoy__barrel { width: 88px !important; height: 64px !important; } .slb-ocean-buoy__tire { bottom: 32px !important; width: 46px !important; height: 46px !important; border-width: 10px !important; } .slb-ocean-buoy__tire--left { left: calc(50% - 58px) !important; } .slb-ocean-buoy__tire--right { right: calc(50% - 58px) !important; } .slb-ocean-buoy__float { top: 118px !important; grid-template-columns: 38px minmax(0, 1fr) !important; gap: 9px !important; width: 204px !important; min-height: 56px !important; padding: 8px 10px !important; } .slb-ocean-buoy__icon { width: 38px !important; height: 36px !important; } .slb-ocean-buoy__icon svg { width: 30px !important; height: 30px !important; } .slb-ocean-buoy__copy b { font-size: 17px !important; } .slb-ocean-buoy__copy small { display: none !important; } @keyframes slbBoatAcrossFull { 0%, 100% { left: 5vw; } 50% { left: calc(100vw - 280px); } } }
@media (max-width: 960px) { .slb-ocean-buoy.slb-ocean-buoy--telegram, .slb-ocean-buoy.slb-ocean-buoy--discord { width: 158px !important; } .slb-ocean-buoy--telegram .social-buoy, .slb-ocean-buoy--discord .social-buoy { width: 210px !important; } .slb-ocean-buoy__hint { display: none !important; } }
@media (max-width: 520px) { .slb-ocean-social { left: calc(50% + 82px) !important; top: 34px !important; grid-template-columns: repeat(2, minmax(132px, 1fr)) !important; gap: 8px !important; width: calc(100vw - 16px) !important; } .slb-ocean-buoy { height: 184px !important; } .slb-ocean-buoy.slb-ocean-buoy--telegram, .slb-ocean-buoy.slb-ocean-buoy--discord { height: 190px !important; } .slb-ocean-buoy__lamp { width: 26px !important; height: 26px !important; } .slb-ocean-buoy__marker { top: 23px !important; width: 36px !important; height: 62px !important; border-width: 2px !important; } .slb-ocean-buoy__marker::after { bottom: -10px !important; width: 20px !important; height: 12px !important; } .slb-ocean-buoy__post { top: 23px !important; width: 6px !important; height: 118px !important; } .slb-ocean-buoy__rack { top: 98px !important; width: 92px !important; height: 38px !important; border-width: 2px !important; } .slb-ocean-buoy__barrel { width: 70px !important; height: 52px !important; } .slb-ocean-buoy__tire { bottom: 27px !important; width: 36px !important; height: 36px !important; border-width: 8px !important; } .slb-ocean-buoy__tire--left { left: calc(50% - 45px) !important; } .slb-ocean-buoy__tire--right { right: calc(50% - 45px) !important; } .slb-ocean-buoy__float { top: 94px !important; grid-template-columns: 28px minmax(0, 1fr) !important; gap: 7px !important; width: 142px !important; min-height: 46px !important; padding: 7px 7px !important; border-left-width: 3px !important; } .slb-ocean-buoy__icon { width: 28px !important; height: 28px !important; } .slb-ocean-buoy__icon svg { width: 23px !important; height: 23px !important; } .slb-ocean-buoy__copy b { font-size: 13px !important; } }
@media (max-width: 520px) { .slb-ocean-buoy.slb-ocean-buoy--telegram, .slb-ocean-buoy.slb-ocean-buoy--discord { width: 122px !important; } .slb-ocean-buoy--telegram .social-buoy, .slb-ocean-buoy--discord .social-buoy { width: 164px !important; } }
:root { --slb-server-grid-max: 1320px; --slb-server-card-border: rgba(255, 255, 255, 0.075); --slb-server-card-text: #f4f1ea; --slb-server-card-muted: rgba(244, 241, 234, 0.68); --slb-server-card-accent: #ff5b35; }
.slb-monitor-drawer { position: fixed !important; top: calc(var(--slb-topbar-height, 50px) + 18px) !important; left: 50% !important; right: auto !important; bottom: auto !important; z-index: 2147483188 !important; width: min(var(--slb-server-grid-max), calc(100vw - 48px)) !important; max-width: none !important; height: auto !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 42px) !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(-50%, -18px, 0) scale(0.985) !important; transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.28s cubic-bezier(0.2, 0.9, 0.22, 1) !important; }
.slb-monitor-drawer.is-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(-50%, 0, 0) scale(1) !important; }
.slb-monitor-drawer::before,
.slb-monitor-drawer::after,
.slb-monitor-drawer .slb-monitor-panel::before,
.slb-monitor-drawer .slb-monitor-panel::after { display: none !important; content: none !important; }
.slb-monitor-drawer__body { position: relative !important; z-index: 1 !important; height: auto !important; max-height: inherit !important; overflow: visible !important; padding: 0 !important; background: transparent !important; }
.slb-monitor-drawer__close { position: absolute !important; top: 8px !important; right: 8px !important; z-index: 20 !important; width: 36px !important; height: 36px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 0 !important; background: rgba(14, 15, 15, 0.76) !important; color: rgba(255, 255, 255, 0.78) !important; font-size: 28px !important; line-height: 32px !important; transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease !important; }
.slb-monitor-drawer__close:hover,
.slb-monitor-drawer__close:focus { background: #b23825 !important; border-color: rgba(255, 255, 255, 0.18) !important; color: #ffffff !important; }
.slb-monitor-panel { position: relative !important; z-index: 1 !important; width: 100% !important; min-height: 0 !important; padding: 22px 68px 18px 68px !important; overflow: visible !important; background: linear-gradient(180deg, rgba(18, 19, 19, 0.92), rgba(14, 15, 15, 0.78)), repeating-linear-gradient(90deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 64px), repeating-linear-gradient(0deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 64px) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.48) !important; backdrop-filter: blur(8px) !important; }
.slb-monitor-panel__head { display: grid !important; grid-template-columns: 1fr auto !important; gap: 18px !important; align-items: end !important; margin: 0 0 18px !important; padding: 0 0 16px !important; text-align: left !important; border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important; }
.slb-monitor-panel__head span { display: block !important; margin: 0 !important; color: #f2f4f8 !important; font-family: "Roboto Condensed", "Teko", Impact, sans-serif !important; font-size: clamp(34px, 4.5vw, 68px) !important; font-weight: 900 !important; line-height: 0.86 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; text-shadow: 0 10px 30px rgba(0, 0, 0, 0.44) !important; }
.slb-monitor-panel__head strong { display: block !important; margin: 0 0 4px !important; max-width: 360px !important; color: var(--slb-server-card-muted) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0.08em !important; text-align: right !important; text-transform: uppercase !important; }
.slb-monitor-panel__servers { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0 !important; align-items: stretch !important; border-top: 1px solid var(--slb-server-card-border) !important; border-left: 1px solid var(--slb-server-card-border) !important; }
.slb-monitor-server { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; min-width: 0 !important; min-height: 158px !important; padding: 22px 18px 18px !important; overflow: hidden !important; isolation: isolate !important; cursor: pointer !important; background: #151616 !important; border: 0 !important; border-right: 1px solid var(--slb-server-card-border) !important; border-bottom: 1px solid var(--slb-server-card-border) !important; box-shadow: none !important; transform: translate3d(0, 0, 0) rotate(0deg) !important; transition: transform 0.22s cubic-bezier(0.2, 0.9, 0.22, 1), filter 0.22s ease, border-color 0.22s ease !important; }
.slb-monitor-server--tilt-left { transform: translate3d(0, 0, 0) rotate(-0.45deg) !important; }
.slb-monitor-server--tilt-right { transform: translate3d(0, 0, 0) rotate(0.45deg) !important; }
.slb-monitor-server:hover,
.slb-monitor-server:focus-within { z-index: 8 !important; filter: brightness(1.08) !important; transform: translate3d(0, -5px, 0) rotate(0deg) !important; }
.slb-monitor-server__bg { position: absolute !important; inset: -1px !important; z-index: -3 !important; background-image: linear-gradient(180deg, rgba(13, 14, 14, 0.40), rgba(13, 14, 14, 0.86)), var(--slb-server-bg, linear-gradient(135deg, #242626, #111313)) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; opacity: 0.88 !important; filter: grayscale(0.25) brightness(0.72) contrast(1.12) !important; transform: scale(1.11) !important; transform-origin: center center !important; transition: transform 0.56s cubic-bezier(0.2, 0.9, 0.22, 1), filter 0.56s ease, opacity 0.56s ease !important; }
.slb-monitor-server:hover .slb-monitor-server__bg,
.slb-monitor-server:focus-within .slb-monitor-server__bg { opacity: 1 !important; filter: grayscale(0.08) brightness(0.86) contrast(1.16) !important; transform: scale(1) !important; }
.slb-monitor-server::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -2 !important; background: linear-gradient(90deg, rgba(255,255,255,0.05), transparent 24%, rgba(0,0,0,0.28)), radial-gradient(circle at 20% 0%, rgba(128, 186, 228, 0.10), transparent 34%) !important; opacity: 0.9 !important; pointer-events: none !important; }
.slb-monitor-server::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: -1 !important; height: 58% !important; background: linear-gradient(180deg, transparent, rgba(5, 6, 6, 0.82)) !important; pointer-events: none !important; }
.slb-monitor-server__copy { position: absolute !important; top: 14px !important; right: 16px !important; z-index: 3 !important; color: rgba(255, 255, 255, 0.22) !important; font-size: 23px !important; line-height: 1 !important; transition: color 0.18s ease, transform 0.18s ease !important; }
.slb-monitor-server:hover .slb-monitor-server__copy { color: rgba(255, 255, 255, 0.56) !important; transform: translateY(-1px) !important; }
.slb-monitor-server__top { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 0 6px !important; color: rgba(244, 241, 234, 0.76) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 22px !important; font-weight: 500 !important; line-height: 1 !important; letter-spacing: 0.03em !important; }
.slb-monitor-server__emoji { font-size: 18px !important; filter: saturate(1.15) drop-shadow(0 3px 8px rgba(0,0,0,0.38)) !important; }
.slb-monitor-server__title { max-width: 92% !important; margin: 0 0 18px !important; color: var(--slb-server-card-text) !important; font-family: "Roboto Condensed", "Teko", Impact, sans-serif !important; font-size: clamp(18px, 1.45vw, 25px) !important; font-weight: 900 !important; line-height: 0.96 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; text-shadow: 0 8px 22px rgba(0, 0, 0, 0.56) !important; }
.slb-monitor-server__title span { display: block !important; margin-top: 3px !important; color: rgba(255, 255, 255, 0.88) !important; font: inherit !important; letter-spacing: 0.08em !important; }
.slb-monitor-server__bar { overflow: hidden !important; width: 100% !important; height: 9px !important; margin: 0 0 9px !important; background: rgba(255, 255, 255, 0.12) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important; }
.slb-monitor-server__bar span { display: block !important; min-width: 5px !important; height: 100% !important; background: linear-gradient(90deg, #ef402b, var(--slb-server-card-accent)) !important; box-shadow: 0 0 18px rgba(255, 91, 53, 0.46) !important; }
.slb-monitor-server__meta { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; margin: 0 !important; color: rgba(244, 241, 234, 0.76) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0.04em !important; }
.slb-monitor-server__meta i { color: rgba(255, 255, 255, 0.62) !important; font-style: normal !important; font-size: 20px !important; line-height: 1 !important; transform: rotate(-18deg) !important; }
html.slb-monitor-open .slb-content-stack,
html.slb-monitor-open .slb-content-stack > #slb-store-v2-root,
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: inherit !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; }
@media (max-width: 1180px) { .slb-monitor-drawer { top: calc(var(--slb-topbar-height, 50px) + 10px) !important; width: calc(100vw - 24px) !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 24px) !important; overflow-y: auto !important; } .slb-monitor-panel { padding: 18px 52px 16px 18px !important; } .slb-monitor-panel__servers { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .slb-monitor-drawer { top: calc(var(--slb-topbar-height, 50px) + 8px) !important; width: calc(100vw - 16px) !important; } .slb-monitor-panel { padding: 16px 14px 14px !important; } .slb-monitor-drawer__close { top: 10px !important; right: 10px !important; } .slb-monitor-panel__head { grid-template-columns: 1fr !important; padding-right: 42px !important; } .slb-monitor-panel__head strong { max-width: none !important; text-align: left !important; } .slb-monitor-panel__servers { grid-template-columns: 1fr !important; } .slb-monitor-server { min-height: 138px !important; } }
html.slb-monitor-open .slb-content-stack { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack > #slb-store-v2-root,
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: min(var(--slb-content-max-width, 1320px), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width, 1320px) !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack > #slb-ocean-divider { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; }
.slb-monitor-server__bg { z-index: 0 !important; }
.slb-monitor-server::before { z-index: 1 !important; }
.slb-monitor-server::after { z-index: 2 !important; }
.slb-monitor-server__top,
.slb-monitor-server__title,
.slb-monitor-server__bar,
.slb-monitor-server__meta { position: relative !important; z-index: 4 !important; }
.slb-monitor-server__copy { z-index: 5 !important; }
:root { --default-font-family: "Roboto Condensed" !important; --slb-font-main: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important; }
html,
body,
body button,
body input,
body select,
body textarea,
body a,
body p,
body span,
body div,
body section,
body article,
body aside,
body header,
body footer,
body nav,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body label,
body small,
body strong,
body b,
body i,
body li,
body th,
body td,
body [class*="module"],
body [class*="Module"],
body [class*="slb-"] { font-family: var(--slb-font-main) !important; }
body input::placeholder,
body textarea::placeholder { font-family: var(--slb-font-main) !important; }
body svg,
body svg * { font-family: inherit !important; }
:root { --slb-monitor-width: 268px; --slb-monitor-gap: 20px; --slb-monitor-left: max(12px, calc((100vw - var(--slb-content-max-width, 1320px)) / 2 - var(--slb-monitor-width) - var(--slb-monitor-gap))); }
.slb-monitor-drawer { position: fixed !important; top: calc(var(--slb-topbar-height, 50px) + 12px) !important; left: var(--slb-monitor-left) !important; right: auto !important; bottom: auto !important; z-index: 2147483188 !important; width: var(--slb-monitor-width) !important; max-width: calc(100vw - 24px) !important; height: auto !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 28px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(calc(-100% - var(--slb-monitor-left) - 18px), 0, 0) rotate(-1.2deg) !important; transform-origin: left top !important; transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.3s cubic-bezier(0.2, 0.9, 0.22, 1) !important; }
.slb-monitor-drawer.is-open { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate3d(0, 0, 0) rotate(0deg) !important; }
.slb-monitor-drawer::before,
.slb-monitor-drawer::after,
.slb-monitor-backdrop,
.slb-monitor-backdrop.is-open { display: none !important; content: none !important; }
.slb-monitor-drawer__body { height: auto !important; max-height: inherit !important; overflow: visible !important; padding: 0 !important; background: transparent !important; }
.slb-monitor-drawer__close { position: absolute !important; top: -9px !important; right: -9px !important; z-index: 20 !important; width: 28px !important; height: 28px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 0 !important; background: rgba(13, 14, 14, 0.84) !important; color: rgba(255, 255, 255, 0.72) !important; font-size: 21px !important; line-height: 25px !important; transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important; }
.slb-monitor-drawer__close:hover,
.slb-monitor-drawer__close:focus { background: #b23825 !important; color: #ffffff !important; transform: scale(1.05) !important; }
.slb-monitor-panel { width: 100% !important; min-height: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
.slb-monitor-panel::before,
.slb-monitor-panel::after { display: none !important; content: none !important; }
.slb-monitor-panel__head { display: block !important; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; text-align: left !important; }
.slb-monitor-panel__head span { display: none !important; }
.slb-monitor-panel__head strong { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 5px 9px !important; background: rgba(13, 14, 14, 0.72) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: rgba(244, 241, 234, 0.82) !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.08em !important; text-align: left !important; text-transform: uppercase !important; }
.slb-monitor-panel__servers { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; align-items: stretch !important; border: 0 !important; }
.slb-monitor-server { min-height: 104px !important; padding: 16px 14px 13px !important; border: 1px solid rgba(255, 255, 255, 0.075) !important; background: #151616 !important; box-shadow: 0 15px 32px rgba(0, 0, 0, 0.28) !important; }
.slb-monitor-server--tilt-left { transform: translate3d(-2px, 0, 0) rotate(-0.8deg) !important; }
.slb-monitor-server--tilt-right { transform: translate3d(2px, 0, 0) rotate(0.8deg) !important; }
.slb-monitor-server:hover,
.slb-monitor-server:focus-within { transform: translate3d(7px, -2px, 0) rotate(0deg) !important; }
.slb-monitor-server__copy,
.slb-monitor-server__top,
.slb-monitor-server__index,
.slb-monitor-server__emoji,
.slb-monitor-server__meta i { display: none !important; }
.slb-monitor-server__title { margin: 0 0 13px !important; max-width: 100% !important; font-size: 17px !important; line-height: 0.98 !important; letter-spacing: 0.085em !important; }
.slb-monitor-server__title span { display: block !important; margin-top: 3px !important; }
.slb-monitor-server__bar { height: 8px !important; margin: 0 0 8px !important; }
.slb-monitor-server__meta { display: block !important; margin: 0 !important; color: rgba(244, 241, 234, 0.78) !important; font-size: 14px !important; font-weight: 900 !important; text-align: left !important; }
html.slb-monitor-open .slb-content-stack { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack > #slb-store-v2-root,
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: min(var(--slb-content-max-width, 1320px), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width, 1320px) !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack > #slb-ocean-divider { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; }
@media (max-width: 960px) { :root { --slb-monitor-width: min(268px, calc(100vw - 16px)); --slb-monitor-left: 8px; } .slb-monitor-drawer { top: calc(var(--slb-topbar-height, 50px) + 8px) !important; max-height: calc(100vh - var(--slb-topbar-height, 50px) - 18px) !important; overflow-y: auto !important; transform: translate3d(calc(-100% - 18px), 0, 0) rotate(-1deg) !important; } .slb-monitor-drawer.is-open { transform: translate3d(0, 0, 0) rotate(0deg) !important; } }
.slb-content-stack > #slb-store-v2-root { order: 1 !important; }
.slb-content-stack > .slb-monitor-drawer { order: 2 !important; flex: 0 0 auto !important; align-self: center !important; }
.slb-content-stack > #slb-ocean-divider { order: 3 !important; }
.slb-content-stack > .slb-shop-section { order: 4 !important; }
.slb-monitor-drawer { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; z-index: 12 !important; width: min(var(--slb-content-max-width, 1320px), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width, 1320px) !important; height: auto !important; max-height: 0 !important; margin: -4px auto 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translate3d(0, 14px, 0) scaleY(0.96) !important; transform-origin: center top !important; transition: max-height 0.32s cubic-bezier(0.2, 0.9, 0.22, 1), margin 0.32s cubic-bezier(0.2, 0.9, 0.22, 1), opacity 0.2s ease, visibility 0.2s ease, transform 0.32s cubic-bezier(0.2, 0.9, 0.22, 1) !important; }
.slb-monitor-drawer.is-open { max-height: 190px !important; margin: 8px auto -26px !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; overflow: visible !important; transform: translate3d(0, 0, 0) scaleY(1) !important; }
.slb-monitor-drawer::before,
.slb-monitor-drawer::after,
.slb-monitor-backdrop,
.slb-monitor-backdrop.is-open { display: none !important; content: none !important; }
.slb-monitor-drawer__body { position: relative !important; z-index: 1 !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important; background: transparent !important; }
.slb-monitor-drawer__close { position: absolute !important; top: -10px !important; right: -10px !important; z-index: 30 !important; width: 28px !important; height: 28px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 0 !important; background: rgba(13, 14, 14, 0.9) !important; color: rgba(255, 255, 255, 0.72) !important; font-size: 21px !important; line-height: 25px !important; }
.slb-monitor-drawer__close:hover,
.slb-monitor-drawer__close:focus { background: #b23825 !important; color: #ffffff !important; }
.slb-monitor-panel { position: relative !important; width: 100% !important; min-height: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
.slb-monitor-panel::before,
.slb-monitor-panel::after { display: none !important; content: none !important; }
.slb-monitor-panel__head { display: flex !important; justify-content: flex-start !important; align-items: center !important; margin: 0 0 7px !important; padding: 0 !important; border: 0 !important; text-align: left !important; }
.slb-monitor-panel__head span { display: none !important; }
.slb-monitor-panel__head strong { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 5px 9px !important; background: rgba(13, 14, 14, 0.82) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: rgba(244, 241, 234, 0.82) !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.08em !important; text-align: left !important; text-transform: uppercase !important; }
.slb-monitor-online { gap: 8px !important; padding: 7px 11px !important; font-size: 15px !important; }
.slb-monitor-online__heart { display: block !important; flex: 0 0 auto !important; width: 16px !important; height: 16px !important; color: currentColor !important; fill: currentColor !important; transform: translateY(0) !important; transform-origin: 50% 50% !important; }
.slb-monitor-online__heart path { fill: currentColor !important; }
.slb-monitor-online b,
.slb-monitor-online [data-slb-monitor-online-value],
.slb-monitor-online i { display: inline !important; color: inherit !important; font: inherit !important; font-style: normal !important; letter-spacing: 0.06em !important; white-space: nowrap !important; }
.slb-monitor-panel__servers { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; align-items: stretch !important; border: 0 !important; }
.slb-monitor-server { min-height: 92px !important; padding: 14px 13px 12px !important; border: 1px solid rgba(157, 132, 61, 0.34) !important; background: #151616 !important; box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34) !important; transform: translate3d(0, 0, 0) rotate(0deg) !important; }
.slb-monitor-server--tilt-left { transform: translate3d(0, 0, 0) rotate(-0.45deg) !important; }
.slb-monitor-server--tilt-right { transform: translate3d(0, 0, 0) rotate(0.45deg) !important; }
.slb-monitor-server:hover,
.slb-monitor-server:focus-within { border-color: rgba(214, 176, 76, 0.72) !important; transform: translate3d(0, -5px, 0) rotate(0deg) !important; }
.slb-monitor-server__copy,
.slb-monitor-server__top,
.slb-monitor-server__index,
.slb-monitor-server__emoji,
.slb-monitor-server__meta i { display: none !important; }
.slb-monitor-server__title { margin: 0 0 11px !important; max-width: 100% !important; color: #f4f1ea !important; font-size: 15px !important; line-height: 0.98 !important; letter-spacing: 0.085em !important; }
.slb-monitor-server__title span { display: block !important; margin-top: 3px !important; }
.slb-monitor-server__bar { height: 7px !important; margin: 0 0 7px !important; }
.slb-monitor-server__meta { display: block !important; margin: 0 !important; color: rgba(244, 241, 234, 0.78) !important; font-size: 13px !important; font-weight: 900 !important; text-align: left !important; }
.slb-monitor-server .slb-monitor-server__copy { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 6 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 96px !important; width: auto !important; height: 28px !important; padding: 0 10px !important; border: 1px solid rgba(159, 189, 85, 0.45) !important; border-radius: 2px !important; background: rgba(93, 114, 56, 0.14) !important; color: #d8ed4f !important; cursor: pointer !important; opacity: 0.92 !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important; }
.slb-monitor-server .slb-monitor-server__copy span { pointer-events: none !important; white-space: nowrap !important; }
.slb-monitor-server:hover .slb-monitor-server__copy,
.slb-monitor-server .slb-monitor-server__copy:hover,
.slb-monitor-server .slb-monitor-server__copy:focus-visible { border-color: rgba(216, 237, 79, 0.78) !important; background: rgba(216, 237, 79, 0.10) !important; color: #ffffff !important; transform: translateY(-1px) !important; }
.slb-monitor-server .slb-monitor-server__copy.is-copied { border-color: rgba(93, 114, 56, 0.9) !important; background: rgba(93, 114, 56, 0.68) !important; color: #ffffff !important; }
.slb-monitor-server .slb-monitor-server__copy.is-error { border-color: rgba(177, 65, 52, 0.9) !important; background: rgba(177, 65, 52, 0.46) !important; color: #ffffff !important; }
.slb-monitor-server .slb-monitor-server__title { padding-right: 112px !important; }
html.slb-monitor-open .slb-content-stack { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack > #slb-store-v2-root,
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: min(var(--slb-content-max-width, 1320px), calc(100% - 40px)) !important; max-width: var(--slb-content-max-width, 1320px) !important; margin-left: auto !important; margin-right: auto !important; transform: none !important; }
html.slb-monitor-open .slb-content-stack > #slb-ocean-divider { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; }
@media (max-width: 960px) { .slb-monitor-drawer, .slb-monitor-drawer.is-open { width: calc(100% - 16px) !important; } .slb-monitor-drawer.is-open { max-height: 330px !important; margin-bottom: -16px !important; } .slb-monitor-panel__servers { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { .slb-monitor-drawer.is-open { max-height: 560px !important; } .slb-monitor-panel__servers { grid-template-columns: 1fr !important; } }
:root { --slb-shop-full-pad: 16px; --slb-shop-card-bg: #2b292b; --slb-shop-card-border: rgba(255, 255, 255, 0.07); --slb-shop-category-bg: rgba(31, 32, 32, 0.9); --slb-shop-category-hover: #1d547a; --slb-shop-category-active: var(--slb-menu-active, #6d8641); --slb-shop-category-active-text: var(--slb-menu-active-text, #d8ed4f); }
.slb-content-stack > .slb-shop-section,
.slb-shop-section { position: relative !important; left: auto !important; width: calc(100vw - (var(--slb-shop-full-pad) * 2)) !important; max-width: none !important; margin-left: calc(50% - 50vw + var(--slb-shop-full-pad)) !important; margin-right: 0 !important; margin-top: 0 !important; padding: 0 !important; }
html.slb-monitor-open .slb-content-stack > .slb-shop-section { width: calc(100vw - (var(--slb-shop-full-pad) * 2)) !important; max-width: none !important; margin-left: calc(50% - 50vw + var(--slb-shop-full-pad)) !important; margin-right: 0 !important; }
.slb-shop-section > .boxHeader,
.slb-shop-section > .boxHeaderCustom,
.slb-shop-section .Shop-module__header,
.slb-shop-section [class*="ShopHeader"],
.slb-shop-section [class*="ShopTitle"] { display: none !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: hidden !important; }
.slb-shop-section,
.slb-shop-section .Shop-module__wrapper,
.slb-shop-section .boxBody,
.slb-shop-section .boxFooter,
.slb-shop-section section.cardContainer,
.slb-shop-section .cardContainer { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.slb-shop-section .boxBody,
.slb-shop-section section.cardContainer,
.slb-shop-section .cardContainer { padding: 0 !important; }
.slb-shop-section .Search-module__wrapper,
.slb-shop-section [class*="Search-module__wrapper"],
.slb-shop-section input[type="search"],
.slb-shop-section input[placeholder*="Название"] { border-radius: 0 !important; background: rgba(27, 28, 28, 0.92) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: rgba(255, 255, 255, 0.86) !important; }
.slb-shop-section .Categories-module__categories,
.slb-shop-section [class*="Categories-module__categories"] { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important; gap: 5px !important; width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; }
.slb-shop-section .Categories-module__category,
.slb-shop-section [class*="Categories-module__category"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important; margin: 0 !important; padding: 0 12px !important; border-radius: 0 !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; background: var(--slb-shop-category-bg) !important; color: rgba(244, 241, 234, 0.76) !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.045em !important; text-transform: uppercase !important; box-shadow: none !important; transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, transform 0.16s ease !important; }
.slb-shop-section .Categories-module__category:hover,
.slb-shop-section .Categories-module__category:focus,
.slb-shop-section [class*="Categories-module__category"]:hover,
.slb-shop-section [class*="Categories-module__category"]:focus { background: var(--slb-shop-category-hover) !important; border-color: rgba(128, 186, 228, 0.36) !important; color: #ffffff !important; transform: translateY(-1px) !important; }
.slb-shop-section .Categories-module__category.active,
.slb-shop-section .Categories-module__category[class*="active"],
.slb-shop-section .Categories-module__category[aria-current="true"],
.slb-shop-section .Categories-module__category[aria-selected="true"],
.slb-shop-section [class*="Categories-module__category"].active,
.slb-shop-section [class*="Categories-module__category"][class*="active"],
.slb-shop-section [class*="Categories-module__category"][aria-current="true"],
.slb-shop-section [class*="Categories-module__category"][aria-selected="true"] { background: var(--slb-shop-category-active) !important; border-color: rgba(216, 237, 79, 0.28) !important; color: var(--slb-shop-category-active-text) !important; }
.slb-shop-section .Products-module__wrapper,
.slb-shop-section [class*="Products-module__wrapper"],
.slb-shop-section .product-grid,
.slb-shop-section div.product-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important; gap: 6px !important; align-items: stretch !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.slb-shop-section .Product-module__wrapper,
.slb-shop-section [class*="Product-module__wrapper"],
.slb-shop-section article.product-card,
.slb-shop-section article[class*="product-card"] { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; min-width: 0 !important; max-width: none !important; width: 100% !important; min-height: 0 !important; height: auto !important; aspect-ratio: 1 / 1.04 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 0 !important; border: 1px solid var(--slb-shop-card-border) !important; background: radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.055), transparent 34%), linear-gradient(180deg, rgba(43, 41, 43, 0.96), rgba(27, 28, 28, 0.98)) !important; box-shadow: none !important; transition: border-color 0.18s ease, filter 0.18s ease, transform 0.18s ease !important; }
.slb-shop-section .Product-module__wrapper:hover,
.slb-shop-section [class*="Product-module__wrapper"]:hover,
.slb-shop-section article.product-card:hover,
.slb-shop-section article[class*="product-card"]:hover { border-color: rgba(157, 132, 61, 0.55) !important; filter: brightness(1.07) !important; transform: translateY(-2px) !important; }
.slb-shop-section img.Product-module__img,
.slb-shop-section img[class*="Product-module__img"],
.slb-shop-section article.product-card img,
.slb-shop-section article[class*="product-card"] img { display: block !important; width: 100% !important; height: 70% !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 18px 18px 8px !important; object-fit: contain !important; object-position: center center !important; filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.38)) !important; transition: transform 0.22s ease, filter 0.22s ease !important; }
.slb-shop-section .Product-module__wrapper:hover img,
.slb-shop-section [class*="Product-module__wrapper"]:hover img,
.slb-shop-section article.product-card:hover img,
.slb-shop-section article[class*="product-card"]:hover img { transform: scale(1.045) !important; }
.slb-shop-section .Product-module__name,
.slb-shop-section [class*="Product-module__name"],
.slb-shop-section article.product-card [class*="name"],
.slb-shop-section article[class*="product-card"] [class*="name"] { color: rgba(244, 241, 234, 0.74) !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 14px !important; font-weight: 800 !important; letter-spacing: 0.035em !important; }
.slb-shop-section .Product-module__price,
.slb-shop-section span.Product-module__price,
.slb-shop-section [class*="Product-module__price"],
.slb-shop-section article.product-card [class*="price"],
.slb-shop-section article[class*="product-card"] [class*="price"] { display: inline-flex !important; width: max-content !important; min-height: 0 !important; margin: 3px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #d8ed4f !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 15px !important; font-weight: 900 !important; letter-spacing: 0.04em !important; }
.slb-shop-section .Product-module__oldPrice,
.slb-shop-section [class*="Product-module__oldPrice"] { color: rgba(244, 241, 234, 0.44) !important; }
.slb-shop-section .Product-module__discount,
.slb-shop-section [class*="Product-module__discount"] { border-radius: 0 !important; background: #5d7238 !important; color: #ffffff !important; }
@media (min-width: 1800px) { .slb-shop-section .Products-module__wrapper, .slb-shop-section [class*="Products-module__wrapper"], .slb-shop-section .product-grid, .slb-shop-section div.product-grid { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important; } }
@media (max-width: 900px) { :root { --slb-shop-full-pad: 8px; } .slb-shop-section .Products-module__wrapper, .slb-shop-section [class*="Products-module__wrapper"], .slb-shop-section .product-grid, .slb-shop-section div.product-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; gap: 5px !important; } .slb-shop-section .Categories-module__categories, .slb-shop-section [class*="Categories-module__categories"] { grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)) !important; } }
:root { --slb-product-panel: #2b292b; --slb-product-panel-dark: #202020; --slb-product-line: rgba(255, 255, 255, 0.075); --slb-product-text: rgba(248, 236, 227, 0.88); --slb-product-muted: rgba(248, 236, 227, 0.68); --slb-product-price: rgba(248, 236, 227, 0.92); --slb-product-category-bg: rgba(255, 255, 255, 0.10); --slb-product-category-hover: rgba(128, 186, 228, 0.36); --slb-product-category-active: #6d8641; --slb-product-category-active-text: #d8ed4f; }
.slb-shop-section .Categories-module__categories,
.slb-shop-section [class*="Categories-module__categories"] { gap: 3px !important; margin-bottom: 8px !important; }
.slb-shop-section .Categories-module__category,
.slb-shop-section [class*="Categories-module__category"] { min-height: 34px !important; padding: 6px 10px !important; border-radius: 0 !important; border: 1px solid rgba(0, 0, 0, 0.22) !important; background: var(--slb-product-category-bg) !important; color: rgba(248, 236, 227, 0.75) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important; }
.slb-shop-section .Categories-module__category:hover,
.slb-shop-section .Categories-module__category:focus,
.slb-shop-section [class*="Categories-module__category"]:hover,
.slb-shop-section [class*="Categories-module__category"]:focus { background: var(--slb-product-category-hover) !important; color: #ffffff !important; border-color: rgba(128, 186, 228, 0.52) !important; transform: none !important; }
.slb-shop-section .Categories-module__category.active,
.slb-shop-section .Categories-module__category[class*="active"],
.slb-shop-section .Categories-module__category[aria-current="true"],
.slb-shop-section .Categories-module__category[aria-selected="true"],
.slb-shop-section .Categories-module__category[data-active="true"],
.slb-shop-section .Categories-module__category[disabled],
.slb-shop-section [class*="Categories-module__category"].active,
.slb-shop-section [class*="Categories-module__category"][class*="active"],
.slb-shop-section [class*="Categories-module__category"][aria-current="true"],
.slb-shop-section [class*="Categories-module__category"][aria-selected="true"],
.slb-shop-section [class*="Categories-module__category"][data-active="true"],
.slb-shop-section [class*="Categories-module__category"][disabled] { background: var(--slb-product-category-active) !important; color: var(--slb-product-category-active-text) !important; border-color: rgba(216, 237, 79, 0.24) !important; }
.slb-shop-section .Products-module__wrapper,
.slb-shop-section [class*="Products-module__wrapper"],
.slb-shop-section .product-grid,
.slb-shop-section div.product-grid { grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)) !important; gap: 4px !important; }
.slb-shop-section .Product-module__wrapper,
.slb-shop-section [class*="Product-module__wrapper"],
.slb-shop-section article.product-card,
.slb-shop-section article[class*="product-card"] { position: relative !important; display: flex !important; align-items: stretch !important; justify-content: center !important; aspect-ratio: 1 / 1 !important; min-height: 165px !important; padding: 0 !important; border-radius: 0 !important; border: 1px solid rgba(0, 0, 0, 0.34) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.08)), var(--slb-product-panel) !important; overflow: hidden !important; isolation: isolate !important; }
.slb-shop-section .Product-module__wrapper::before,
.slb-shop-section [class*="Product-module__wrapper"]::before,
.slb-shop-section article.product-card::before,
.slb-shop-section article[class*="product-card"]::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; background: radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.075), transparent 34%), linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.34) 100%) !important; }
.slb-shop-section .Product-module__wrapper::after,
.slb-shop-section [class*="Product-module__wrapper"]::after,
.slb-shop-section article.product-card::after,
.slb-shop-section article[class*="product-card"]::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 2 !important; height: 42% !important; pointer-events: none !important; background: linear-gradient(180deg, transparent, rgba(12, 12, 12, 0.72)) !important; }
.slb-shop-section .Product-module__wrapper:hover,
.slb-shop-section [class*="Product-module__wrapper"]:hover,
.slb-shop-section article.product-card:hover,
.slb-shop-section article[class*="product-card"]:hover { border-color: rgba(248, 236, 227, 0.18) !important; filter: brightness(1.06) !important; transform: none !important; }
.slb-shop-section img.Product-module__img,
.slb-shop-section img[class*="Product-module__img"],
.slb-shop-section article.product-card img,
.slb-shop-section article[class*="product-card"] img { position: relative !important; z-index: 1 !important; width: 100% !important; height: 100% !important; padding: 28px 14px 44px !important; object-fit: contain !important; object-position: center center !important; opacity: 0.96 !important; }
.slb-shop-section .Product-module__wrapper:hover img,
.slb-shop-section [class*="Product-module__wrapper"]:hover img,
.slb-shop-section article.product-card:hover img,
.slb-shop-section article[class*="product-card"]:hover img { transform: scale(1.04) !important; }
/* SLABIY shop product sale price owner v2: old price first, sale price second. */
.slb-shop-section .Product-module__price,
.slb-shop-section span.Product-module__price,
.slb-shop-section [class*="Product-module__price"],
.slb-shop-section article.product-card [class*="price"],
.slb-shop-section article[class*="product-card"] [class*="price"] { position: absolute !important; top: 8px !important; left: 8px !important; right: auto !important; bottom: auto !important; z-index: 8 !important; display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; width: auto !important; max-width: calc(100% - 74px) !important; min-height: 28px !important; margin: 0 !important; padding: 0 9px !important; border: 0 !important; border-radius: 0 !important; background: rgba(10, 12, 11, 0.76) !important; color: rgba(248, 236, 227, 0.98) !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 13px !important; font-weight: 900 !important; line-height: 28px !important; letter-spacing: 0.02em !important; text-align: left !important; text-shadow: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
.slb-shop-section .Product-module__oldPrice,
.slb-shop-section [class*="Product-module__oldPrice"] { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; z-index: auto !important; order: -1 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; flex: 0 0 auto !important; width: auto !important; max-width: 54px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(248, 236, 227, 0.52) !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 12px !important; font-weight: 900 !important; line-height: 28px !important; letter-spacing: 0.02em !important; text-decoration: line-through !important; text-decoration-color: rgba(248, 236, 227, 0.64) !important; text-decoration-thickness: 2px !important; text-shadow: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
.slb-shop-section .Product-module__price .Product-module__oldPrice,
.slb-shop-section .Product-module__price [class*="Product-module__oldPrice"],
.slb-shop-section [class*="Product-module__price"] .Product-module__oldPrice,
.slb-shop-section [class*="Product-module__price"] [class*="Product-module__oldPrice"] { position: relative !important; top: auto !important; left: auto !important; max-width: 54px !important; }
.slb-shop-section .Product-module__discount,
.slb-shop-section [class*="Product-module__discount"] { position: absolute !important; top: 8px !important; right: 8px !important; left: auto !important; bottom: auto !important; z-index: 9 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 42px !important; max-width: calc(100% - 16px) !important; min-height: 28px !important; margin: 0 !important; padding: 0 7px !important; border: 0 !important; border-radius: 0 !important; background: #b23825 !important; color: #ffffff !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 13px !important; font-weight: 900 !important; line-height: 28px !important; letter-spacing: 0.02em !important; text-align: center !important; text-shadow: none !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; }
.slb-shop-section .Product-module__name,
.slb-shop-section [class*="Product-module__name"],
.slb-shop-section article.product-card [class*="name"],
.slb-shop-section article[class*="product-card"] [class*="name"] { position: absolute !important; left: 8px !important; right: 8px !important; bottom: 9px !important; z-index: 6 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 18px !important; margin: 0 !important; padding: 0 !important; color: var(--slb-product-text) !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.1 !important; letter-spacing: 0.035em !important; text-align: center !important; text-transform: none !important; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.86) !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: none !important; }
@media (min-width: 1800px) { .slb-shop-section .Products-module__wrapper, .slb-shop-section [class*="Products-module__wrapper"], .slb-shop-section .product-grid, .slb-shop-section div.product-grid { grid-template-columns: repeat(auto-fill, minmax(214px, 1fr)) !important; gap: 6px !important; } }
@media (max-width: 900px) { .slb-shop-section .Products-module__wrapper, .slb-shop-section [class*="Products-module__wrapper"], .slb-shop-section .product-grid, .slb-shop-section div.product-grid { grid-template-columns: repeat(auto-fill, minmax(138px, 1fr)) !important; } .slb-shop-section img.Product-module__img, .slb-shop-section img[class*="Product-module__img"], .slb-shop-section article.product-card img, .slb-shop-section article[class*="product-card"] img { padding: 26px 10px 40px !important; } .slb-shop-section .Product-module__price, .slb-shop-section span.Product-module__price, .slb-shop-section [class*="Product-module__price"], .slb-shop-section article.product-card [class*="price"], .slb-shop-section article[class*="product-card"] [class*="price"] { top: 6px !important; left: 6px !important; gap: 5px !important; max-width: calc(100% - 58px) !important; min-height: 24px !important; padding: 0 7px !important; font-size: 12px !important; line-height: 24px !important; } .slb-shop-section .Product-module__oldPrice, .slb-shop-section [class*="Product-module__oldPrice"], .slb-shop-section .Product-module__price .Product-module__oldPrice, .slb-shop-section .Product-module__price [class*="Product-module__oldPrice"], .slb-shop-section [class*="Product-module__price"] .Product-module__oldPrice, .slb-shop-section [class*="Product-module__price"] [class*="Product-module__oldPrice"] { max-width: 42px !important; min-height: 0 !important; font-size: 10px !important; line-height: 24px !important; } .slb-shop-section .Product-module__discount, .slb-shop-section [class*="Product-module__discount"] { top: 6px !important; right: 6px !important; min-width: 40px !important; min-height: 24px !important; padding: 0 6px !important; font-size: 12px !important; line-height: 24px !important; } .slb-shop-section .Product-module__name, .slb-shop-section [class*="Product-module__name"], .slb-shop-section article.product-card [class*="name"], .slb-shop-section article[class*="product-card"] [class*="name"] { font-size: 13px !important; } }
.slb-shop-section .Categories-module__category:focus,
.slb-shop-section .Categories-module__category:focus-visible,
.slb-shop-section [class*="Categories-module__category"]:focus,
.slb-shop-section [class*="Categories-module__category"]:focus-visible { background: var(--slb-product-category-active) !important; color: var(--slb-product-category-active-text) !important; border-color: rgba(216, 237, 79, 0.24) !important; outline: none !important; }
:root { --serverpanel-bg-color: hsla(0, 0%, 100%, .1); --slb-product-panel: hsla(0, 0%, 100%, .1); }
.slb-shop-section .Product-module__wrapper,
.slb-shop-section [class*="Product-module__wrapper"],
.slb-shop-section article.product-card,
.slb-shop-section article[class*="product-card"] { background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.10)), var(--serverpanel-bg-color) !important; border-color: rgba(255, 255, 255, 0.06) !important; }
:root { --slb-topbar-bg: #514347; }
.slb-topbar,
.Header-module__wrapper,
[class*="Header-module__wrapper"] { background-color: #514347 !important; background: #514347 !important; }
:root { --slb-topbar-bg: rgba(34, 34, 34, 0.82); }
.slb-topbar,
.Header-module__wrapper,
[class*="Header-module__wrapper"],
.sub-navigation,
[class*="subNavigation"],
[class*="sub-navigation"] { background-color: rgba(34, 34, 34, 0.82) !important; background: rgba(34, 34, 34, 0.82) !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.30) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; }
:root { --server-online-color: hsla(27, 58%, 93%, .56); --slb-topbar-bg: rgba(255, 255, 255, 0.10); }
.slb-topbar,
.Header-module__wrapper,
[class*="Header-module__wrapper"],
.sub-navigation,
[class*="subNavigation"],
[class*="sub-navigation"] { background-color: rgba(255, 255, 255, 0.10) !important; background: rgba(255, 255, 255, 0.10) !important; color: var(--server-online-color) !important; box-shadow: 0 5px 14px rgba(0, 0, 0, 0.28) !important; backdrop-filter: blur(8px) saturate(115%) !important; -webkit-backdrop-filter: blur(8px) saturate(115%) !important; }
:root { --slb-topbar-bg: rgba(255, 255, 255, 0.055); }
.slb-topbar,
.Header-module__wrapper,
[class*="Header-module__wrapper"],
.sub-navigation,
[class*="subNavigation"],
[class*="sub-navigation"] { background-color: rgba(255, 255, 255, 0.055) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important; color: hsla(27, 58%, 93%, 0.68) !important; box-shadow: 0 5px 14px rgba(0, 0, 0, 0.18) !important; backdrop-filter: blur(5px) saturate(108%) !important; -webkit-backdrop-filter: blur(5px) saturate(108%) !important; }
:root { --slb-main-bg-photo: url("https://pic.survivalhost.org/images/2026/04/20/photo_2026-04-20_01-00-44.jpg"); }
html,
body,
#root,
.container.index-module__wrapper,
[class*="index-module__wrapper"] { background-color: #0f1110 !important; background-image: var(--slb-main-bg-photo) !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; background-attachment: fixed !important; }
.slb-page-stack,
.slb-content-stack,
#slb-store-v2-root,
.slb-top-screen,
.slb-featured-shell,
.slb-shop-section,
.Shop-module__wrapper,
[class*="Shop-module__wrapper"] { background-color: transparent !important; }
.slb-featured-shell,
.slb-top-screen,
.slb-shop-section { position: relative !important; }
.slb-featured-shell::before,
.slb-top-screen::before,
.slb-shop-section::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; pointer-events: none !important; background: transparent !important; }
:root { --slb-main-bg-photo: url("https://pic.survivalhost.org/images/2026/04/20/photo_2026-04-20_01-00-44.jpg"); --slb-bg-radial-film: url("https://pic.survivalhost.org/images/2026/04/20/bg_radial-1.png"); --slb-site-noise-film: url("https://pic.survivalhost.org/images/2026/04/20/test-1.png"); --slb-site-noise-opacity: 0.16; }
html,
body,
#root,
.container.index-module__wrapper,
[class*="index-module__wrapper"] { background-color: #0f1110 !important; background-image: var(--slb-bg-radial-film), var(--slb-main-bg-photo) !important; background-size: 100% 100%, cover !important; background-position: center center, center top !important; background-repeat: no-repeat, no-repeat !important; background-attachment: fixed, fixed !important; }
html::before,
html::after,
body::before { content: none !important; display: none !important; background: none !important; background-image: none !important; opacity: 0 !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
body::after { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; display: block !important; pointer-events: none !important; background-image: var(--slb-site-noise-film) !important; background-size: 512px 512px !important; background-position: center center !important; background-repeat: repeat !important; opacity: var(--slb-site-noise-opacity) !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
.slb-page-stack,
.slb-content-stack,
#slb-store-v2-root,
.slb-top-screen,
.slb-featured-shell,
.slb-shop-section,
.Shop-module__wrapper,
[class*="Shop-module__wrapper"] { background-color: transparent !important; background-image: none !important; }
:root { --slb-main-bg-photo: url("https://pic.survivalhost.org/images/2026/04/20/photo_2026-04-20_01-00-44.jpg"); --slb-bg-radial-film: url("https://pic.survivalhost.org/images/2026/04/20/bg_radial-1.png"); --slb-site-noise-film: url("https://pic.survivalhost.org/images/2026/04/20/test-1.png"); --slb-bg-radial-opacity: 0.72; --slb-site-noise-opacity: 0.16; }
html,
body,
#root,
.container.index-module__wrapper,
[class*="index-module__wrapper"] { background-color: #0f1110 !important; background-image: var(--slb-main-bg-photo) !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; background-attachment: fixed !important; }
html::before,
html::after { content: none !important; display: none !important; background: none !important; background-image: none !important; opacity: 0 !important; }
body::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: -1 !important; display: block !important; pointer-events: none !important; background-image: var(--slb-bg-radial-film) !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; opacity: var(--slb-bg-radial-opacity) !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
body::after { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; display: block !important; pointer-events: none !important; background-image: var(--slb-site-noise-film) !important; background-size: 512px 512px !important; background-position: center center !important; background-repeat: repeat !important; opacity: var(--slb-site-noise-opacity) !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
:root { --slb-main-bg-photo: url("https://pic.survivalhost.org/images/2026/04/20/photo_2026-04-20_01-00-44.jpg"); --slb-bg-radial-film: url("https://pic.survivalhost.org/images/2026/04/20/bg_radial-1.png"); --slb-site-noise-film: url("https://pic.survivalhost.org/images/2026/04/20/test-1.png"); --slb-bg-radial-opacity: 0.72; --slb-site-noise-opacity: 0.16; }
html { background-color: #0f1110 !important; background-image: var(--slb-main-bg-photo) !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; background-attachment: fixed !important; }
body { position: relative !important; min-height: 100vh !important; background: transparent !important; background-image: none !important; isolation: isolate !important; }
#root,
.container.index-module__wrapper,
[class*="index-module__wrapper"],
.slb-page-stack,
.slb-content-stack,
#slb-store-v2-root,
.slb-top-screen,
.slb-featured-shell,
.slb-shop-section,
.Shop-module__wrapper,
[class*="Shop-module__wrapper"] { position: relative !important; z-index: 1 !important; background-color: transparent !important; background-image: none !important; }
html::before,
html::after { content: none !important; display: none !important; }
body::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 0 !important; display: block !important; pointer-events: none !important; background-image: var(--slb-bg-radial-film) !important; background-size: 100% 100% !important; background-position: center center !important; background-repeat: no-repeat !important; opacity: var(--slb-bg-radial-opacity) !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
body::after { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; display: block !important; pointer-events: none !important; background-image: var(--slb-site-noise-film) !important; background-size: 512px 512px !important; background-position: center center !important; background-repeat: repeat !important; opacity: var(--slb-site-noise-opacity) !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
:root { --slb-bg-dark-opacity: 0.78; --slb-bg-dark-r: 43; --slb-bg-dark-g: 41; --slb-bg-dark-b: 36; }
html { background-color: #0f1110 !important; background-image: linear-gradient( 0deg, rgba(var(--slb-bg-dark-r), var(--slb-bg-dark-g), var(--slb-bg-dark-b), var(--slb-bg-dark-opacity)), rgba(var(--slb-bg-dark-r), var(--slb-bg-dark-g), var(--slb-bg-dark-b), var(--slb-bg-dark-opacity)) ), var(--slb-main-bg-photo) !important; background-size: 100% 100%, cover !important; background-position: center center, center top !important; background-repeat: no-repeat, no-repeat !important; background-attachment: fixed, fixed !important; }
:root { --slb-shop-panel-bg: #2b292b; --slb-shop-panel-text: rgba(248, 236, 227, 0.76); --slb-shop-panel-hover: rgba(128, 186, 228, 0.32); --slb-shop-panel-active: #6d8641; --slb-shop-panel-active-text: #d8ed4f; }
.slb-shop-section .server-btn,
.slb-shop-section button.server-btn,
.slb-shop-section [class*="server-btn"],
.slb-shop-section [class*="ServerBtn"],
.slb-shop-section [class*="select-server"] button,
.slb-shop-section [class*="server-switcher"] button,
.slb-shop-section [class*="ServerSwitcher"] button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 40px !important; max-height: 40px !important; margin: 0 !important; padding: 12px 16px !important; gap: 12px !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; border-radius: 0 !important; background-color: var(--slb-shop-panel-bg) !important; background: var(--slb-shop-panel-bg) !important; color: var(--slb-shop-panel-text) !important; font-family: inherit !important; font-size: inherit !important; font-weight: 900 !important; line-height: 1 !important; text-transform: inherit !important; letter-spacing: inherit !important; cursor: pointer !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important; transition: background-color 0.16s ease, color 0.16s ease, filter 0.16s ease !important; }
.slb-shop-section .server-btn:hover,
.slb-shop-section button.server-btn:hover,
.slb-shop-section [class*="server-btn"]:hover,
.slb-shop-section [class*="ServerBtn"]:hover,
.slb-shop-section [class*="select-server"] button:hover,
.slb-shop-section [class*="server-switcher"] button:hover,
.slb-shop-section [class*="ServerSwitcher"] button:hover { background-color: var(--slb-shop-panel-hover) !important; background: var(--slb-shop-panel-hover) !important; color: #ffffff !important; }
.slb-shop-section .server-btn.active,
.slb-shop-section .server-btn[class*="active"],
.slb-shop-section .server-btn[aria-selected="true"],
.slb-shop-section .server-btn[aria-current="true"],
.slb-shop-section button.server-btn.active,
.slb-shop-section button.server-btn[class*="active"],
.slb-shop-section button.server-btn[aria-selected="true"],
.slb-shop-section button.server-btn[aria-current="true"],
.slb-shop-section [class*="server-btn"].active,
.slb-shop-section [class*="server-btn"][class*="active"],
.slb-shop-section [class*="server-btn"][aria-selected="true"],
.slb-shop-section [class*="server-btn"][aria-current="true"],
.slb-shop-section [class*="ServerBtn"].active,
.slb-shop-section [class*="ServerBtn"][class*="active"],
.slb-shop-section [class*="ServerBtn"][aria-selected="true"],
.slb-shop-section [class*="ServerBtn"][aria-current="true"] { background-color: var(--slb-shop-panel-active) !important; background: var(--slb-shop-panel-active) !important; color: var(--slb-shop-panel-active-text) !important; }
.slb-shop-section [class*="select-server"],
.slb-shop-section [class*="server-switcher"],
.slb-shop-section [class*="ServerSwitcher"],
.slb-shop-section .Categories-module__categories,
.slb-shop-section [class*="Categories-module__categories"] { gap: 4px !important; }
.slb-shop-section .Categories-module__category,
.slb-shop-section [class*="Categories-module__category"] { min-height: 40px !important; max-height: 40px !important; padding: 12px 16px !important; border: 0 !important; border-radius: 0 !important; background-color: var(--slb-shop-panel-bg) !important; background: var(--slb-shop-panel-bg) !important; color: var(--slb-shop-panel-text) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important; }
.slb-shop-section .Search-module__wrapper,
.slb-shop-section [class*="Search-module__wrapper"],
.slb-shop-section input[type="search"],
.slb-shop-section input[placeholder*="Название"] { min-height: 40px !important; border: 0 !important; border-radius: 0 !important; background-color: var(--slb-shop-panel-bg) !important; background: var(--slb-shop-panel-bg) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important; }
:root { --accent-color-800: #cd422a; --accent-color-900: #af3723; --font-color-700: #ffffff; --font-color-800: rgba(255, 255, 255, 0.70); --font-color-900: #7b7b7b; --bg-color-800: #202020; --bg-color-700: #282828; --bg-color-900: #1d1b1a; --product-items-trans-bg-color: rgba(0, 0, 0, 0.40); --slb-shop-panel-bg: rgba(40, 40, 40, 0.78); --slb-shop-panel-bg-solid: #282828; --slb-shop-panel-dark: rgba(32, 32, 32, 0.82); --slb-shop-panel-text: rgba(255, 255, 255, 0.70); }
.slb-shop-section .server-btn,
.slb-shop-section button.server-btn,
.slb-shop-section [class*="server-btn"],
.slb-shop-section [class*="ServerBtn"],
.slb-shop-section [class*="select-server"] button,
.slb-shop-section [class*="server-switcher"] button,
.slb-shop-section [class*="ServerSwitcher"] button,
.slb-shop-section .Categories-module__category,
.slb-shop-section [class*="Categories-module__category"],
.slb-shop-section .Search-module__wrapper,
.slb-shop-section [class*="Search-module__wrapper"],
.slb-shop-section input[type="search"],
.slb-shop-section input[placeholder*="Название"] { background-color: var(--slb-shop-panel-bg) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.055)), var(--slb-shop-panel-bg) !important; color: var(--slb-shop-panel-text) !important; border: 1px solid rgba(255, 255, 255, 0.045) !important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18) !important; }
.slb-shop-section .server-btn:hover,
.slb-shop-section button.server-btn:hover,
.slb-shop-section [class*="server-btn"]:hover,
.slb-shop-section [class*="ServerBtn"]:hover,
.slb-shop-section [class*="select-server"] button:hover,
.slb-shop-section [class*="server-switcher"] button:hover,
.slb-shop-section [class*="ServerSwitcher"] button:hover,
.slb-shop-section .Categories-module__category:hover,
.slb-shop-section .Categories-module__category:focus,
.slb-shop-section [class*="Categories-module__category"]:hover,
.slb-shop-section [class*="Categories-module__category"]:focus { background-color: rgba(40, 40, 40, 0.92) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.05)), rgba(40, 40, 40, 0.92) !important; color: #ffffff !important; }
.slb-shop-section .Product-module__wrapper,
.slb-shop-section [class*="Product-module__wrapper"],
.slb-shop-section article.product-card,
.slb-shop-section article[class*="product-card"] { background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.10)), var(--product-items-trans-bg-color) !important; border-color: rgba(255, 255, 255, 0.045) !important; }
:root { --serverpanel-bg-color: hsla(0, 0%, 100%, 0.10); --server-title-color: hsla(27, 58%, 93%, 0.75); --radius10: 0px; }
html,
body,
#root,
.container.index-module__wrapper,
[class*="index-module__wrapper"] { background-color: #202020 !important; background-image: none !important; background-size: auto !important; background-position: initial !important; background-repeat: repeat !important; background-attachment: scroll !important; }
html::before,
html::after,
body::before,
body::after { content: none !important; display: none !important; background: none !important; background-image: none !important; opacity: 0 !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
.slb-page-stack,
.slb-content-stack,
#slb-store-v2-root,
.slb-top-screen,
.slb-featured-shell,
.slb-shop-section,
.Shop-module__wrapper,
[class*="Shop-module__wrapper"] { background-color: transparent !important; background-image: none !important; }
.slb-shop-section .Categories-module__category,
.slb-shop-section [class*="Categories-module__category"],
.slb-shop-section .server-btn,
.slb-shop-section button.server-btn,
.slb-shop-section [class*="server-btn"],
.slb-shop-section [class*="ServerBtn"],
.slb-shop-section [class*="select-server"] button,
.slb-shop-section [class*="server-switcher"] button,
.slb-shop-section [class*="ServerSwitcher"] button { background-color: var(--serverpanel-bg-color) !important; background: var(--serverpanel-bg-color) !important; border: 0 !important; border-radius: var(--radius10) !important; color: var(--server-title-color) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.15 !important; margin: 0 !important; padding: 6px !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; transition: background-color 0.15s ease, color 0.15s ease !important; }
.slb-shop-section .Categories-module__category:hover,
.slb-shop-section .Categories-module__category:focus,
.slb-shop-section [class*="Categories-module__category"]:hover,
.slb-shop-section [class*="Categories-module__category"]:focus,
.slb-shop-section .server-btn:hover,
.slb-shop-section button.server-btn:hover,
.slb-shop-section [class*="server-btn"]:hover,
.slb-shop-section [class*="ServerBtn"]:hover,
.slb-shop-section [class*="select-server"] button:hover,
.slb-shop-section [class*="server-switcher"] button:hover,
.slb-shop-section [class*="ServerSwitcher"] button:hover { background-color: rgba(115, 141, 69, 0.50) !important; background: rgba(115, 141, 69, 0.50) !important; color: hsla(27, 58%, 93%, 0.92) !important; }
.slb-shop-section .Categories-module__category.active,
.slb-shop-section .Categories-module__category[class*="active"],
.slb-shop-section .Categories-module__category[aria-current="true"],
.slb-shop-section .Categories-module__category[aria-selected="true"],
.slb-shop-section .Categories-module__category[data-active="true"],
.slb-shop-section .Categories-module__category[disabled],
.slb-shop-section [class*="Categories-module__category"].active,
.slb-shop-section [class*="Categories-module__category"][class*="active"],
.slb-shop-section [class*="Categories-module__category"][aria-current="true"],
.slb-shop-section [class*="Categories-module__category"][aria-selected="true"],
.slb-shop-section [class*="Categories-module__category"][data-active="true"],
.slb-shop-section [class*="Categories-module__category"][disabled],
.slb-shop-section .server-btn.active,
.slb-shop-section .server-btn[class*="active"],
.slb-shop-section .server-btn[aria-selected="true"],
.slb-shop-section .server-btn[aria-current="true"],
.slb-shop-section button.server-btn.active,
.slb-shop-section button.server-btn[class*="active"],
.slb-shop-section button.server-btn[aria-selected="true"],
.slb-shop-section button.server-btn[aria-current="true"],
.slb-shop-section [class*="server-btn"].active,
.slb-shop-section [class*="server-btn"][class*="active"],
.slb-shop-section [class*="server-btn"][aria-selected="true"],
.slb-shop-section [class*="server-btn"][aria-current="true"] { background-color: rgba(115, 141, 69, 0.50) !important; background: rgba(115, 141, 69, 0.50) !important; color: hsla(27, 58%, 93%, 0.92) !important; }
.slb-shop-section .Categories-module__categories,
.slb-shop-section [class*="Categories-module__categories"],
.slb-shop-section [class*="select-server"],
.slb-shop-section [class*="server-switcher"],
.slb-shop-section [class*="ServerSwitcher"] { gap: 4px !important; }
.HeaderNav-module__wrapper a,
[class*="HeaderNav-module__wrapper"] a,
.SupportLink-module__link,
[class*="SupportLink-module__link"],
.slb-topbar__link { align-items: center !important; display: flex !important; justify-content: center !important; background-color: #1d547a !important; background: #1d547a !important; background-size: 512px !important; border: none !important; border-radius: var(--radius10, 0px) !important; color: #80bae4 !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 16px !important; font-weight: 800 !important; height: 48px !important; min-height: 48px !important; line-height: 48px !important; margin: 0 !important; padding: 0 16px !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: none !important; transition: background-color 0.15s ease, color 0.15s ease, filter 0.15s ease !important; }
.HeaderNav-module__wrapper a:hover,
.HeaderNav-module__wrapper a:focus,
[class*="HeaderNav-module__wrapper"] a:hover,
[class*="HeaderNav-module__wrapper"] a:focus,
.SupportLink-module__link:hover,
.SupportLink-module__link:focus,
[class*="SupportLink-module__link"]:hover,
[class*="SupportLink-module__link"]:focus,
.slb-topbar__link:hover,
.slb-topbar__link:focus { background-color: #2b6f9c !important; background: #2b6f9c !important; color: #ffffff !important; }
.HeaderNav-module__wrapper a.active,
.HeaderNav-module__wrapper a[class*="active"],
[class*="HeaderNav-module__wrapper"] a.active,
[class*="HeaderNav-module__wrapper"] a[class*="active"],
.SupportLink-module__link.active,
.SupportLink-module__link[class*="active"],
[class*="SupportLink-module__link"].active,
[class*="SupportLink-module__link"][class*="active"],
.slb-topbar__link--active,
.slb-topbar__link--active:hover,
.slb-topbar__link--active:focus,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle { background-color: #6d8641 !important; background: #6d8641 !important; color: #d8ed4f !important; }
.slb-topbar__nav,
.HeaderNav-module__wrapper,
[class*="HeaderNav-module__wrapper"] { gap: 8px !important; }
.slb-topbar__link.slb-monitor-toggle { transition: none !important; }
html:not(.slb-monitor-open) .slb-topbar__link.slb-monitor-toggle,
html:not(.slb-monitor-open) .slb-topbar__link.slb-monitor-toggle.slb-topbar__link--active,
html:not(.slb-monitor-open) .slb-topbar__link.slb-monitor-toggle:focus,
html:not(.slb-monitor-open) .slb-topbar__link.slb-monitor-toggle.slb-topbar__link--active:focus { background-color: #1d547a !important; background: #1d547a !important; color: #80bae4 !important; }
html:not(.slb-monitor-open) .slb-topbar__link.slb-monitor-toggle:hover,
html:not(.slb-monitor-open) .slb-topbar__link.slb-monitor-toggle.slb-topbar__link--active:hover { background-color: #2b6f9c !important; background: #2b6f9c !important; color: #ffffff !important; }
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle:hover,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle:focus,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle.slb-topbar__link--active,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle.slb-topbar__link--active:hover,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle.slb-topbar__link--active:focus { background-color: #6d8641 !important; background: #6d8641 !important; color: #d8ed4f !important; }
.slb-topbar__topup,
.Header-module__wrapper .slb-topbar__topup,
[class*="Header-module__wrapper"] .slb-topbar__topup { align-items: center !important; display: flex !important; justify-content: center !important; background-color: #1d547a !important; background: #1d547a !important; border: none !important; border-radius: var(--radius10, 0px) !important; color: #80bae4 !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 16px !important; font-weight: 800 !important; height: 48px !important; min-height: 48px !important; line-height: 48px !important; margin: 0 !important; padding: 0 16px !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: none !important; transition: background-color 0.15s ease, color 0.15s ease, filter 0.15s ease !important; }
.slb-topbar__topup:hover,
.slb-topbar__topup:focus,
.Header-module__wrapper .slb-topbar__topup:hover,
.Header-module__wrapper .slb-topbar__topup:focus,
[class*="Header-module__wrapper"] .slb-topbar__topup:hover,
[class*="Header-module__wrapper"] .slb-topbar__topup:focus { background-color: #2b6f9c !important; background: #2b6f9c !important; color: #ffffff !important; }
.slb-featured-title.slb-brandline { position: relative !important; display: flex !important; align-items: center !important; flex-wrap: nowrap !important; width: 100% !important; min-height: 74px !important; margin: 0 0 18px !important; padding: 0 26px !important; overflow: hidden !important; color: rgba(255, 255, 255, 0.94) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; line-height: 1 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0 1px, transparent 1px 100%), linear-gradient(180deg, transparent calc(50% - 1px), rgba(255, 255, 255, 0.14) calc(50% - 1px), rgba(255, 255, 255, 0.14) 50%, transparent 50%), rgba(18, 19, 20, 0.10) !important; background-size: 96px 100%, 100% 100%, 100% 100% !important; border: 0 !important; box-shadow: none !important; isolation: isolate !important; }
.slb-featured-title.slb-brandline::before,
.slb-featured-title.slb-brandline::after { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; width: 88px !important; pointer-events: none !important; opacity: 0.55 !important; background: linear-gradient(135deg, transparent 0 45%, rgba(128, 186, 228, 0.44) 45% 47%, transparent 47% 100%) !important; z-index: -1 !important; }
.slb-featured-title.slb-brandline::before { left: 18px !important; }
.slb-featured-title.slb-brandline::after { right: 18px !important; transform: scaleX(-1) !important; }
.slb-brandline__main { display: inline-flex !important; align-items: center !important; color: #f2f2f2 !important; font-size: clamp(44px, 5.8vw, 82px) !important; font-weight: 900 !important; letter-spacing: -0.055em !important; line-height: 0.9 !important; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45) !important; }
.slb-brandline__word { display: inline-flex !important; align-items: center !important; min-width: 260px !important; color: rgba(255, 255, 255, 0.92) !important; font-size: clamp(34px, 4.5vw, 68px) !important; font-weight: 300 !important; letter-spacing: 0.015em !important; line-height: 0.95 !important; white-space: nowrap !important; text-transform: none !important; opacity: 1 !important; transform: translateY(0) !important; transition: opacity 0.22s ease, transform 0.22s ease, filter 0.22s ease !important; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.34) !important; }
.slb-brandline__word.is-changing { opacity: 0 !important; transform: translateY(8px) !important; filter: blur(4px) !important; }
@media (max-width: 900px) { .slb-featured-title.slb-brandline { min-height: 58px !important; padding: 0 14px !important; } .slb-brandline__word { min-width: 150px !important; } }
@media (max-width: 560px) { .slb-featured-title.slb-brandline { min-height: 54px !important; } .slb-brandline__main { font-size: 34px !important; } .slb-brandline__word { font-size: 28px !important; } }
.slb-featured-title.slb-brandline { min-height: 46px !important; height: 46px !important; max-height: 46px !important; margin: 0 0 12px !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; gap: 12px !important; color: rgba(248, 236, 227, 0.75) !important; }
.slb-featured-title.slb-brandline::before,
.slb-featured-title.slb-brandline::after { content: none !important; display: none !important; background: none !important; }
.slb-brandline__main { color: rgba(248, 236, 227, 0.75) !important; font-size: clamp(32px, 3.4vw, 48px) !important; font-weight: 900 !important; line-height: 46px !important; letter-spacing: 0 !important; white-space: nowrap !important; transition: color 0.16s ease !important; }
.slb-brandline__word { min-width: 0 !important; max-width: 64vw !important; overflow: hidden !important; text-overflow: ellipsis !important; color: rgba(248, 236, 227, 0.75) !important; font-size: clamp(24px, 2.8vw, 40px) !important; font-weight: 300 !important; line-height: 46px !important; letter-spacing: 0 !important; white-space: nowrap !important; text-transform: uppercase !important; transition: opacity 0.22s ease, transform 0.22s ease, filter 0.22s ease, color 0.16s ease !important; }
.slb-featured-title.slb-brandline:hover .slb-brandline__main,
.slb-featured-title.slb-brandline:hover .slb-brandline__word,
.slb-featured-title.slb-brandline:focus-within .slb-brandline__main,
.slb-featured-title.slb-brandline:focus-within .slb-brandline__word { color: #ffffff !important; }
.slb-brandline__word.is-changing { transform: translateY(5px) !important; filter: blur(3px) !important; }
@media (max-width: 900px) { .slb-featured-title.slb-brandline { min-height: 38px !important; height: 38px !important; max-height: 38px !important; margin-bottom: 10px !important; gap: 8px !important; } .slb-brandline__main { font-size: 30px !important; line-height: 38px !important; } .slb-brandline__word { max-width: 58vw !important; font-size: 24px !important; line-height: 38px !important; } }
@media (max-width: 560px) { .slb-featured-title.slb-brandline { min-height: 34px !important; height: 34px !important; max-height: 34px !important; gap: 6px !important; } .slb-brandline__main { font-size: 23px !important; line-height: 34px !important; } .slb-brandline__word { max-width: 62vw !important; font-size: 17px !important; line-height: 34px !important; } }
.slb-bg-film,
html::before,
html::after,
body::before,
body::after { content: none !important; display: none !important; background: none !important; background-image: none !important; opacity: 0 !important; pointer-events: none !important; }
.slb-topbar,
.Header-module__wrapper,
[class*="Header-module__wrapper"],
.slb-monitor-drawer,
.slb-monitor-drawer__body,
.slb-monitor-panel,
.slb-monitor-server,
.slb-shop-section .Search-module__wrapper,
.slb-shop-section [class*="Search-module__wrapper"] { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.slb-feature-card,
.slb-monitor-server,
.slb-shop-section .Product-module__wrapper,
.slb-shop-section [class*="Product-module__wrapper"],
.slb-shop-section article.product-card,
.slb-shop-section article[class*="product-card"] { contain: layout paint style !important; }
.slb-shop-section .Product-module__wrapper,
.slb-shop-section [class*="Product-module__wrapper"],
.slb-shop-section article.product-card,
.slb-shop-section article[class*="product-card"] { content-visibility: auto !important; contain-intrinsic-size: 170px 170px !important; }
.slb-feature-card__bg,
.slb-feature-card__video,
.slb-feature-card__poster,
.slb-monitor-server__bg,
.slb-shop-section img.Product-module__img,
.slb-shop-section img[class*="Product-module__img"],
.slb-shop-section article.product-card img,
.slb-shop-section article[class*="product-card"] img { will-change: auto !important; }
.slb-shop-section img.Product-module__img,
.slb-shop-section img[class*="Product-module__img"],
.slb-shop-section article.product-card img,
.slb-shop-section article[class*="product-card"] img,
.slb-ocean__wave,
.slb-rowboat__body { filter: none !important; }
.slb-ocean-divider__spark,
.slb-ocean-divider__haze { display: none !important; }
.slb-ocean__wave--back { animation-duration: 42s !important; }
.slb-ocean__wave--front { animation-duration: 32s !important; }
.slb-rowboat { animation-duration: 72s !important; }
.slb-rowboat__body { animation-duration: 5.8s !important; }
@media (max-width: 900px), (prefers-reduced-motion: reduce) { .slb-ocean__wave, .slb-rowboat, .slb-rowboat__body, .slb-brandline__word { animation: none !important; transition: none !important; } }
.slb-feature-card--shop { cursor: pointer !important; border-color: rgba(216, 237, 79, 0.18) !important; background: rgba(24, 30, 18, 0.92) !important; }
.slb-feature-card--shop:focus-visible { outline: 2px solid rgba(216, 237, 79, 0.72) !important; outline-offset: 3px !important; }
.slb-feature-card__bg--shop { background-image: radial-gradient(circle at 78% 22%, rgba(216, 237, 79, 0.18), transparent 24%), linear-gradient(135deg, rgba(109, 134, 65, 0.72), rgba(29, 84, 122, 0.28) 54%, rgba(15, 17, 16, 0.96)) !important; background-size: cover !important; background-position: center center !important; opacity: 1 !important; }
.slb-feature-card__cart { position: absolute !important; right: clamp(16px, 3vw, 34px) !important; top: 50% !important; z-index: 1 !important; width: clamp(84px, 10vw, 150px) !important; height: clamp(84px, 10vw, 150px) !important; transform: translateY(-50%) rotate(-6deg) !important; color: rgba(216, 237, 79, 0.16) !important; pointer-events: none !important; transition: transform 0.18s ease, color 0.18s ease !important; }
.slb-feature-card__cart svg { display: block !important; width: 100% !important; height: 100% !important; fill: currentColor !important; }
.slb-feature-card--shop:hover .slb-feature-card__cart,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart { transform: translateY(-50%) rotate(-6deg) scale(1.08) !important; color: rgba(216, 237, 79, 0.24) !important; }
.slb-feature-card__badge--shop { gap: 7px !important; background: #6d8641 !important; color: #d8ed4f !important; }
.slb-feature-card__badge--shop::before { content: "" !important; width: 13px !important; height: 13px !important; display: inline-block !important; background: currentColor !important; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM1 2v2h2l3.6 7.59-1.35 2.45C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45c.75 0 1.41-.41 1.75-1.03L21 5H5.21L4.27 3H1Z'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM1 2v2h2l3.6 7.59-1.35 2.45C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45c.75 0 1.41-.41 1.75-1.03L21 5H5.21L4.27 3H1Z'/%3E%3C/svg%3E") center / contain no-repeat !important; }
.slb-feature-card--shop .slb-feature-card__name,
.slb-feature-card--shop .slb-feature-card__desc,
.slb-feature-card--shop .slb-feature-card__badge { position: relative !important; z-index: 3 !important; }
.slb-feature-card--shop .slb-feature-card__shade { background: linear-gradient(180deg, rgba(7, 7, 7, 0.02), rgba(7, 7, 7, 0.18) 42%, rgba(7, 7, 7, 0.70) 100%), linear-gradient(90deg, rgba(5, 6, 5, 0.10), transparent 70%) !important; }
:root { --slb-light-veil-opacity: 0.075; }
body::after { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; display: block !important; pointer-events: none !important; background: radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.12), transparent 42%), linear-gradient(0deg, rgba(255, 255, 255, var(--slb-light-veil-opacity)), rgba(255, 255, 255, var(--slb-light-veil-opacity))) !important; opacity: 1 !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
:root { --slb-sand-veil-opacity: 0.34; --slb-sand-veil-darkness: 0.10; }
body::after { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; display: block !important; pointer-events: none !important; background-image: radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.11) 0 0.7px, transparent 0.9px), radial-gradient(circle at 78% 32%, rgba(255, 255, 255, 0.08) 0 0.65px, transparent 0.9px), radial-gradient(circle at 41% 76%, rgba(0, 0, 0, 0.18) 0 0.75px, transparent 1px), radial-gradient(circle at 64% 58%, rgba(255, 255, 255, 0.055) 0 0.55px, transparent 0.8px), linear-gradient(0deg, rgba(0, 0, 0, var(--slb-sand-veil-darkness)), rgba(0, 0, 0, var(--slb-sand-veil-darkness))) !important; background-size: 7px 7px, 11px 11px, 9px 9px, 13px 13px, 100% 100% !important; background-position: 0 0, 4px 6px, 3px 2px, 8px 5px, 0 0 !important; background-repeat: repeat !important; opacity: var(--slb-sand-veil-opacity) !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
:root { --slb-rust-body-overlay: url("https://pic.survivalhost.org/images/2026/05/21/rust-body-overlay.png"); --slb-rust-body-overlay-opacity: 0.42; }
body::after { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; display: block !important; pointer-events: none !important; background-image: var(--slb-rust-body-overlay) !important; background-size: auto !important; background-position: center top !important; background-repeat: repeat !important; opacity: var(--slb-rust-body-overlay-opacity) !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
:root { --slb-rust-body-overlay-opacity: 0.62; --slb-rust-body-overlay-second-opacity: 0.26; }
body::before { content: "" !important; position: fixed !important; inset: 0 !important; z-index: 2147483646 !important; display: block !important; pointer-events: none !important; background-image: var(--slb-rust-body-overlay) !important; background-size: auto !important; background-position: 37px 19px !important; background-repeat: repeat !important; opacity: var(--slb-rust-body-overlay-second-opacity) !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; mix-blend-mode: normal !important; }
body::after { background-image: var(--slb-rust-body-overlay) !important; background-size: auto !important; background-position: center top !important; background-repeat: repeat !important; opacity: var(--slb-rust-body-overlay-opacity) !important; }
html,
body,
.slb-content-stack,
.slb-shop-section,
.Shop-module__wrapper,
[class*="Shop-module__wrapper"] { overflow-anchor: none !important; }
.slb-shop-section,
.Shop-module__wrapper.slb-shop-section,
[class*="Shop-module__wrapper"].slb-shop-section { min-height: max(980px, calc(100vh + 80px)) !important; }
.slb-shop-section .boxBody,
.slb-shop-section section.cardContainer,
.slb-shop-section .cardContainer,
.slb-shop-section [class*="Products-module__wrapper"],
.slb-shop-section .Products-module__wrapper,
.slb-shop-section .product-grid,
.slb-shop-section div.product-grid { min-height: max(760px, calc(100vh - 150px)) !important; align-content: start !important; }
.slb-shop-section [class*="Products-module__wrapper"],
.slb-shop-section .Products-module__wrapper,
.slb-shop-section .product-grid,
.slb-shop-section div.product-grid { grid-auto-rows: auto !important; }
@media (max-width: 900px) { .slb-shop-section, .Shop-module__wrapper.slb-shop-section, [class*="Shop-module__wrapper"].slb-shop-section { min-height: max(760px, calc(100vh + 40px)) !important; } .slb-shop-section .boxBody, .slb-shop-section section.cardContainer, .slb-shop-section .cardContainer, .slb-shop-section [class*="Products-module__wrapper"], .slb-shop-section .Products-module__wrapper, .slb-shop-section .product-grid, .slb-shop-section div.product-grid { min-height: max(620px, calc(100vh - 110px)) !important; } }
/* SLABIY back-to-top owner v1: visual-only scroll helper. */
.slb-back-to-top { position: fixed !important; right: clamp(18px, 3vw, 44px) !important; bottom: clamp(92px, 12vh, 150px) !important; z-index: 2147483600 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 128px !important; height: 48px !important; min-height: 48px !important; padding: 0 16px !important; gap: 8px !important; border: 0 !important; border-radius: var(--radius10, 0px) !important; background: #5d7238 !important; color: #ffffff !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 16px !important; font-weight: 800 !important; line-height: 48px !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; cursor: pointer !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(18px) scale(0.96) !important; pointer-events: none !important; box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24) !important; transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease, background-color 0.14s ease, color 0.14s ease !important; }
.slb-back-to-top.is-visible { opacity: 1 !important; visibility: visible !important; transform: translateY(0) scale(1) !important; pointer-events: auto !important; }
.slb-back-to-top:hover,
.slb-back-to-top:focus-visible { background: #6b8240 !important; color: #ffffff !important; outline: none !important; }
.slb-back-to-top span { display: inline-flex !important; align-items: center !important; gap: 9px !important; transform: none !important; font-size: 0 !important; }
.slb-back-to-top span::after { content: "НАВЕРХ" !important; order: 1 !important; font-size: 16px !important; line-height: 48px !important; }
.slb-back-to-top span::before { content: "↑" !important; order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 17px !important; font-weight: 900 !important; line-height: 1 !important; transform: translateY(-1px) !important; }
@media (max-width: 720px) { .slb-back-to-top { right: 14px !important; bottom: 92px !important; min-width: 112px !important; height: 44px !important; min-height: 44px !important; padding: 0 13px !important; font-size: 14px !important; line-height: 44px !important; } .slb-back-to-top span::after { font-size: 14px !important; line-height: 44px !important; } .slb-back-to-top span::before { font-size: 15px !important; } }
:root { --slb-rowboat-image-v45: url("https://pic.survivalhost.org/images/2026/05/12/2d7dd22c-1106-481a-a46a-72f0a8c5dd74-2-2-1.webp"); --slb-ocean-red-top-v45: #aa3327; --slb-ocean-red-mid-v45: #a13127; --slb-ocean-red-bottom-v45: #912b23; }
.slb-ocean { background: linear-gradient( 180deg, var(--slb-ocean-red-top-v45) 0%, var(--slb-ocean-red-mid-v45) 48%, var(--slb-ocean-red-bottom-v45) 100% ) !important; }
.slb-ocean__wave { opacity: .58 !important; filter: none !important; }
.slb-ocean__wave--back { opacity: .38 !important; }
.slb-ocean__wave--front { opacity: .64 !important; }
.slb-rowboat { width: clamp(250px, 27vw, 460px) !important; height: clamp(140px, 15.2vw, 258px) !important; }
.slb-rowboat__body { width: 100% !important; height: 100% !important; background-image: var(--slb-rowboat-image-v45) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; filter: none !important; }
@media (max-width: 768px) { .slb-rowboat { width: clamp(190px, 58vw, 280px) !important; height: clamp(106px, 32vw, 157px) !important; } }
.slb-ocean { background: transparent !important; }
.slb-ocean::before { top: 248px !important; background: linear-gradient(180deg, rgba(170, 51, 39, 0.96) 0%, rgba(158, 47, 37, 0.97) 48%, rgba(142, 43, 35, 0.98) 100%), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 6px) !important; }
.slb-ocean::after { top: 122px !important; height: 170px !important; background: linear-gradient(180deg, transparent 0%, rgba(170, 51, 39, 0.10) 58%, rgba(170, 51, 39, 0.30) 100%) !important; }
.slb-rowboat { top: 58px !important; }
@media (max-width: 960px) { .slb-ocean::before { top: 214px !important; } .slb-ocean::after { top: 94px !important; } .slb-rowboat { top: 38px !important; } }
.slb-rowboat { top: 64px !important; z-index: 10 !important; }
.slb-ocean__wave--back { z-index: 4 !important; }
.slb-ocean__wave--front { top: 86px !important; z-index: 14 !important; opacity: .78 !important; }
.slb-rowboat::after { content: "" !important; position: absolute !important; left: 2% !important; right: 2% !important; bottom: 6% !important; height: 26% !important; z-index: 2 !important; pointer-events: none !important; background: linear-gradient(180deg, rgba(178, 56, 35, 0) 0%, rgba(178, 56, 35, .32) 54%, rgba(130, 39, 31, .52) 100%) !important; border-radius: 999px !important; mix-blend-mode: multiply !important; }
@media (max-width: 960px) { .slb-rowboat { top: 44px !important; } .slb-ocean__wave--front { top: 66px !important; } }
@keyframes slbWaveMoveLeftV48 { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-1600px, 0, 0); } }
.slb-ocean__wave--back { animation: slbWaveMoveLeftV48 42s linear infinite normal !important; animation-direction: normal !important; }
.slb-ocean__wave--front { animation: slbWaveMoveLeftV48 32s linear infinite normal !important; animation-direction: normal !important; }
.slb-ocean__wave--back { display: none !important; opacity: 0 !important; animation: none !important; }
.slb-ocean::after { display: none !important; opacity: 0 !important; }
.slb-ocean__wave--front { display: block !important; top: 92px !important; z-index: 14 !important; opacity: 1 !important; filter: none !important; animation: slbWaveMoveLeftV48 34s linear infinite normal !important; animation-direction: normal !important; }
.slb-ocean::before { top: 204px !important; background: linear-gradient(180deg, rgba(174, 52, 39, 0.98) 0%, rgba(162, 48, 37, 0.98) 48%, rgba(145, 43, 35, 0.98) 100%) !important; }
.slb-rowboat { top: 68px !important; z-index: 10 !important; }
@media (max-width: 960px) { .slb-ocean__wave--front { top: 68px !important; } .slb-ocean::before { top: 172px !important; } .slb-rowboat { top: 48px !important; } }
:root { --slb-rustmaps-wave-v50: url("https://rustmaps.com/wave.svg"); --slb-wave-y-v50: clamp(108px, 7.4vw, 132px); --slb-wave-body-y-v50: calc(var(--slb-wave-y-v50) + 176px); }
.slb-ocean { background: transparent !important; }
.slb-ocean::after,
.slb-ocean__wave--back,
.slb-rowboat::after { display: none !important; opacity: 0 !important; animation: none !important; }
.slb-ocean__wave { background-image: var(--slb-rustmaps-wave-v50) !important; background-repeat: repeat-x !important; background-position: 0 0 !important; background-size: 1600px 198px !important; height: 198px !important; width: 6400px !important; filter: none !important; transform: translate3d(0, 0, 0) !important; }
.slb-ocean__wave--front { display: block !important; top: var(--slb-wave-y-v50) !important; bottom: auto !important; z-index: 16 !important; opacity: 1 !important; animation: slbWaveMoveLeftV48 34s linear infinite normal !important; animation-direction: normal !important; }
.slb-ocean::before { top: var(--slb-wave-body-y-v50) !important; z-index: 2 !important; background: linear-gradient(180deg, #cf4433 0%, #c73f30 42%, #b9382c 100%) !important; opacity: 1 !important; }
.slb-rowboat { top: clamp(58px, 4.6vw, 78px) !important; z-index: 10 !important; }
.slb-rowboat__body { filter: drop-shadow(0 16px 18px rgba(0, 0, 0, .38)) !important; }
@media (max-width: 960px) { :root { --slb-wave-y-v50: 78px; --slb-wave-body-y-v50: 252px; } .slb-ocean__wave--front { top: var(--slb-wave-y-v50) !important; } .slb-rowboat { top: 38px !important; } }
:root { --slb-wave-image-v51: url("https://rustmaps.com/wave.svg"); --slb-wave-y-v51: clamp(104px, 6.8vw, 124px); --slb-water-fill-y-v51: calc(var(--slb-wave-y-v51) + 104px); }
@keyframes slbWaveLayerLeftV51 { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-1600px, 0, 0); } }
.slb-ocean__wave--back,
.slb-ocean::after,
.slb-rowboat::after { display: none !important; opacity: 0 !important; animation: none !important; }
.slb-ocean__wave--front { display: block !important; position: absolute !important; left: 0 !important; right: auto !important; top: var(--slb-wave-y-v51) !important; width: 100vw !important; height: 198px !important; overflow: hidden !important; z-index: 16 !important; opacity: 1 !important; background: transparent !important; background-image: none !important; animation: none !important; transform: none !important; }
.slb-ocean__wave--front::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 6400px !important; height: 198px !important; background-image: var(--slb-wave-image-v51) !important; background-repeat: repeat-x !important; background-position: 0 0 !important; background-size: 1600px 198px !important; animation: slbWaveLayerLeftV51 32s linear infinite !important; will-change: transform !important; }
.slb-ocean::before { top: var(--slb-water-fill-y-v51) !important; z-index: 2 !important; background: linear-gradient(180deg, #d24736 0%, #cf4433 22%, #c94131 62%, #bd3b2f 100%) !important; opacity: 1 !important; }
.slb-rowboat { top: clamp(46px, 3.7vw, 62px) !important; z-index: 10 !important; }
.slb-rowboat__body { filter: drop-shadow(0 14px 16px rgba(0, 0, 0, .36)) !important; }
@media (max-width: 960px) { :root { --slb-wave-y-v51: 74px; --slb-water-fill-y-v51: 178px; } .slb-rowboat { top: 34px !important; } }
:root { --slb-water-fill-y-v52: calc(var(--slb-wave-y-v51) + 190px); --slb-water-opacity-v52: .92; }
.slb-ocean__wave--front { z-index: 18 !important; }
.slb-ocean__wave--front::before { opacity: var(--slb-water-opacity-v52) !important; }
.slb-ocean::before { top: var(--slb-water-fill-y-v52) !important; z-index: 1 !important; background: linear-gradient(180deg, rgba(207, 68, 51, var(--slb-water-opacity-v52)) 0%, rgba(199, 63, 48, var(--slb-water-opacity-v52)) 45%, rgba(188, 58, 46, var(--slb-water-opacity-v52)) 100%) !important; }
@media (max-width: 960px) { :root { --slb-water-fill-y-v52: calc(var(--slb-wave-y-v51) + 188px); } }
:root { --slb-water-fill-y-v53: calc(var(--slb-wave-y-v51) + 112px); }
.slb-ocean::before { top: var(--slb-water-fill-y-v53) !important; z-index: 12 !important; background: linear-gradient( 180deg, rgba(201, 61, 47, 0) 0%, rgba(201, 61, 47, .18) 9%, rgba(201, 61, 47, .72) 24%, rgba(201, 61, 47, .95) 38%, rgba(197, 59, 46, .97) 64%, rgba(188, 55, 44, .98) 100% ) !important; }
.slb-ocean__wave--front { z-index: 16 !important; }
.slb-ocean__wave--front::before { opacity: .98 !important; }
@media (max-width: 960px) { :root { --slb-water-fill-y-v53: calc(var(--slb-wave-y-v51) + 110px); } }
:root { --slb-water-fill-y-v54: calc(var(--slb-wave-y-v51) + 184px); --slb-water-main-v54: #c84031; --slb-water-deep-v54: #bd392e; }
.slb-ocean::before { top: var(--slb-water-fill-y-v54) !important; z-index: 10 !important; background: linear-gradient( 180deg, var(--slb-water-main-v54) 0%, var(--slb-water-main-v54) 18%, #c23c30 58%, var(--slb-water-deep-v54) 100% ) !important; opacity: 1 !important; }
.slb-ocean__wave--front { z-index: 16 !important; }
.slb-ocean__wave--front::before { opacity: 1 !important; }
.slb-ocean__wave--front::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 148px !important; height: 56px !important; z-index: 2 !important; pointer-events: none !important; background: linear-gradient( 180deg, rgba(200, 64, 49, 0) 0%, rgba(200, 64, 49, .16) 38%, rgba(200, 64, 49, .58) 72%, var(--slb-water-main-v54) 100% ) !important; }
@media (max-width: 960px) { :root { --slb-water-fill-y-v54: calc(var(--slb-wave-y-v51) + 182px); } }
:root { --slb-product-film-v55: rgba(18, 22, 26, 0.28); --slb-product-film-soft-v55: rgba(255, 255, 255, 0.025); --slb-product-hover-v55: #6d8641; --slb-product-text-v55: rgba(245, 239, 229, 0.92); }
.slb-shop-section .Product-module__wrapper,
.slb-shop-section [class*="Product-module__wrapper"],
.slb-shop-section article.product-card,
.slb-shop-section article[class*="product-card"] { background: linear-gradient(180deg, var(--slb-product-film-soft-v55), rgba(0, 0, 0, 0.035)), var(--slb-product-film-v55) !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: hidden !important; transition: background-color .16s ease, background .16s ease, transform .16s ease !important; }
.slb-shop-section .Product-module__wrapper:hover,
.slb-shop-section [class*="Product-module__wrapper"]:hover,
.slb-shop-section article.product-card:hover,
.slb-shop-section article[class*="product-card"]:hover { background: var(--slb-product-hover-v55) !important; background-color: var(--slb-product-hover-v55) !important; border: 0 !important; box-shadow: none !important; }
.slb-shop-section .Product-module__wrapper > div,
.slb-shop-section [class*="Product-module__wrapper"] > div,
.slb-shop-section article.product-card > div,
.slb-shop-section article[class*="product-card"] > div,
.slb-shop-section [class*="Product-module__image"],
.slb-shop-section [class*="Product-module__preview"],
.slb-shop-section [class*="Product-module__picture"] { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; }
.slb-shop-section img.Product-module__img,
.slb-shop-section img[class*="Product-module__img"],
.slb-shop-section article.product-card img,
.slb-shop-section article[class*="product-card"] img { background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; }
/* SLABIY shop blueprint recipe image owner v1: restore native GameStore bpBgModalImg paper. */
.slb-shop-section img.Product-module__img.bpBgModalImg,
.slb-shop-section img[class*="Product-module__img"].bpBgModalImg,
.slb-shop-section article.product-card img.bpBgModalImg,
.slb-shop-section article[class*="product-card"] img.bpBgModalImg { background-image: url("https://cdn.gamestores.app/img/games/rust/blueprintbase.png") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; }
.slb-shop-section .Product-module__name,
.slb-shop-section [class*="Product-module__name"],
.slb-shop-section article.product-card [class*="name"],
.slb-shop-section article[class*="product-card"] [class*="name"] { background: transparent !important; background-color: transparent !important; color: var(--slb-product-text-v55) !important; text-shadow: 0 1px 3px rgba(0, 0, 0, .75) !important; border: 0 !important; box-shadow: none !important; }
.slb-shop-section .Product-module__wrapper:hover .Product-module__name,
.slb-shop-section [class*="Product-module__wrapper"]:hover [class*="Product-module__name"],
.slb-shop-section article.product-card:hover [class*="name"],
.slb-shop-section article[class*="product-card"]:hover [class*="name"] { color: #fff !important; }
:root { --slb-category-bg-v56: rgba(34, 34, 34, 0.62); --slb-category-hover-v56: rgba(48, 48, 48, 0.78); --slb-category-active-v56: #6d8641; --slb-category-border-v56: rgba(51, 51, 51, 0.95); --slb-category-text-v56: rgba(245, 239, 229, 0.78); --slb-category-icon-all: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,4h6v6H4V4Zm10,0h6v6h-6V4ZM4,14h6v6H4v-6Zm10,0h6v6h-6v-6Z'/%3E%3C/svg%3E"); --slb-category-icon-weapon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3,14l11-7l2,2l-3,2l5,5l-2,2l-5-5l-3,2l-1,3H5l1-2l-3-2Z'/%3E%3C/svg%3E"); --slb-category-icon-resources: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5,8l7-4l7,4v8l-7,4l-7-4V8Zm2,1.2v5.6l5,2.8v-5.6L7,9.2Zm10,0l-5,2.8v5.6l5-2.8V9.2Z'/%3E%3C/svg%3E"); --slb-category-icon-ammo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6,4h3l1,3v12H5V7l1-3Zm9,2h3l1,3v10h-5V9l1-3Z'/%3E%3C/svg%3E"); --slb-category-icon-clothing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8,4l4,2l4-2l4,3l-2,5l-2-1v9H8v-9l-2,1l-2-5l4-3Z'/%3E%3C/svg%3E"); --slb-category-icon-build: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,19h16v2H4v-2Zm2-8h5v6H6v-6Zm7-4h5v10h-5V7ZM5,5h6v4H5V5Z'/%3E%3C/svg%3E"); --slb-category-icon-tools: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18,3l3,3l-5,5l-2-2l-7,11l-4,1l1-4l11-7l-2-2l5-5Z'/%3E%3C/svg%3E"); --slb-category-icon-meds: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10,4h4v6h6v4h-6v6h-4v-6H4v-4h6V4Z'/%3E%3C/svg%3E"); --slb-category-icon-food: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6,4h2v6h1V4h2v6h1V4h2v7c0,2-1,3-3,3v6H8v-6c-2,0-3-1-3-3V4h1Zm12,0h2v16h-3v-6h-2V8c0-2,1-4,3-4Z'/%3E%3C/svg%3E"); --slb-category-icon-misc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6,10a2,2,0,1,1,0,4a2,2,0,0,1,0-4Zm6,0a2,2,0,1,1,0,4a2,2,0,0,1,0-4Zm6,0a2,2,0,1,1,0,4a2,2,0,0,1,0-4Z'/%3E%3C/svg%3E"); --slb-category-icon-electricity: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13,2L4,14h7l-1,8l10-13h-7l0-7Z'/%3E%3C/svg%3E"); --slb-category-icon-components: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12,3l2,3l4-1l1,3l-3,2v4l3,2l-1,3l-4-1l-2,3l-2-3l-4,1l-1-3l3-2v-4L5,8l1-3l4,1l2-3Zm0,7a2,2,0,1,0,0,4a2,2,0,0,0,0-4Z'/%3E%3C/svg%3E"); --slb-category-icon-holidays: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,10h16v10H4V10Zm2-5c2-2,5,0,6,3c1-3,4-5,6-3c2,2,0,5-4,5h-4C6,10,4,7,6,5Z'/%3E%3C/svg%3E"); --slb-category-icon-farming: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20,4c-7,0-12,4-12,10c0,2,1,4,3,5c1-5,4-8,8-10c-3,3-5,6-6,11c6-1,9-6,7-16Z'/%3E%3C/svg%3E"); --slb-category-icon-cars: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5,10l2-5h10l2,5l2,2v6h-3a2,2,0,0,1-4,0H10a2,2,0,0,1-4,0H3v-6l2-2Zm3-3l-1,3h10l-1-3H8Z'/%3E%3C/svg%3E"); --slb-category-icon-dlc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,5h10l6,6l-9,9l-7-7V5Zm4,3a2,2,0,1,0,0,4a2,2,0,0,0,0-4Z'/%3E%3C/svg%3E"); }
:root { --slb-category-icon-all: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3,4h7v7H3V4Zm11,0h7v7h-7V4ZM3,14h7v7H3v-7Zm11,0h7v7h-7v-7Z'/%3E%3C/svg%3E"); --slb-category-icon-weapon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3,13h7l2-3h8l1,3h-3l-1,2h-4l-1,4H9l1-4H4l-1-2Zm12-6h4v2h-5l1-2Z'/%3E%3C/svg%3E"); --slb-category-icon-resources: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5,7l7-4l7,4v10l-7,4l-7-4V7Zm3,2v6l4,2.2V11L8,9Zm8,0l-4,2v6.2l4-2.2V9Z'/%3E%3C/svg%3E"); --slb-category-icon-ammo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7,3h4l1,4v14H6V7l1-4Zm8,2h3l1,3v13h-5V8l1-3Z'/%3E%3C/svg%3E"); --slb-category-icon-clothing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8,3l4,2l4-2l4,4l-2,5l-2-1v10H8V11l-2,1l-2-5l4-4Zm2,2l2,1l2-1l-2,3l-2-3Z'/%3E%3C/svg%3E"); --slb-category-icon-build: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,18h16v3H4v-3Zm1-5h6v4H5v-4Zm8,0h6v4h-6v-4ZM5,8h6v4H5V8Zm8,0h6v4h-6V8ZM4,4h16v3H4V4Z'/%3E%3C/svg%3E"); --slb-category-icon-tools: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5,20l7-7l-2-2l-7,7l2,2Zm9-9l5-5l-2-2l-5,5l2,2Zm-2,2l2-2l5,5l-2,2l-5-5Zm-4-7l2-2l9,9l-2,2l-9-9Z'/%3E%3C/svg%3E"); --slb-category-icon-meds: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7,4h10a4,4,0,0,1,0,8H7A4,4,0,0,1,7,4Zm0,10h10a4,4,0,0,1,0,8H7a4,4,0,0,1,0-8Zm4,2v2H9v2H7v-2H5v-2h2v-2h2v2h2Z'/%3E%3C/svg%3E"); --slb-category-icon-food: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13,5c1-2,3-3,5-3c0,3-2,5-5,5h-1c-3,0-6,2-6,6c0,5,4,8,6,8s6-3,6-8c0-3-2-5-5-5c-1,0-2,1-3,1c0-2,1-3,3-4Z'/%3E%3C/svg%3E"); --slb-category-icon-misc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5,6h14v12H5V6Zm2-3h10v3H7V3Zm3,6h4v2h-4V9Zm-2,4h8v2H8v-2Z'/%3E%3C/svg%3E"); --slb-category-icon-electricity: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14,2L4,14h7l-2,8l11-13h-7l1-7Z'/%3E%3C/svg%3E"); --slb-category-icon-components: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11,2h2l1,3l3-1l2,2l-1,3l3,1v3l-3,1l1,3l-2,2l-3-1l-1,3h-2l-1-3l-3,1l-2-2l1-3l-3-1v-3l3-1l-1-3l2-2l3,1l1-3Zm1,7a3,3,0,1,0,0,6a3,3,0,0,0,0-6Z'/%3E%3C/svg%3E"); --slb-category-icon-holidays: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,10h16v11H4V10Zm1-4c2-3,5-1,7,2c2-3,5-5,7-2c1,2,0,4-4,4h-6C5,10,4,8,5,6Z'/%3E%3C/svg%3E"); --slb-category-icon-farming: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11,21V11C7,11,4,8,4,4c4,0,7,3,7,7c1-4,4-7,9-7c0,5-4,9-9,9v8h-2Z'/%3E%3C/svg%3E"); --slb-category-icon-cars: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,11l2-5h12l2,5l2,2v5h-4a2,2,0,0,1-4,0H10a2,2,0,0,1-4,0H2v-5l2-2Zm4-3l-1,3h10l-1-3H8Z'/%3E%3C/svg%3E"); --slb-category-icon-dlc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,5h10l6,6l-9,9l-7-7V5Zm4,3a2,2,0,1,0,0,4a2,2,0,0,0,0-4Zm7,6l1,2l2,1l-2,1l-1,2l-1-2l-2-1l2-1l1-2Z'/%3E%3C/svg%3E"); }
:root {
  --slb-category-icon-weapon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3,11h10l2-3h6v4h-4l-1,2h-4l-1,5H7l1-5H4l-1-3Zm11,4h2l.5-1H14v1Z'/%3E%3C/svg%3E");
  --slb-category-icon-resources: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,5h16v4H4V5Zm2,1v2h3V6H6Zm-1,6h15v4H5v-4Zm3,1v2h3v-2H8Zm-4,6h16v3H4v-3Z'/%3E%3C/svg%3E");
  --slb-category-icon-tools: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4,20l7-7l-2-2l-7,7l2,2Zm9-9l5-5l3,3l-5,5l-3-3ZM9,5l2-2l10,10l-2,2L9,5Z'/%3E%3C/svg%3E");
  --slb-category-icon-food: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13,6c1-2,3-3,5-3c0,3-2,5-5,5h-1c-3.6,0-6,2.6-6,6.2C6,18.8,9.1,22,12,22s6-3.2,6-7.8C18,10.6,15.8,8,13,8c-1,0-1.7,.4-2.4,.8C10.7,7.5,11.5,6.5,13,6Zm-2-3c1.4,.5,2.4,1.5,3,3l-2,1C11.5,5.5,10.5,4.7,9,4.3L11,3Z'/%3E%3C/svg%3E");
  --slb-category-icon-farming: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11,22v-7C7,15,4,12,4,7c4,0,7,3,7,7c1-5,4-9,9-9c0,6-4,10-9,10v7h-2Zm-6-2h14v2H5v-2Z'/%3E%3C/svg%3E");
}
.slb-shop-section .Categories-module__categories,
.slb-shop-section [class*="Categories-module__categories"] { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; width: 100% !important; max-width: 100% !important; margin: 0 0 12px !important; padding: 0 !important; overflow: visible !important; }
.slb-shop-section .Categories-module__category,
.slb-shop-section [class*="Categories-module__category"] { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; width: auto !important; min-width: 118px !important; max-width: none !important; min-height: 46px !important; height: 46px !important; max-height: none !important; margin: 0 !important; padding: 0 14px !important; gap: 9px !important; background: linear-gradient(to top, rgba(34, 34, 34, 0.60), rgba(34, 34, 34, 0.46)), var(--slb-category-bg-v56) !important; background-color: var(--slb-category-bg-v56) !important; color: var(--slb-category-text-v56) !important; border: 0 !important; border-bottom: 2px solid var(--slb-category-border-v56) !important; box-shadow: none !important; font-family: var(--slb-font-main, "Roboto Condensed", "Arial Narrow", Arial, sans-serif) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; transition: background .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease !important; }
.slb-shop-section .slb-shop-category-iconized,
.slb-shop-section [data-slb-category-icon] { --slb-category-icon-mask: var(--slb-category-icon-all); }
.slb-shop-section .slb-shop-category-iconized::before,
.slb-shop-section [data-slb-category-icon]::before { content: "" !important; display: block !important; flex: 0 0 19px !important; width: 19px !important; height: 19px !important; margin-left: -1px !important; background-color: currentColor !important; opacity: .98 !important; -webkit-mask-image: var(--slb-category-icon-mask) !important; mask-image: var(--slb-category-icon-mask) !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: contain !important; mask-size: contain !important; pointer-events: none !important; transition: opacity .16s ease !important; }
.slb-shop-section .slb-shop-category-iconized:hover::before,
.slb-shop-section .slb-shop-category-iconized:focus::before,
.slb-shop-section [data-slb-category-icon]:hover::before,
.slb-shop-section [data-slb-category-icon]:focus::before { opacity: 1 !important; }
.slb-shop-section [data-slb-category-icon="all"],
.slb-shop-section [data-slb-category-icon="dlc"] { min-width: 112px !important; }
.slb-shop-section [data-slb-category-icon="weapon"],
.slb-shop-section [data-slb-category-icon="resources"],
.slb-shop-section [data-slb-category-icon="food"],
.slb-shop-section [data-slb-category-icon="misc"],
.slb-shop-section [data-slb-category-icon="cars"] { min-width: 128px !important; }
.slb-shop-section [data-slb-category-icon="ammo"],
.slb-shop-section [data-slb-category-icon="clothing"],
.slb-shop-section [data-slb-category-icon="holidays"],
.slb-shop-section [data-slb-category-icon="farming"] { min-width: 146px !important; }
.slb-shop-section [data-slb-category-icon="build"],
.slb-shop-section [data-slb-category-icon="tools"],
.slb-shop-section [data-slb-category-icon="meds"],
.slb-shop-section [data-slb-category-icon="components"] { min-width: 158px !important; }
.slb-shop-section [data-slb-category-icon="electricity"] { min-width: 176px !important; }
@media (max-width: 900px) {
  .slb-shop-section .Categories-module__categories,
  .slb-shop-section [class*="Categories-module__categories"] { gap: 5px !important; }
  .slb-shop-section .slb-shop-category-iconized,
  .slb-shop-section [data-slb-category-icon] { flex: 1 1 calc(50% - 5px) !important; min-width: 0 !important; max-width: none !important; height: 44px !important; min-height: 44px !important; padding: 0 10px !important; gap: 8px !important; font-size: 13px !important; }
  .slb-shop-section .slb-shop-category-iconized::before,
  .slb-shop-section [data-slb-category-icon]::before { flex-basis: 17px !important; width: 17px !important; height: 17px !important; }
}
.slb-shop-section [data-slb-category-icon="weapon"] { --slb-category-icon-mask: var(--slb-category-icon-weapon); }
.slb-shop-section [data-slb-category-icon="resources"] { --slb-category-icon-mask: var(--slb-category-icon-resources); }
.slb-shop-section [data-slb-category-icon="ammo"] { --slb-category-icon-mask: var(--slb-category-icon-ammo); }
.slb-shop-section [data-slb-category-icon="clothing"] { --slb-category-icon-mask: var(--slb-category-icon-clothing); }
.slb-shop-section [data-slb-category-icon="build"] { --slb-category-icon-mask: var(--slb-category-icon-build); }
.slb-shop-section [data-slb-category-icon="tools"] { --slb-category-icon-mask: var(--slb-category-icon-tools); }
.slb-shop-section [data-slb-category-icon="meds"] { --slb-category-icon-mask: var(--slb-category-icon-meds); }
.slb-shop-section [data-slb-category-icon="food"] { --slb-category-icon-mask: var(--slb-category-icon-food); }
.slb-shop-section [data-slb-category-icon="misc"] { --slb-category-icon-mask: var(--slb-category-icon-misc); }
.slb-shop-section [data-slb-category-icon="electricity"] { --slb-category-icon-mask: var(--slb-category-icon-electricity); }
.slb-shop-section [data-slb-category-icon="components"] { --slb-category-icon-mask: var(--slb-category-icon-components); }
.slb-shop-section [data-slb-category-icon="holidays"] { --slb-category-icon-mask: var(--slb-category-icon-holidays); }
.slb-shop-section [data-slb-category-icon="farming"] { --slb-category-icon-mask: var(--slb-category-icon-farming); }
.slb-shop-section [data-slb-category-icon="cars"] { --slb-category-icon-mask: var(--slb-category-icon-cars); }
.slb-shop-section [data-slb-category-icon="dlc"] { --slb-category-icon-mask: var(--slb-category-icon-dlc); }
.slb-shop-section .Categories-module__category:hover,
.slb-shop-section .Categories-module__category:focus,
.slb-shop-section [class*="Categories-module__category"]:hover,
.slb-shop-section [class*="Categories-module__category"]:focus { background: linear-gradient(to top, rgba(54, 54, 54, 0.74), rgba(44, 44, 44, 0.64)), var(--slb-category-hover-v56) !important; background-color: var(--slb-category-hover-v56) !important; color: #fff !important; border-bottom-color: rgba(68, 68, 68, 0.98) !important; }
.slb-shop-section .Categories-module__category.active,
.slb-shop-section .Categories-module__category[class*="active"],
.slb-shop-section .Categories-module__category[aria-current="true"],
.slb-shop-section .Categories-module__category[aria-selected="true"],
.slb-shop-section .Categories-module__category[data-active="true"],
.slb-shop-section .Categories-module__category[disabled],
.slb-shop-section [class*="Categories-module__category"].active,
.slb-shop-section [class*="Categories-module__category"][class*="active"],
.slb-shop-section [class*="Categories-module__category"][aria-current="true"],
.slb-shop-section [class*="Categories-module__category"][aria-selected="true"],
.slb-shop-section [class*="Categories-module__category"][data-active="true"],
.slb-shop-section [class*="Categories-module__category"][disabled] { background: var(--slb-category-active-v56) !important; background-color: var(--slb-category-active-v56) !important; color: #fff !important; border-bottom-color: #5f7737 !important; box-shadow: none !important; }
.slb-shop-section .Categories-module__category.active:hover,
.slb-shop-section .Categories-module__category[class*="active"]:hover,
.slb-shop-section .Categories-module__category[aria-current="true"]:hover,
.slb-shop-section .Categories-module__category[aria-selected="true"]:hover,
.slb-shop-section .Categories-module__category[data-active="true"]:hover,
.slb-shop-section .Categories-module__category[disabled]:hover,
.slb-shop-section [class*="Categories-module__category"].active:hover,
.slb-shop-section [class*="Categories-module__category"][class*="active"]:hover,
.slb-shop-section [class*="Categories-module__category"][aria-current="true"]:hover,
.slb-shop-section [class*="Categories-module__category"][aria-selected="true"]:hover,
.slb-shop-section [class*="Categories-module__category"][data-active="true"]:hover,
.slb-shop-section [class*="Categories-module__category"][disabled]:hover { background: var(--slb-category-active-v56) !important; background-color: var(--slb-category-active-v56) !important; color: #fff !important; }
:root { --slb-product-hover-v55: #5d7238; --slb-category-active-v56: #5d7238; --slb-green-active-v57: #5d7238; }
.slb-shop-section .Categories-module__category:active,
.slb-shop-section [class*="Categories-module__category"]:active,
.slb-shop-section .Categories-module__category.active,
.slb-shop-section .Categories-module__category[class*="active"],
.slb-shop-section .Categories-module__category[aria-current="true"],
.slb-shop-section .Categories-module__category[aria-selected="true"],
.slb-shop-section .Categories-module__category[data-active="true"],
.slb-shop-section .Categories-module__category[disabled],
.slb-shop-section [class*="Categories-module__category"].active,
.slb-shop-section [class*="Categories-module__category"][class*="active"],
.slb-shop-section [class*="Categories-module__category"][aria-current="true"],
.slb-shop-section [class*="Categories-module__category"][aria-selected="true"],
.slb-shop-section [class*="Categories-module__category"][data-active="true"],
.slb-shop-section [class*="Categories-module__category"][disabled] { background: var(--slb-green-active-v57) !important; background-color: var(--slb-green-active-v57) !important; border-bottom-color: #506331 !important; color: #fff !important; }
.slb-shop-section .Product-module__wrapper:hover,
.slb-shop-section [class*="Product-module__wrapper"]:hover,
.slb-shop-section article.product-card:hover,
.slb-shop-section article[class*="product-card"]:hover { background: var(--slb-green-active-v57) !important; background-color: var(--slb-green-active-v57) !important; }
:root { --slb-modal-bg-v61: rgba(18, 22, 24, 0.96); --slb-modal-body-v61: rgba(24, 28, 30, 0.82); --slb-modal-line-v61: rgba(255, 255, 255, 0.08); --slb-modal-text-v61: rgba(245, 239, 229, 0.92); --slb-modal-green-v61: #5d7238; --slb-modal-red-v61: #b23825; }
.ModalLayout-module__wrapper,
[class*="ModalLayout-module__wrapper"] { background: rgba(0, 0, 0, 0.48) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; }
.ModalLayout-module__modal,
[class*="ModalLayout-module__modal"] { overflow: hidden !important; border: 1px solid var(--slb-modal-line-v61) !important; border-radius: 0 !important; background: var(--slb-modal-bg-v61) !important; color: var(--slb-modal-text-v61) !important; box-shadow: 0 26px 80px rgba(0, 0, 0, 0.54) !important; transform: none !important; }
.ModalLayout-module__modal .boxHeader,
[class*="ModalLayout-module__modal"] .boxHeader { padding: 13px 16px !important; border: 0 !important; border-bottom: 1px solid var(--slb-modal-line-v61) !important; border-radius: 0 !important; background: rgba(10, 12, 13, 0.58) !important; color: var(--slb-modal-text-v61) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 18px !important; font-weight: 800 !important; text-transform: uppercase !important; }
.ModalLayout-module__modal .boxBody,
[class*="ModalLayout-module__modal"] .boxBody { border: 0 !important; border-radius: 0 !important; background: radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.055), transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.18)), var(--slb-modal-body-v61) !important; color: var(--slb-modal-text-v61) !important; }
.ModalLayout-module__modal .boxFooter,
[class*="ModalLayout-module__modal"] .boxFooter { border: 0 !important; border-top: 1px solid var(--slb-modal-line-v61) !important; border-radius: 0 !important; background: rgba(10, 12, 13, 0.52) !important; }
.ModalLayout-module__modal .boxBody img,
[class*="ModalLayout-module__modal"] .boxBody img { display: block !important; max-width: 94% !important; max-height: 300px !important; margin: 6px auto 22px !important; object-fit: contain !important; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: drop-shadow(0 22px 26px rgba(0, 0, 0, 0.42)) !important; }
.TotalSum-module__inputWrapper,
.CountSelector-module__inputWrapper,
[class*="TotalSum-module__inputWrapper"],
[class*="CountSelector-module__inputWrapper"] { min-height: 42px !important; border: 1px solid rgba(255, 255, 255, 0.075) !important; border-radius: 0 !important; background: rgba(0, 0, 0, 0.30) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important; }
.CountSelector-module__changeCountBtn,
[class*="CountSelector-module__changeCountBtn"] { border: 0 !important; border-radius: 0 !important; background: rgba(255, 255, 255, 0.07) !important; color: var(--slb-modal-text-v61) !important; box-shadow: none !important; }
.CountSelector-module__changeCountBtn:hover,
[class*="CountSelector-module__changeCountBtn"]:hover { background: var(--slb-modal-green-v61) !important; color: #fff !important; }
.ModalLayout-module__modal .Button-module__btn,
[class*="ModalLayout-module__modal"] .Button-module__btn { min-height: 42px !important; border: 0 !important; border-radius: 0 !important; background: rgba(255, 255, 255, 0.075) !important; color: var(--slb-modal-text-v61) !important; box-shadow: none !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 16px !important; font-weight: 800 !important; transform: none !important; }
.ModalLayout-module__modal .Button-module__btn:not(.Button-module__gray),
[class*="ModalLayout-module__modal"] .Button-module__btn:not(.Button-module__gray) { background: var(--slb-modal-red-v61) !important; color: #fff !important; }
.ModalLayout-module__modal .Button-module__btn:hover,
[class*="ModalLayout-module__modal"] .Button-module__btn:hover { background: var(--slb-modal-green-v61) !important; color: #fff !important; transform: none !important; box-shadow: none !important; }
:root { --slb-toast-bg-v62: rgba(18, 22, 24, 0.94); --slb-toast-line-v62: rgba(255, 255, 255, 0.08); --slb-toast-text-v62: rgba(245, 239, 229, 0.92); --slb-toast-muted-v62: rgba(245, 239, 229, 0.70); --slb-toast-red-v62: #b23825; }
.Toast-module__toast,
[class*="Toast-module__toast"],
[class*="Toast"] [class*="toast"],
[class*="toast"],
[class*="Notify"],
[class*="notify"],
[class*="Notification"],
[class*="notification"] { border: 1px solid var(--slb-toast-line-v62) !important; border-left: 4px solid var(--slb-toast-red-v62) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.08)), var(--slb-toast-bg-v62) !important; color: var(--slb-toast-text-v62) !important; box-shadow: 0 14px 42px rgba(0, 0, 0, 0.42) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; }
.Toast-module__toast *,
[class*="Toast-module__toast"] *,
[class*="Toast"] [class*="toast"] *,
[class*="toast"] *,
[class*="Notify"] *,
[class*="notify"] *,
[class*="Notification"] *,
[class*="notification"] * { color: inherit !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; }
.Toast-module__toast svg,
[class*="Toast-module__toast"] svg,
[class*="toast"] svg,
[class*="Notify"] svg,
[class*="notify"] svg,
[class*="Notification"] svg,
[class*="notification"] svg { color: #fff !important; fill: currentColor !important; }
.Toast-module__toast [class*="icon"],
.Toast-module__toast [class*="Icon"],
[class*="Toast-module__toast"] [class*="icon"],
[class*="Toast-module__toast"] [class*="Icon"],
[class*="toast"] [class*="icon"],
[class*="toast"] [class*="Icon"],
[class*="Notify"] [class*="icon"],
[class*="notify"] [class*="icon"],
[class*="Notification"] [class*="icon"],
[class*="notification"] [class*="icon"] { background: var(--slb-toast-red-v62) !important; color: #fff !important; border-radius: 50% !important; box-shadow: none !important; }
.Toast-module__toast [class*="title"],
.Toast-module__toast [class*="Title"],
[class*="Toast-module__toast"] [class*="title"],
[class*="Toast-module__toast"] [class*="Title"],
[class*="toast"] [class*="title"],
[class*="toast"] [class*="Title"],
[class*="Notify"] [class*="title"],
[class*="notify"] [class*="title"],
[class*="Notification"] [class*="title"],
[class*="notification"] [class*="title"] { color: #ff6a55 !important; font-weight: 900 !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; }
.Toast-module__toast [class*="message"],
.Toast-module__toast [class*="Message"],
[class*="Toast-module__toast"] [class*="message"],
[class*="Toast-module__toast"] [class*="Message"],
[class*="toast"] [class*="message"],
[class*="toast"] [class*="Message"],
[class*="Notify"] [class*="message"],
[class*="notify"] [class*="message"],
[class*="Notification"] [class*="message"],
[class*="notification"] [class*="message"] { color: var(--slb-toast-muted-v62) !important; font-weight: 500 !important; }
:root { --slb-product-modal-bg-v63: rgba(18, 22, 24, 0.96); --slb-product-modal-body-v63: rgba(24, 28, 30, 0.84); --slb-product-modal-line-v63: rgba(245, 239, 229, 0.10); --slb-product-modal-text-v63: #f5efe5c7; --slb-product-modal-green-v63: #5d7238; }
.slb-product-modal-wrapper { position: fixed !important; inset: 0 !important; z-index: 2147483400 !important; display: grid !important; align-items: center !important; justify-items: center !important; place-items: center !important; width: auto !important; height: auto !important; min-height: 100dvh !important; padding: 18px !important; overflow: hidden !important; pointer-events: auto !important; background: rgba(0, 0, 0, 0.56) !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; }
.slb-product-modal-wrapper .slb-product-modal { position: fixed !important; inset: auto !important; top: 50dvh !important; right: auto !important; bottom: auto !important; left: 50vw !important; width: min(420px, calc(100vw - 36px)) !important; max-width: calc(100vw - 36px) !important; max-height: calc(100dvh - 36px) !important; margin: 0 auto !important; overflow: hidden !important; pointer-events: auto !important; transform: translate(-50%, -50%) !important; border: 1px solid var(--slb-product-modal-line-v63) !important; border-radius: 0 !important; background: var(--slb-product-modal-bg-v63) !important; color: var(--slb-product-modal-text-v63) !important; box-shadow: 0 26px 80px rgba(0, 0, 0, 0.54) !important; }
.slb-product-modal .boxHeader,
.slb-product-modal .boxBody,
.slb-product-modal .boxFooter { border-radius: 0 !important; color: var(--slb-product-modal-text-v63) !important; }
.slb-product-modal .boxHeader { border-bottom: 1px solid var(--slb-product-modal-line-v63) !important; background: rgba(10, 12, 13, 0.58) !important; }
.slb-product-modal .boxBody { background: radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.055), transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.18)), var(--slb-product-modal-body-v63) !important; }
.slb-product-modal .boxBody *:not(button):not(a):not(input):not(textarea):not(select):not(svg):not(path) { color: var(--slb-product-modal-text-v63) !important; }
.slb-product-modal .boxFooter { border-top: 1px solid var(--slb-product-modal-line-v63) !important; background: rgba(10, 12, 13, 0.52) !important; }
.slb-product-modal .boxBody img { max-width: 94% !important; max-height: min(42vh, 300px) !important; margin: 6px auto 22px !important; object-fit: contain !important; }
.slb-product-modal .boxBody img.bpBgModalImg { background-image: url("https://cdn.gamestores.app/img/games/rust/blueprintbase.png") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; }
/* SLABIY product modal bundle compact grid v4: visual-only layout for set contents. */
.slb-product-modal-wrapper .slb-product-modal.slb-product-modal--bundle,
.slb-product-modal-wrapper .slb-product-modal[class*="ProductModal-module__set"] { width: min(720px, calc(100vw - 36px)) !important; max-width: calc(100vw - 36px) !important; }
.slb-product-modal.slb-product-modal--bundle .boxBody,
.slb-product-modal[class*="ProductModal-module__set"] .boxBody { max-height: calc(100dvh - 132px) !important; overflow-y: auto !important; padding: 14px !important; }
.slb-product-modal .slb-product-modal-bundle-grid,
.slb-product-modal .KitContent-module__containsItems,
.slb-product-modal [class~="KitContent-module__containsItems"] { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)) !important; gap: 8px !important; align-items: stretch !important; width: 100% !important; max-height: min(56vh, 520px) !important; margin: 0 0 12px !important; padding: 0 2px 2px !important; overflow-y: auto !important; }
.slb-product-modal .slb-product-modal-bundle-grid > *,
.slb-product-modal .KitContent-module__containsItems > *,
.slb-product-modal [class~="KitContent-module__containsItems"] > * { min-width: 0 !important; }
.slb-product-modal .slb-product-modal-bundle-grid > :not(.slb-product-modal-bundle-item):not(.KitContent-module__containsItem):not([class~="KitContent-module__containsItem"]) { grid-column: 1 / -1 !important; }
.slb-product-modal .slb-product-modal-bundle-control { grid-column: 1 / -1 !important; }
.slb-product-modal .slb-product-modal-bundle-item,
.slb-product-modal .slb-product-modal-bundle-grid .ProductModal-module__item,
.slb-product-modal .slb-product-modal-bundle-grid [class*="ProductModal-module__item"],
.slb-product-modal .KitContent-module__containsItem,
.slb-product-modal [class~="KitContent-module__containsItem"] { position: relative !important; display: grid !important; grid-template-rows: auto minmax(104px, 1fr) auto !important; align-items: stretch !important; min-width: 0 !important; min-height: 168px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid rgba(245, 239, 229, 0.07) !important; background: rgba(20, 22, 22, 0.78) !important; box-shadow: none !important; }
.slb-product-modal .slb-product-modal-bundle-item > *:not(img),
.slb-product-modal .slb-product-modal-bundle-grid .ProductModal-module__item > *:not(img),
.slb-product-modal .slb-product-modal-bundle-grid [class*="ProductModal-module__item"] > *:not(img),
.slb-product-modal .KitContent-module__containsItem > *:not(img),
.slb-product-modal [class~="KitContent-module__containsItem"] > *:not(img) { min-width: 0 !important; max-width: 100% !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.1 !important; text-shadow: none !important; }
.slb-product-modal .slb-product-modal-bundle-item > *:first-child:not(img),
.slb-product-modal .slb-product-modal-bundle-grid .ProductModal-module__item > *:first-child:not(img),
.slb-product-modal .slb-product-modal-bundle-grid [class*="ProductModal-module__item"] > *:first-child:not(img),
.slb-product-modal .KitContent-module__containsItem > *:first-child:not(img),
.slb-product-modal [class~="KitContent-module__containsItem"] > *:first-child:not(img) { display: block !important; min-height: 24px !important; padding: 7px 8px 5px !important; overflow: hidden !important; background: rgba(10, 12, 13, 0.72) !important; color: rgba(245, 239, 229, 0.86) !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.slb-product-modal .KitContent-module__containsItem > .KitContent-module__itemImg:not(img),
.slb-product-modal [class~="KitContent-module__containsItem"] > [class~="KitContent-module__itemImg"]:not(img) { display: grid !important; align-self: stretch !important; justify-self: stretch !important; place-items: center !important; width: 100% !important; min-width: 0 !important; height: 116px !important; min-height: 104px !important; margin: 0 !important; padding: 13px 12px !important; box-sizing: border-box !important; }
.slb-product-modal .slb-product-modal-bundle-item img,
.slb-product-modal .slb-product-modal-bundle-grid .ProductModal-module__item img,
.slb-product-modal .slb-product-modal-bundle-grid [class*="ProductModal-module__item"] img,
.slb-product-modal .KitContent-module__containsItem img,
.slb-product-modal [class~="KitContent-module__containsItem"] img { display: block !important; align-self: center !important; justify-self: center !important; width: auto !important; max-width: calc(100% - 24px) !important; height: auto !important; max-height: 116px !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; filter: none !important; transform: none !important; }
.slb-product-modal .KitContent-module__containsItem > img.KitContent-module__itemImg,
.slb-product-modal [class~="KitContent-module__containsItem"] > img[class~="KitContent-module__itemImg"],
.slb-product-modal .KitContent-module__containsItem > .KitContent-module__itemImg:not(img),
.slb-product-modal [class~="KitContent-module__containsItem"] > [class~="KitContent-module__itemImg"]:not(img) { position: absolute !important; top: 50% !important; left: 50% !important; z-index: 1 !important; transform: translate(-50%, -50%) !important; }
.slb-product-modal .KitContent-module__containsItem > img.KitContent-module__itemImg,
.slb-product-modal [class~="KitContent-module__containsItem"] > img[class~="KitContent-module__itemImg"] { right: auto !important; bottom: auto !important; }
.slb-product-modal .slb-product-modal-bundle-item > *:last-child:not(img),
.slb-product-modal .slb-product-modal-bundle-grid .ProductModal-module__item > *:last-child:not(img),
.slb-product-modal .slb-product-modal-bundle-grid [class*="ProductModal-module__item"] > *:last-child:not(img),
.slb-product-modal .KitContent-module__containsItem > *:last-child:not(img),
.slb-product-modal [class~="KitContent-module__containsItem"] > *:last-child:not(img) { align-self: end !important; justify-self: start !important; width: max-content !important; max-width: calc(100% - 12px) !important; margin: 0 0 6px 6px !important; padding: 3px 6px !important; overflow: hidden !important; background: rgba(10, 12, 13, 0.74) !important; color: rgba(245, 239, 229, 0.82) !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
@media (max-width: 620px) { .slb-product-modal-wrapper .slb-product-modal.slb-product-modal--bundle, .slb-product-modal-wrapper .slb-product-modal[class*="ProductModal-module__set"] { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; } .slb-product-modal .slb-product-modal-bundle-grid, .slb-product-modal .KitContent-module__containsItems, .slb-product-modal [class~="KitContent-module__containsItems"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-height: min(58vh, 500px) !important; gap: 7px !important; } .slb-product-modal .slb-product-modal-bundle-item, .slb-product-modal .slb-product-modal-bundle-grid .ProductModal-module__item, .slb-product-modal .slb-product-modal-bundle-grid [class*="ProductModal-module__item"], .slb-product-modal .KitContent-module__containsItem, .slb-product-modal [class~="KitContent-module__containsItem"] { min-height: 148px !important; } .slb-product-modal .KitContent-module__containsItem > .KitContent-module__itemImg:not(img), .slb-product-modal [class~="KitContent-module__containsItem"] > [class~="KitContent-module__itemImg"]:not(img) { height: 96px !important; min-height: 88px !important; padding: 10px !important; } .slb-product-modal .slb-product-modal-bundle-item img, .slb-product-modal .slb-product-modal-bundle-grid .ProductModal-module__item img, .slb-product-modal .slb-product-modal-bundle-grid [class*="ProductModal-module__item"] img, .slb-product-modal .KitContent-module__containsItem img, .slb-product-modal [class~="KitContent-module__containsItem"] img { width: auto !important; max-width: calc(100% - 20px) !important; height: auto !important; max-height: 96px !important; padding: 0 !important; } }
.slb-product-modal [class*="TotalSum-module__inputWrapper"] > :first-child,
.slb-product-modal [class*="TotalSum-module__inputWrapper"] [class*="currency"],
.slb-product-modal [class*="TotalSum-module__inputWrapper"] [class*="Currency"] { border-color: var(--slb-product-modal-green-v63) !important; background: var(--slb-product-modal-green-v63) !important; color: #fff !important; }
.slb-store-command,
.slb-product-modal .boxBody .slb-store-command,
.slb-product-modal .boxBody span.slb-store-command { color: #D8ED4F !important; font-weight: 900 !important; }
.slb-product-modal .Button-module__btn,
.slb-product-modal [class*="Button-module__btn"] { border: 0 !important; border-radius: 0 !important; background: rgba(255, 255, 255, 0.075) !important; color: var(--slb-product-modal-text-v63) !important; box-shadow: none !important; transform: none !important; }
.slb-product-modal .Button-module__btn:not(.Button-module__gray),
.slb-product-modal [class*="Button-module__btn"]:not([class*="Button-module__gray"]) { background: rgba(255, 255, 255, 0.075) !important; color: var(--slb-product-modal-text-v63) !important; }
.slb-product-modal .Button-module__btn:not(:disabled):hover,
.slb-product-modal [class*="Button-module__btn"]:not(:disabled):hover,
.slb-product-modal [class*="CountSelector-module__changeCountBtn"]:not(:disabled):hover { background: var(--slb-product-modal-green-v63) !important; color: #fff !important; transform: none !important; box-shadow: none !important; }
html.slb-product-modal-open .slb-back-to-top,
.slb-back-to-top.is-modal-hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transform: translateY(18px) scale(0.96) !important; }
@media (max-width: 560px) { .slb-product-modal-wrapper { padding: 10px !important; } .slb-product-modal-wrapper .slb-product-modal { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; max-height: calc(100dvh - 20px) !important; } }
.slb-shop-section .Product-module__wrapper,
.slb-shop-section [class*="Product-module__wrapper"],
.slb-shop-section article.product-card,
.slb-shop-section article[class*="product-card"] { contain: layout paint style !important; content-visibility: auto !important; contain-intrinsic-size: 170px 170px !important; isolation: auto !important; filter: none !important; transform: none !important; will-change: auto !important; box-shadow: none !important; transition: background-color .12s ease, background .12s ease !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(0, 0, 0, 0.025)), rgba(18, 22, 26, 0.24) !important; border: 0 !important; }
.slb-shop-section .Product-module__wrapper::before,
.slb-shop-section [class*="Product-module__wrapper"]::before,
.slb-shop-section article.product-card::before,
.slb-shop-section article[class*="product-card"]::before,
.slb-shop-section .Product-module__wrapper::after,
.slb-shop-section [class*="Product-module__wrapper"]::after,
.slb-shop-section article.product-card::after,
.slb-shop-section article[class*="product-card"]::after { content: none !important; display: none !important; background: none !important; opacity: 0 !important; }
.slb-shop-section .Product-module__wrapper:hover,
.slb-shop-section [class*="Product-module__wrapper"]:hover,
.slb-shop-section article.product-card:hover,
.slb-shop-section article[class*="product-card"]:hover { background: #5d7238 !important; background-color: #5d7238 !important; filter: none !important; transform: none !important; box-shadow: none !important; }
.slb-shop-section img.Product-module__img,
.slb-shop-section img[class*="Product-module__img"],
.slb-shop-section article.product-card img,
.slb-shop-section article[class*="product-card"] img { filter: none !important; transform: none !important; will-change: auto !important; transition: none !important; }
.slb-shop-section .Product-module__wrapper:hover img,
.slb-shop-section [class*="Product-module__wrapper"]:hover img,
.slb-shop-section article.product-card:hover img,
.slb-shop-section article[class*="product-card"]:hover img { transform: none !important; filter: none !important; }
.slb-shop-section .Product-module__name,
.slb-shop-section [class*="Product-module__name"],
.slb-shop-section article.product-card [class*="name"],
.slb-shop-section article[class*="product-card"] [class*="name"] { text-shadow: none !important; }
.slb-feature-card[data-slb-link],
.slb-feature-card[data-slb-scroll-shop] { cursor: pointer !important; }
.slb-feature-card[data-slb-link]:focus-visible,
.slb-feature-card[data-slb-scroll-shop]:focus-visible { outline: 2px solid rgba(93, 114, 56, 0.92) !important; outline-offset: 3px !important; }
.slb-feature-card[data-slb-wipe-block] { cursor: pointer !important; }
html.slb-wipe-modal-open,
html.slb-wipe-modal-open body { overflow: hidden !important; }
.slb-wipe-modal { position: fixed !important; inset: 0 !important; z-index: 2147483601 !important; display: none !important; align-items: flex-start !important; justify-content: center !important; padding: clamp(64px, 8vh, 92px) 18px 28px !important; color: rgba(245, 239, 229, 0.92) !important; }
.slb-wipe-modal.is-open { display: flex !important; }
.slb-wipe-modal__backdrop { position: absolute !important; inset: 0 !important; background: rgba(0, 0, 0, 0.68) !important; }
.slb-wipe-modal__panel { position: relative !important; z-index: 1 !important; width: min(1300px, 100%) !important; max-height: calc(100vh - clamp(92px, 12vh, 130px)) !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.10)), rgba(18, 22, 24, 0.96) !important; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.62) !important; }
.slb-wipe-modal__close { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 3 !important; width: 42px !important; height: 42px !important; border: 0 !important; border-radius: 0 !important; background: #b23825 !important; color: #fff !important; font-size: 30px !important; font-weight: 900 !important; line-height: 40px !important; cursor: pointer !important; }
.slb-wipe-modal__close:hover,
.slb-wipe-modal__close:focus-visible { background: #5d7238 !important; outline: none !important; }
.slb-wipe-modal__header { padding: 24px 72px 18px 26px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; background: rgba(0, 0, 0, 0.24) !important; }
.slb-wipe-modal__header span { display: block !important; margin-bottom: 6px !important; color: #d8ed4f !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; }
.slb-wipe-modal__header h2 { margin: 0 !important; color: #fff !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: clamp(34px, 4vw, 58px) !important; font-weight: 900 !important; line-height: 0.95 !important; letter-spacing: 0.035em !important; text-transform: uppercase !important; }
.slb-wipe-modal__header p { max-width: 720px !important; margin: 12px 0 0 !important; color: rgba(245, 239, 229, 0.62) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 16px !important; font-weight: 600 !important; }
.slb-wipe-modal__body { max-height: calc(100vh - 230px) !important; overflow: auto !important; padding: 22px 26px 28px !important; scrollbar-width: thin !important; scrollbar-color: #5d7238 rgba(255, 255, 255, 0.08) !important; }
.slb-wipe-tier + .slb-wipe-tier { margin-top: 26px !important; }
.slb-wipe-tier__head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; margin-bottom: 12px !important; color: rgba(245, 239, 229, 0.82) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; text-transform: uppercase !important; }
.slb-wipe-tier__head strong { font-size: 20px !important; font-weight: 900 !important; letter-spacing: 0.045em !important; }
.slb-wipe-tier__head span { color: rgba(245, 239, 229, 0.48) !important; font-size: 13px !important; font-weight: 800 !important; }
.slb-wipe-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)) !important; gap: 10px !important; }
.slb-wipe-item { position: relative !important; aspect-ratio: 1 / 1 !important; min-width: 0 !important; padding: 8px !important; background: rgba(0, 0, 0, 0.28) !important; border: 1px solid rgba(255, 255, 255, 0.055) !important; overflow: hidden !important; contain: layout paint style !important; }
.slb-wipe-modal.is-open .slb-wipe-item { opacity: 0; transform: translateY(14px); animation: slbWipeItemDominoV1 620ms cubic-bezier(0.16, 0.82, 0.22, 1) both !important; animation-delay: var(--slb-wipe-item-delay, 0ms) !important; backface-visibility: hidden !important; }
@keyframes slbWipeItemDominoV1 { 0% { opacity: 0; transform: translateY(14px); } 58% { opacity: 1; transform: translateY(-2px); } 100% { opacity: 1; transform: none; } }
.slb-wipe-item img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; filter: none !important; }
.slb-wipe-item span { position: absolute !important; top: 5px !important; right: 5px !important; min-width: 30px !important; padding: 2px 5px !important; background: #5d7238 !important; color: #fff !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1.2 !important; text-align: center !important; }
@media (prefers-reduced-motion: reduce) { .slb-wipe-modal.is-open .slb-wipe-item { opacity: 1 !important; transform: none !important; animation: none !important; } }
@media (max-width: 720px) { .slb-wipe-modal { padding: 58px 10px 18px !important; } .slb-wipe-modal__header { padding: 20px 58px 15px 16px !important; } .slb-wipe-modal__body { max-height: calc(100vh - 210px) !important; padding: 16px !important; } .slb-wipe-grid { grid-template-columns: repeat(auto-fill, minmax(58px, 1fr)) !important; gap: 8px !important; } .slb-wipe-tier__head { align-items: flex-start !important; flex-direction: column !important; gap: 4px !important; } }
.slb-wipe-modal { padding-top: clamp(48px, 6vh, 72px) !important; padding-bottom: 18px !important; }
.slb-wipe-modal__panel { max-height: calc(100vh - 72px) !important; }
.slb-wipe-modal__header { padding: 22px 72px 14px 26px !important; }
.slb-wipe-modal__header > span { display: none !important; }
.slb-wipe-modal__header h2 { font-size: clamp(36px, 4.4vw, 64px) !important; }
.slb-wipe-modal__header p { margin-top: 10px !important; max-width: 780px !important; color: rgba(245, 239, 229, 0.70) !important; }
.slb-wipe-modal__body { max-height: calc(100vh - 188px) !important; padding-bottom: 72px !important; }
.slb-wipe-tier:last-child { padding-bottom: 8px !important; }
@media (max-width: 720px) { .slb-wipe-modal { padding-top: 46px !important; padding-bottom: 10px !important; } .slb-wipe-modal__panel { max-height: calc(100vh - 56px) !important; } .slb-wipe-modal__header { padding: 18px 56px 12px 16px !important; } .slb-wipe-modal__body { max-height: calc(100vh - 178px) !important; padding-bottom: 64px !important; } }
@media (min-width: 721px) { .slb-wipe-modal { box-sizing: border-box !important; padding-top: clamp(34px, 4.5dvh, 56px) !important; padding-bottom: 28px !important; } .slb-wipe-modal__panel { max-height: calc(100dvh - 96px) !important; } .slb-wipe-modal__body { max-height: calc(100dvh - 226px) !important; padding-bottom: 34px !important; } }
.slb-feature-card[data-slb-wipe-block] { cursor: pointer !important; border-color: rgba(216, 237, 79, 0.15) !important; background: rgba(20, 28, 18, 0.92) !important; }
.slb-feature-card[data-slb-wipe-block]:focus-visible { outline: 2px solid rgba(93, 114, 56, 0.92) !important; outline-offset: 3px !important; }
.slb-feature-card__bg--wipe { background-image: radial-gradient(circle at 78% 28%, rgba(216, 237, 79, 0.16), transparent 25%), linear-gradient(135deg, rgba(93, 114, 56, 0.58), rgba(29, 84, 122, 0.18) 54%, rgba(15, 17, 16, 0.96)) !important; }
.slb-feature-card[data-slb-wipe-block]::before { content: "" !important; position: absolute !important; right: clamp(18px, 3.4vw, 42px) !important; top: 50% !important; z-index: 1 !important; width: clamp(86px, 10vw, 150px) !important; height: clamp(86px, 10vw, 150px) !important; transform: translateY(-50%) rotate(-8deg) !important; pointer-events: none !important; opacity: .18 !important; background: #d8ed4f !important; -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 28v-7c0-7 5-13 12-13s12 6 12 13v7h3c2.8 0 5 2.2 5 5v18c0 2.8-2.2 5-5 5H17c-2.8 0-5-2.2-5-5V33c0-2.8 2.2-5 5-5h3Zm7 0h10v-7c0-3-2-6-5-6s-5 3-5 6v7Zm5 8c-2.2 0-4 1.8-4 4 0 1.3.6 2.4 1.5 3.1V48h5v-4.9c.9-.7 1.5-1.8 1.5-3.1 0-2.2-1.8-4-4-4Z'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 28v-7c0-7 5-13 12-13s12 6 12 13v7h3c2.8 0 5 2.2 5 5v18c0 2.8-2.2 5-5 5H17c-2.8 0-5-2.2-5-5V33c0-2.8 2.2-5 5-5h3Zm7 0h10v-7c0-3-2-6-5-6s-5 3-5 6v7Zm5 8c-2.2 0-4 1.8-4 4 0 1.3.6 2.4 1.5 3.1V48h5v-4.9c.9-.7 1.5-1.8 1.5-3.1 0-2.2-1.8-4-4-4Z'/%3E%3C/svg%3E") center / contain no-repeat !important; }
.slb-feature-card[data-slb-wipe-block]:hover::before,
.slb-feature-card[data-slb-wipe-block]:focus-visible::before { opacity: .26 !important; transform: translateY(-50%) rotate(-8deg) scale(1.03) !important; }
.slb-feature-card[data-slb-wipe-block] .slb-feature-card__name,
.slb-feature-card[data-slb-wipe-block] .slb-feature-card__desc,
.slb-feature-card[data-slb-wipe-block] .slb-feature-card__badge { position: relative !important; z-index: 3 !important; }
.slb-feature-card__cart { transform-style: preserve-3d !important; transform-origin: 50% 50% !important; backface-visibility: visible !important; transition: color .18s ease !important; }
@keyframes slbShopCartCoinSpinV67 { 0% { transform: translateY(-50%) rotate(-6deg) rotateY(0deg); } 48% { transform: translateY(-50%) rotate(-6deg) rotateY(180deg) scaleX(.72); } 100% { transform: translateY(-50%) rotate(-6deg) rotateY(360deg); } }
.slb-feature-card--shop:hover .slb-feature-card__cart,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart { transform: translateY(-50%) rotate(-6deg) !important; animation: slbShopCartCoinSpinV67 .72s cubic-bezier(.2,.72,.18,1) both !important; color: rgba(216, 237, 79, 0.28) !important; }
@media (prefers-reduced-motion: reduce) { .slb-feature-card--shop:hover .slb-feature-card__cart, .slb-feature-card--shop:focus-visible .slb-feature-card__cart { animation: none !important; transform: translateY(-50%) rotate(-6deg) !important; } }
.slb-feature-card__cart { perspective: 700px !important; }
.slb-feature-card--shop:hover .slb-feature-card__cart,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart { animation: none !important; transform: translateY(-50%) rotate(-6deg) !important; color: rgba(216, 237, 79, 0.30) !important; }
.slb-feature-card__cart svg { transform-box: fill-box !important; transform-origin: 50% 50% !important; backface-visibility: hidden !important; will-change: transform !important; }
@keyframes slbShopCartSvgSpinV68 { 0% { transform: rotateY(0deg) scaleX(1); } 46% { transform: rotateY(180deg) scaleX(.68); } 100% { transform: rotateY(360deg) scaleX(1); } }
.slb-feature-card--shop:hover .slb-feature-card__cart svg,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart svg { animation: slbShopCartSvgSpinV68 .72s cubic-bezier(.2,.72,.18,1) both !important; }
.slb-feature-card[data-slb-wipe-block]::before { transform-origin: 50% 50% !important; will-change: rotate, opacity !important; }
@keyframes slbWipeLockSpinV68 { 0% { rotate: 0deg; } 100% { rotate: 360deg; } }
.slb-feature-card[data-slb-wipe-block]:hover::before,
.slb-feature-card[data-slb-wipe-block]:focus-visible::before { animation: slbWipeLockSpinV68 .72s cubic-bezier(.2,.72,.18,1) both !important; opacity: .28 !important; }
.slb-feature-card__cart { rotate: 0deg !important; scale: 1 !important; transform-origin: 50% 58% !important; will-change: rotate, scale, color !important; }
.slb-feature-card__cart svg { transform: none !important; opacity: 1 !important; }
@keyframes slbShopCartRockV69 { 0% { rotate: 0deg; scale: 1.02; } 22% { rotate: -7deg; scale: 1.08; } 48% { rotate: 6deg; scale: 1.07; } 72% { rotate: -3deg; scale: 1.06; } 100% { rotate: 0deg; scale: 1.06; } }
.slb-feature-card--shop:hover .slb-feature-card__cart,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart { animation: slbShopCartRockV69 .82s cubic-bezier(.2,.72,.18,1) both !important; transform: translateY(-50%) rotate(-6deg) !important; color: rgba(216, 237, 79, 0.30) !important; }
.slb-feature-card--shop:hover .slb-feature-card__cart svg,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart svg { animation: none !important; transform: none !important; opacity: 1 !important; }
@media (prefers-reduced-motion: reduce) { .slb-feature-card--shop:hover .slb-feature-card__cart, .slb-feature-card--shop:focus-visible .slb-feature-card__cart { animation: none !important; scale: 1.06 !important; } }
.slb-feature-card--shop .slb-feature-card__cart { animation: none !important; transform: translateY(-50%) rotate(-6deg) !important; color: rgba(216, 237, 79, 0.22) !important; }
.slb-feature-card--shop .slb-feature-card__cart svg { opacity: 1 !important; transform-origin: 50% 62% !important; transform-box: fill-box !important; will-change: rotate, scale !important; }
@keyframes slbShopCartWiggleV70 { 0% { rotate: 0deg; scale: 1; } 18% { rotate: -8deg; scale: 1.08; } 40% { rotate: 7deg; scale: 1.08; } 62% { rotate: -4deg; scale: 1.06; } 82% { rotate: 3deg; scale: 1.06; } 100% { rotate: 0deg; scale: 1.06; } }
.slb-feature-card--shop:hover .slb-feature-card__cart,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart { animation: none !important; transform: translateY(-50%) rotate(-6deg) !important; color: rgba(216, 237, 79, 0.30) !important; }
.slb-feature-card--shop:hover .slb-feature-card__cart svg,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart svg { animation: slbShopCartWiggleV70 .9s cubic-bezier(.2,.72,.18,1) both !important; opacity: 1 !important; }
@media (prefers-reduced-motion: reduce) { .slb-feature-card--shop:hover .slb-feature-card__cart svg, .slb-feature-card--shop:focus-visible .slb-feature-card__cart svg { animation: none !important; scale: 1.06 !important; } }
.slb-feature-card--stats,
.slb-feature-card--rules { cursor: pointer !important; border-color: rgba(216, 237, 79, 0.16) !important; }
.slb-feature-card--stats:focus-visible,
.slb-feature-card--rules:focus-visible { outline: 2px solid rgba(93, 114, 56, 0.92) !important; outline-offset: 3px !important; }
.slb-feature-card--stats .slb-feature-card__bg--stats { background-image: radial-gradient(circle at 78% 30%, rgba(128, 186, 228, 0.12), transparent 25%), linear-gradient(135deg, rgba(30, 42, 46, 0.76), rgba(43, 41, 36, 0.58) 52%, rgba(12, 13, 12, 0.96)) !important; }
.slb-feature-card--rules .slb-feature-card__bg--rules { background-image: radial-gradient(circle at 78% 30%, rgba(216, 237, 79, 0.13), transparent 26%), linear-gradient(135deg, rgba(48, 38, 28, 0.76), rgba(35, 43, 28, 0.50) 52%, rgba(12, 13, 12, 0.96)) !important; }
.slb-feature-card--stats::before,
.slb-feature-card--rules::before { content: "" !important; position: absolute !important; right: clamp(18px, 3.2vw, 42px) !important; top: 50% !important; z-index: 1 !important; width: clamp(84px, 9vw, 140px) !important; height: clamp(84px, 9vw, 140px) !important; pointer-events: none !important; opacity: .16 !important; background: #d8ed4f !important; transform: translateY(-50%) rotate(-7deg) !important; transform-origin: 50% 50% !important; transition: opacity .18s ease, scale .18s ease !important; }
.slb-feature-card--stats::before { -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 48h40v6H8V10h6v38Zm8-4V28h8v16h-8Zm12 0V18h8v26h-8Zm12 0V34h8v10h-8ZM22 21l11-9 10 8 10-12 4 4-14 17-10-8-9 8-2-8Z'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 48h40v6H8V10h6v38Zm8-4V28h8v16h-8Zm12 0V18h8v26h-8Zm12 0V34h8v10h-8ZM22 21l11-9 10 8 10-12 4 4-14 17-10-8-9 8-2-8Z'/%3E%3C/svg%3E") center / contain no-repeat !important; }
.slb-feature-card--rules::before { -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8h25l9 9v39H16V8Zm23 4v8h8l-8-8ZM23 26h24v4H23v-4Zm0 9h24v4H23v-4Zm0 9h18v4H23v-4Z'/%3E%3C/svg%3E") center / contain no-repeat !important; mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8h25l9 9v39H16V8Zm23 4v8h8l-8-8ZM23 26h24v4H23v-4Zm0 9h24v4H23v-4Zm0 9h18v4H23v-4Z'/%3E%3C/svg%3E") center / contain no-repeat !important; }
.slb-feature-card--stats:hover::before,
.slb-feature-card--stats:focus-visible::before,
.slb-feature-card--rules:hover::before,
.slb-feature-card--rules:focus-visible::before { opacity: .25 !important; scale: 1.06 !important; }
.slb-feature-card--stats .slb-feature-card__name,
.slb-feature-card--stats .slb-feature-card__desc,
.slb-feature-card--stats .slb-feature-card__badge,
.slb-feature-card--rules .slb-feature-card__name,
.slb-feature-card--rules .slb-feature-card__desc,
.slb-feature-card--rules .slb-feature-card__badge { position: relative !important; z-index: 3 !important; }
.slb-feature-card--rules { --slb-book-w: clamp(96px, 10vw, 158px); --slb-book-h: clamp(72px, 7.2vw, 112px); perspective: 900px !important; }
.slb-feature-card--rules::before,
.slb-feature-card--rules::after { content: "" !important; position: absolute !important; top: 50% !important; right: clamp(18px, 3.2vw, 42px) !important; width: var(--slb-book-w) !important; height: var(--slb-book-h) !important; pointer-events: none !important; z-index: 1 !important; -webkit-mask: none !important; mask: none !important; border-radius: 4px 7px 7px 4px !important; transform-style: preserve-3d !important; will-change: transform, opacity !important; }
.slb-feature-card--rules::before { opacity: .20 !important; background: linear-gradient(90deg, rgba(216, 237, 79, .26) 0 5%, rgba(13, 15, 12, .42) 5% 8%, transparent 8%), linear-gradient(90deg, rgba(216, 237, 79, .20) 0 49%, rgba(216, 237, 79, .48) 49% 51%, rgba(216, 237, 79, .12) 51%), repeating-linear-gradient(180deg, transparent 0 14px, rgba(245, 239, 229, .22) 14px 16px), linear-gradient(135deg, rgba(245, 239, 229, .24), rgba(93, 114, 56, .22) 58%, rgba(18, 22, 15, .54)) !important; border: 1px solid rgba(216, 237, 79, .34) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07), inset 0 -28px 42px rgba(0, 0, 0, .30), 0 16px 42px rgba(0, 0, 0, .34) !important; transform: translateY(-50%) rotate(-7deg) !important; }
.slb-feature-card--rules::after { width: calc(var(--slb-book-w) * .52) !important; right: clamp(18px, 3.2vw, 42px) !important; opacity: .24 !important; background: linear-gradient(90deg, rgba(255, 255, 255, .18), transparent 22%), repeating-linear-gradient(180deg, transparent 0 13px, rgba(245, 239, 229, .26) 13px 15px), linear-gradient(135deg, rgba(216, 237, 79, .32), rgba(93, 114, 56, .30) 62%, rgba(17, 19, 14, .58)) !important; border: 1px solid rgba(216, 237, 79, .38) !important; box-shadow: inset 9px 0 18px rgba(0, 0, 0, .28), inset 0 -22px 34px rgba(0, 0, 0, .22) !important; transform-origin: left center !important; transform: translateY(-50%) rotate(-7deg) rotateY(0deg) !important; transition: transform .46s cubic-bezier(.2, .72, .18, 1), opacity .22s ease, box-shadow .22s ease !important; }
.slb-feature-card--rules:hover::before,
.slb-feature-card--rules:focus-visible::before { opacity: .24 !important; scale: 1 !important; transform: translateY(-50%) rotate(-7deg) !important; }
.slb-feature-card--rules:hover::after,
.slb-feature-card--rules:focus-visible::after { opacity: .34 !important; transform: translateY(-50%) rotate(-7deg) rotateY(-58deg) skewY(-1deg) !important; box-shadow: inset 14px 0 22px rgba(0, 0, 0, .34), inset 0 -22px 34px rgba(0, 0, 0, .20), 10px 12px 22px rgba(0, 0, 0, .25) !important; }
@media (prefers-reduced-motion: reduce) { .slb-feature-card--rules::after { transition: opacity .18s ease !important; } .slb-feature-card--rules:hover::after, .slb-feature-card--rules:focus-visible::after { transform: translateY(-50%) rotate(-7deg) rotateY(-18deg) !important; } }
.slb-feature-card--shop .slb-feature-card__badge--shop,
.slb-feature-card--stats .slb-feature-card__badge { display: none !important; }
.slb-feature-card__desc--strip { display: inline-flex !important; align-items: center !important; width: fit-content !important; max-width: min(100%, 360px) !important; margin-top: 10px !important; padding: 5px 10px 4px !important; background: rgba(93, 114, 56, .82) !important; border-left: 3px solid rgba(216, 237, 79, .78) !important; color: rgba(248, 236, 214, .92) !important; font-family: "Teko", "Roboto Condensed", sans-serif !important; font-size: clamp(18px, 1.45vw, 24px) !important; font-weight: 800 !important; line-height: .95 !important; letter-spacing: .035em !important; text-shadow: 0 2px 0 rgba(0, 0, 0, .35) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05), inset 0 -12px 20px rgba(0, 0, 0, .18) !important; }
.slb-feature-card--shop:hover .slb-feature-card__desc--strip,
.slb-feature-card--shop:focus-visible .slb-feature-card__desc--strip,
.slb-feature-card--stats:hover .slb-feature-card__desc--strip,
.slb-feature-card--stats:focus-visible .slb-feature-card__desc--strip { background: rgba(109, 134, 65, .92) !important; }
.slb-feature-card--stats .slb-feature-card__name { font-size: clamp(34px, 3.2vw, 52px) !important; }
.slb-feature-card--stats::before { content: "" !important; position: absolute !important; right: clamp(-8px, 1vw, 10px) !important; top: 57% !important; z-index: 1 !important; width: clamp(132px, 15vw, 238px) !important; height: clamp(100px, 11vw, 176px) !important; pointer-events: none !important; opacity: .34 !important; background: url("https://cdn.win-rust.ru/img/rust_items/stones.png") center / contain no-repeat !important; border: 0 !important; border-radius: 0 !important; clip-path: none !important; box-shadow: none !important; -webkit-mask: none !important; mask: none !important; filter: grayscale(1) sepia(.15) saturate(.55) contrast(1.05) brightness(.62) drop-shadow(0 14px 24px rgba(0, 0, 0, .46)) !important; transform: translateY(-50%) rotate(-4deg) !important; transform-origin: 56% 68% !important; will-change: transform, opacity, filter !important; }
.slb-feature-card--stats::after { content: "" !important; position: absolute !important; right: clamp(58px, 6.3vw, 110px) !important; top: 36% !important; z-index: 1 !important; width: clamp(102px, 10.5vw, 170px) !important; height: clamp(102px, 10.5vw, 170px) !important; pointer-events: none !important; opacity: .48 !important; background: url("https://cdn.win-rust.ru/img/rust_items/pickaxe.png") center / contain no-repeat !important; border: 0 !important; border-radius: 0 !important; -webkit-mask: none !important; mask: none !important; filter: grayscale(.9) sepia(.08) saturate(.62) contrast(1.05) brightness(.70) drop-shadow(0 12px 22px rgba(0, 0, 0, .50)) !important; transform-origin: 30% 76% !important; transform: translateY(-50%) rotate(-30deg) !important; will-change: transform, opacity, filter !important; }
@keyframes slbStatsRealPickaxeHitV75 { 0% { transform: translateY(-50%) rotate(-30deg); } 24% { transform: translateY(-62%) translateX(-8px) rotate(-52deg); } 54% { transform: translateY(-28%) translateX(18px) rotate(18deg); } 65% { transform: translateY(-36%) translateX(10px) rotate(7deg); } 100% { transform: translateY(-50%) rotate(-30deg); } }
@keyframes slbStatsRealRockImpactV75 { 0%, 43%, 100% { transform: translateY(-50%) rotate(-4deg); opacity: .34; filter: grayscale(1) sepia(.15) saturate(.55) contrast(1.05) brightness(.62) drop-shadow(0 14px 24px rgba(0, 0, 0, .46)); } 54% { transform: translateY(-50%) translateX(4px) rotate(-3deg); opacity: .46; filter: grayscale(1) sepia(.15) saturate(.55) contrast(1.12) brightness(.82) drop-shadow(0 14px 24px rgba(0, 0, 0, .46)); } 65% { transform: translateY(-50%) translateX(-2px) rotate(-4deg); opacity: .39; } }
.slb-feature-card--stats:hover::before,
.slb-feature-card--stats:focus-visible::before { animation: slbStatsRealRockImpactV75 .9s cubic-bezier(.2, .72, .18, 1) both !important; scale: 1 !important; }
.slb-feature-card--stats:hover::after,
.slb-feature-card--stats:focus-visible::after { animation: slbStatsRealPickaxeHitV75 .9s cubic-bezier(.2, .72, .18, 1) both !important; opacity: .64 !important; }
@media (max-width: 720px) { .slb-feature-card__desc--strip { max-width: 100% !important; font-size: 18px !important; } .slb-feature-card--stats::before { opacity: .26 !important; } .slb-feature-card--stats::after { opacity: .38 !important; } }
.slb-feature-card--stats .slb-feature-card__name { font-size: 36px !important; line-height: .9 !important; }
.slb-feature-card__desc--strip { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; max-width: calc(100% - 10px) !important; margin-top: 8px !important; padding: 4px 8px 3px !important; background: #d8ed4f !important; border: 0 !important; color: #11140d !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-shadow: none !important; box-shadow: inset 0 -8px 18px rgba(0, 0, 0, .10), 0 8px 22px rgba(0, 0, 0, .20) !important; }
.slb-feature-card--shop:hover .slb-feature-card__desc--strip,
.slb-feature-card--shop:focus-visible .slb-feature-card__desc--strip,
.slb-feature-card--stats:hover .slb-feature-card__desc--strip,
.slb-feature-card--stats:focus-visible .slb-feature-card__desc--strip { background: #d8ed4f !important; color: #11140d !important; }
@media (max-width: 720px) { .slb-feature-card--stats .slb-feature-card__name { font-size: 32px !important; } .slb-feature-card__desc--strip { font-size: 11px !important; padding: 4px 7px 3px !important; } }
.slb-feature-card--shop .slb-feature-card__badge--shop,
.slb-feature-card--stats .slb-feature-card__badge { display: none !important; }
.slb-feature-card--shop .slb-feature-card__desc--strip,
.slb-feature-card--stats .slb-feature-card__desc--strip { display: none !important; }
.slb-feature-card--shop .slb-feature-card__desc { display: block !important; margin-top: 8px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: rgba(255, 255, 255, 0.84) !important; font-family: "Teko", sans-serif !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .02em !important; text-transform: uppercase !important; }
.slb-feature-card--stats .slb-feature-card__name,
.slb-feature-card--rules .slb-feature-card__name,
.slb-feature-card--shop .slb-feature-card__name { font-size: 36px !important; line-height: .9 !important; }
.slb-feature-card--stats::before,
.slb-feature-card--stats::after,
.slb-feature-card--rules::before,
.slb-feature-card--rules::after,
.slb-feature-card--shop .slb-feature-card__cart { display: none !important; animation: none !important; }
.slb-feature-card--stats .slb-feature-card__bg--stats { background-image: radial-gradient(circle at 74% 26%, rgba(216, 237, 79, 0.10), transparent 24%), linear-gradient(135deg, rgba(30, 42, 46, 0.72), rgba(43, 41, 36, 0.58) 52%, rgba(12, 13, 12, 0.96)) !important; }
.slb-feature-card--rules .slb-feature-card__bg--rules { background-image: radial-gradient(circle at 74% 26%, rgba(216, 237, 79, 0.10), transparent 24%), linear-gradient(135deg, rgba(48, 38, 28, 0.72), rgba(35, 43, 28, 0.50) 52%, rgba(12, 13, 12, 0.96)) !important; }
.slb-feature-card--shop .slb-feature-card__bg--shop { background-image: radial-gradient(circle at 74% 26%, rgba(216, 237, 79, 0.12), transparent 24%), linear-gradient(135deg, rgba(109, 134, 65, 0.42), rgba(29, 84, 122, 0.16) 54%, rgba(15, 17, 16, 0.96)) !important; }
@media (max-width: 720px) { .slb-feature-card--stats .slb-feature-card__name, .slb-feature-card--rules .slb-feature-card__name, .slb-feature-card--shop .slb-feature-card__name { font-size: 32px !important; } }
.slb-feature-card--shop .slb-feature-card__badge,
.slb-feature-card--shop .slb-feature-card__desc,
.slb-feature-card--wipe .slb-feature-card__badge,
.slb-feature-card--wipe .slb-feature-card__desc,
.slb-feature-card--stats .slb-feature-card__badge,
.slb-feature-card--stats .slb-feature-card__desc,
.slb-feature-card--rules .slb-feature-card__badge,
.slb-feature-card--rules .slb-feature-card__desc { display: none !important; }
.slb-feature-card--shop .slb-feature-card__cart,
.slb-feature-card--stats::before,
.slb-feature-card--stats::after,
.slb-feature-card--rules::before,
.slb-feature-card--rules::after,
.slb-feature-card--wipe::before,
.slb-feature-card[data-slb-wipe-block]::before { display: none !important; animation: none !important; }
.slb-feature-card--shop .slb-feature-card__name,
.slb-feature-card--wipe .slb-feature-card__name,
.slb-feature-card--stats .slb-feature-card__name,
.slb-feature-card--rules .slb-feature-card__name { font-size: 36px !important; line-height: .9 !important; }
.slb-feature-card--shop .slb-feature-card__bg--shop,
.slb-feature-card--wipe .slb-feature-card__bg--wipe,
.slb-feature-card--stats .slb-feature-card__bg--stats,
.slb-feature-card--rules .slb-feature-card__bg--rules { background-image: radial-gradient(circle at 72% 28%, rgba(216, 237, 79, 0.10), transparent 24%), linear-gradient(135deg, rgba(43, 41, 36, 0.74), rgba(28, 34, 25, 0.54) 54%, rgba(12, 13, 12, 0.96)) !important; }
@media (max-width: 720px) { .slb-feature-card--shop .slb-feature-card__name, .slb-feature-card--wipe .slb-feature-card__name, .slb-feature-card--stats .slb-feature-card__name, .slb-feature-card--rules .slb-feature-card__name { font-size: 32px !important; } }
.slb-feature-card--shop .slb-feature-card__cart { display: block !important; animation: none !important; color: rgba(216, 237, 79, 0.22) !important; transform: translateY(-50%) rotate(-6deg) !important; }
.slb-feature-card--shop .slb-feature-card__cart svg { display: block !important; opacity: 1 !important; transform-origin: 50% 62% !important; transform-box: fill-box !important; }
.slb-feature-card--shop:hover .slb-feature-card__cart,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart { display: block !important; animation: none !important; transform: translateY(-50%) rotate(-6deg) !important; color: rgba(216, 237, 79, 0.30) !important; }
.slb-feature-card--shop:hover .slb-feature-card__cart svg,
.slb-feature-card--shop:focus-visible .slb-feature-card__cart svg { animation: slbShopCartWiggleV70 .9s cubic-bezier(.2, .72, .18, 1) both !important; }
.slb-feature-card--wipe[data-slb-wipe-block]::before,
.slb-feature-card[data-slb-wipe-block]::before { display: block !important; animation: none !important; }
.slb-feature-card--wipe[data-slb-wipe-block]:hover::before,
.slb-feature-card--wipe[data-slb-wipe-block]:focus-visible::before,
.slb-feature-card[data-slb-wipe-block]:hover::before,
.slb-feature-card[data-slb-wipe-block]:focus-visible::before { display: block !important; animation: slbWipeLockSpinV68 .72s cubic-bezier(.2, .72, .18, 1) both !important; opacity: .28 !important; }
.slb-feature-card--stats::before,
.slb-feature-card--stats::after { display: block !important; animation: none !important; }
.slb-feature-card--stats:hover::before,
.slb-feature-card--stats:focus-visible::before { display: block !important; animation: slbStatsRealRockImpactV75 .9s cubic-bezier(.2, .72, .18, 1) both !important; }
.slb-feature-card--stats:hover::after,
.slb-feature-card--stats:focus-visible::after { display: block !important; animation: slbStatsRealPickaxeHitV75 .9s cubic-bezier(.2, .72, .18, 1) both !important; opacity: .64 !important; }
.slb-feature-card--rules::before,
.slb-feature-card--rules::after { display: block !important; animation: none !important; }
.slb-feature-card--rules:hover::before,
.slb-feature-card--rules:focus-visible::before { display: block !important; opacity: .24 !important; scale: 1 !important; transform: translateY(-50%) rotate(-7deg) !important; }
.slb-feature-card--rules:hover::after,
.slb-feature-card--rules:focus-visible::after { display: block !important; opacity: .34 !important; transform: translateY(-50%) rotate(-7deg) rotateY(-58deg) skewY(-1deg) !important; }
.slb-feature-card--shop .slb-feature-card__name,
.slb-feature-card--wipe .slb-feature-card__name,
.slb-feature-card--stats .slb-feature-card__name,
.slb-feature-card--rules .slb-feature-card__name { position: relative !important; z-index: 3 !important; }
body .slb-feature-card--shop .slb-feature-card__badge,
body .slb-feature-card--shop .slb-feature-card__desc,
body .slb-feature-card--wipe .slb-feature-card__badge,
body .slb-feature-card--wipe .slb-feature-card__desc,
body .slb-feature-card--stats .slb-feature-card__badge,
body .slb-feature-card--stats .slb-feature-card__desc,
body .slb-feature-card--rules .slb-feature-card__badge,
body .slb-feature-card--rules .slb-feature-card__desc { display: none !important; }
body .slb-feature-card--shop .slb-feature-card__cart { display: block !important; opacity: 1 !important; visibility: visible !important; animation: none !important; color: rgba(216, 237, 79, .24) !important; transform: translateY(-50%) rotate(-6deg) !important; }
body .slb-feature-card--shop .slb-feature-card__cart svg { display: block !important; opacity: 1 !important; transform-origin: 50% 62% !important; transform-box: fill-box !important; }
body .slb-feature-card--shop:hover .slb-feature-card__cart,
body .slb-feature-card--shop:focus-visible .slb-feature-card__cart { color: rgba(216, 237, 79, .32) !important; transform: translateY(-50%) rotate(-6deg) !important; }
body .slb-feature-card--shop:hover .slb-feature-card__cart svg,
body .slb-feature-card--shop:focus-visible .slb-feature-card__cart svg { animation: slbShopCartWiggleV70 .9s cubic-bezier(.2, .72, .18, 1) both !important; }
body .slb-feature-card--wipe[data-slb-wipe-block]::before,
body .slb-feature-card[data-slb-wipe-block]::before { display: block !important; opacity: .20 !important; visibility: visible !important; animation: none !important; }
body .slb-feature-card--wipe[data-slb-wipe-block]:hover::before,
body .slb-feature-card--wipe[data-slb-wipe-block]:focus-visible::before,
body .slb-feature-card[data-slb-wipe-block]:hover::before,
body .slb-feature-card[data-slb-wipe-block]:focus-visible::before { opacity: .30 !important; animation: slbWipeLockSpinV68 .72s cubic-bezier(.2, .72, .18, 1) both !important; }
body .slb-feature-card--stats::before,
body .slb-feature-card--stats::after,
body .slb-feature-card--rules::before,
body .slb-feature-card--rules::after { display: block !important; visibility: visible !important; animation: none !important; }
body .slb-feature-card--stats::before { opacity: .34 !important; }
body .slb-feature-card--stats::after { opacity: .50 !important; }
body .slb-feature-card--stats:hover::before,
body .slb-feature-card--stats:focus-visible::before { animation: slbStatsRealRockImpactV75 .9s cubic-bezier(.2, .72, .18, 1) both !important; }
body .slb-feature-card--stats:hover::after,
body .slb-feature-card--stats:focus-visible::after { opacity: .64 !important; animation: slbStatsRealPickaxeHitV75 .9s cubic-bezier(.2, .72, .18, 1) both !important; }
body .slb-feature-card--rules::before { opacity: .20 !important; }
body .slb-feature-card--rules::after { opacity: .26 !important; }
body .slb-feature-card--rules:hover::before,
body .slb-feature-card--rules:focus-visible::before { opacity: .25 !important; transform: translateY(-50%) rotate(-7deg) !important; }
body .slb-feature-card--rules:hover::after,
body .slb-feature-card--rules:focus-visible::after { opacity: .36 !important; transform: translateY(-50%) rotate(-7deg) rotateY(-58deg) skewY(-1deg) !important; }
body .slb-feature-card--shop .slb-feature-card__name,
body .slb-feature-card--wipe .slb-feature-card__name,
body .slb-feature-card--stats .slb-feature-card__name,
body .slb-feature-card--rules .slb-feature-card__name { position: relative !important; z-index: 4 !important; }
body .slb-feature-card--shop,
body .slb-feature-card--wipe,
body .slb-feature-card--stats,
body .slb-feature-card--rules { border: 1px solid rgba(109, 134, 65, .56) !important; background: linear-gradient(135deg, rgba(40, 49, 32, .86), rgba(23, 28, 22, .92) 47%, rgba(9, 10, 9, .98)) !important; box-shadow: inset 0 0 0 1px rgba(216, 237, 79, .035), inset 0 -42px 70px rgba(0, 0, 0, .34), 0 16px 34px rgba(0, 0, 0, .26) !important; }
body .slb-feature-card--shop .slb-feature-card__bg--shop,
body .slb-feature-card--wipe .slb-feature-card__bg--wipe,
body .slb-feature-card--stats .slb-feature-card__bg--stats,
body .slb-feature-card--rules .slb-feature-card__bg--rules { opacity: 1 !important; background-color: #121511 !important; background-image: radial-gradient(ellipse at 70% 18%, rgba(216, 237, 79, .15), transparent 32%), radial-gradient(ellipse at 32% 96%, rgba(109, 134, 65, .20), transparent 48%), linear-gradient(135deg, rgba(52, 63, 39, .74), rgba(31, 38, 28, .72) 48%, rgba(9, 10, 9, .96)), repeating-linear-gradient(0deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 5px) !important; background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100% !important; background-position: center !important; background-blend-mode: screen, normal, normal, overlay !important; }
body .slb-feature-card--shop .slb-feature-card__shade,
body .slb-feature-card--wipe .slb-feature-card__shade,
body .slb-feature-card--stats .slb-feature-card__shade,
body .slb-feature-card--rules .slb-feature-card__shade { background: linear-gradient(180deg, rgba(0, 0, 0, .04) 0%, rgba(0, 0, 0, .22) 45%, rgba(0, 0, 0, .62) 100%), linear-gradient(90deg, rgba(0, 0, 0, .22), transparent 42%, rgba(0, 0, 0, .18)) !important; }
body .slb-feature-card--shop::after,
body .slb-feature-card--wipe::after,
body .slb-feature-card--stats::before,
body .slb-feature-card--stats::after,
body .slb-feature-card--rules::before,
body .slb-feature-card--rules::after,
body .slb-feature-card[data-slb-wipe-block]::before,
body .slb-feature-card--shop .slb-feature-card__cart { color: rgba(216, 237, 79, .26) !important; }
body .slb-feature-card--shop:hover,
body .slb-feature-card--wipe:hover,
body .slb-feature-card--stats:hover,
body .slb-feature-card--rules:hover,
body .slb-feature-card--shop:focus-visible,
body .slb-feature-card--wipe:focus-visible,
body .slb-feature-card--stats:focus-visible,
body .slb-feature-card--rules:focus-visible { border-color: rgba(216, 237, 79, .42) !important; filter: brightness(1.07) contrast(1.03) !important; box-shadow: inset 0 0 0 1px rgba(216, 237, 79, .075), inset 0 -42px 70px rgba(0, 0, 0, .30), 0 18px 40px rgba(0, 0, 0, .32) !important; }
body .slb-feature-card--shop:hover .slb-feature-card__bg--shop,
body .slb-feature-card--wipe:hover .slb-feature-card__bg--wipe,
body .slb-feature-card--stats:hover .slb-feature-card__bg--stats,
body .slb-feature-card--rules:hover .slb-feature-card__bg--rules,
body .slb-feature-card--shop:focus-visible .slb-feature-card__bg--shop,
body .slb-feature-card--wipe:focus-visible .slb-feature-card__bg--wipe,
body .slb-feature-card--stats:focus-visible .slb-feature-card__bg--stats,
body .slb-feature-card--rules:focus-visible .slb-feature-card__bg--rules { background-image: radial-gradient(ellipse at 70% 18%, rgba(216, 237, 79, .22), transparent 34%), radial-gradient(ellipse at 32% 96%, rgba(109, 134, 65, .25), transparent 48%), linear-gradient(135deg, rgba(59, 73, 43, .78), rgba(33, 42, 29, .76) 48%, rgba(9, 10, 9, .96)), repeating-linear-gradient(0deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 5px) !important; }
body .slb-feature-card--stats::before { content: "" !important; position: absolute !important; right: clamp(64px, 6.4vw, 122px) !important; top: 47% !important; z-index: 1 !important; width: clamp(132px, 11.2vw, 184px) !important; height: clamp(132px, 11.2vw, 184px) !important; display: block !important; visibility: visible !important; pointer-events: none !important; opacity: .25 !important; border: 0 !important; border-radius: 50% !important; clip-path: none !important; -webkit-mask: none !important; mask: none !important; background: radial-gradient(circle at 50% 50%, transparent 0 6px, rgba(216, 237, 79, .72) 7px 9px, transparent 10px), radial-gradient(circle at 50% 50%, transparent 0 27%, rgba(216, 237, 79, .68) 28% 30%, transparent 31% 49%, rgba(216, 237, 79, .62) 50% 52%, transparent 53% 73%, rgba(216, 237, 79, .56) 74% 76%, transparent 77%), linear-gradient(90deg, transparent 0 48.5%, rgba(216, 237, 79, .44) 48.5% 51.5%, transparent 51.5%), linear-gradient(0deg, transparent 0 48.5%, rgba(216, 237, 79, .30) 48.5% 51.5%, transparent 51.5%) !important; box-shadow: none !important; filter: drop-shadow(0 16px 26px rgba(0, 0, 0, .50)) drop-shadow(0 0 13px rgba(216, 237, 79, .08)) !important; transform: translateY(-50%) rotate(-5deg) scale(1) !important; transform-origin: 50% 50% !important; transition: opacity .22s ease, filter .22s ease, transform .22s ease !important; will-change: opacity, transform, filter !important; }
body .slb-feature-card--stats::after { content: "" !important; position: absolute !important; right: clamp(64px, 6.4vw, 122px) !important; top: 47% !important; z-index: 2 !important; width: clamp(132px, 11.2vw, 184px) !important; height: clamp(132px, 11.2vw, 184px) !important; display: block !important; visibility: visible !important; pointer-events: none !important; opacity: 0 !important; border: 0 !important; border-radius: 50% !important; clip-path: none !important; -webkit-mask: none !important; mask: none !important; background: radial-gradient(circle at 68% 30%, rgba(216, 237, 79, .95) 0 5px, rgba(216, 237, 79, .22) 6px 10px, transparent 11px), radial-gradient(circle at 35% 64%, rgba(216, 237, 79, .92) 0 5px, rgba(216, 237, 79, .20) 6px 10px, transparent 11px), radial-gradient(circle at 62% 73%, rgba(216, 237, 79, .88) 0 4px, rgba(216, 237, 79, .18) 5px 9px, transparent 10px) !important; box-shadow: none !important; filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .50)) drop-shadow(0 0 14px rgba(216, 237, 79, .14)) !important; transform: translateY(-50%) rotate(-5deg) scale(1) !important; transform-origin: 50% 50% !important; transition: opacity .18s ease, transform .18s ease !important; will-change: opacity, transform, background !important; }
@keyframes slbStatsRadarBasePulseV91 { 0%, 100% { opacity: .31; transform: translateY(-50%) rotate(-5deg) scale(1); filter: drop-shadow(0 16px 26px rgba(0, 0, 0, .50)) drop-shadow(0 0 13px rgba(216, 237, 79, .10)); } 50% { opacity: .40; transform: translateY(-50%) rotate(-5deg) scale(1.035); filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .54)) drop-shadow(0 0 22px rgba(216, 237, 79, .18)); } }
@keyframes slbStatsRadarThreeDotsV91 { 0%, 100% { opacity: .44; background: radial-gradient(circle at 68% 30%, rgba(216, 237, 79, .98) 0 5px, rgba(216, 237, 79, .24) 6px 10px, transparent 11px), radial-gradient(circle at 35% 64%, rgba(216, 237, 79, .28) 0 5px, rgba(216, 237, 79, .10) 6px 10px, transparent 11px), radial-gradient(circle at 62% 73%, rgba(216, 237, 79, .34) 0 4px, rgba(216, 237, 79, .10) 5px 9px, transparent 10px) !important; } 33% { opacity: .50; background: radial-gradient(circle at 68% 30%, rgba(216, 237, 79, .32) 0 5px, rgba(216, 237, 79, .10) 6px 10px, transparent 11px), radial-gradient(circle at 35% 64%, rgba(216, 237, 79, .98) 0 5px, rgba(216, 237, 79, .24) 6px 10px, transparent 11px), radial-gradient(circle at 62% 73%, rgba(216, 237, 79, .34) 0 4px, rgba(216, 237, 79, .10) 5px 9px, transparent 10px) !important; } 66% { opacity: .48; background: radial-gradient(circle at 68% 30%, rgba(216, 237, 79, .34) 0 5px, rgba(216, 237, 79, .10) 6px 10px, transparent 11px), radial-gradient(circle at 35% 64%, rgba(216, 237, 79, .30) 0 5px, rgba(216, 237, 79, .10) 6px 10px, transparent 11px), radial-gradient(circle at 62% 73%, rgba(216, 237, 79, .98) 0 4px, rgba(216, 237, 79, .24) 5px 9px, transparent 10px) !important; } }
body .slb-feature-card--stats:hover::before,
body .slb-feature-card--stats:focus-visible::before { animation: slbStatsRadarBasePulseV91 1.65s cubic-bezier(.2, .75, .2, 1) infinite !important; }
body .slb-feature-card--stats:hover::after,
body .slb-feature-card--stats:focus-visible::after { opacity: .48 !important; animation: slbStatsRadarThreeDotsV91 1.35s steps(1, end) infinite !important; }
@media (max-width: 720px) { body .slb-feature-card--stats::before, body .slb-feature-card--stats::after { right: 34px !important; width: 126px !important; height: 126px !important; } }
body .slb-feature-card,
body .slb-feature-card--shop,
body .slb-feature-card--wipe,
body .slb-feature-card--stats,
body .slb-feature-card--rules { isolation: isolate !important; transform: translateZ(0) !important; transition: transform .22s ease, filter .22s ease, border-color .22s ease, box-shadow .22s ease !important; }
body .slb-feature-card--shop,
body .slb-feature-card--wipe,
body .slb-feature-card--stats,
body .slb-feature-card--rules { border-color: rgba(109, 134, 65, .50) !important; background: radial-gradient(ellipse at 72% 22%, rgba(216, 237, 79, .065), transparent 34%), linear-gradient(135deg, rgba(32, 40, 28, .91), rgba(17, 22, 17, .95) 48%, rgba(7, 8, 7, .98)) !important; box-shadow: inset 0 0 0 1px rgba(216, 237, 79, .035), inset 0 -48px 76px rgba(0, 0, 0, .40), 0 16px 34px rgba(0, 0, 0, .24) !important; }
body .slb-feature-card:hover,
body .slb-feature-card:focus-visible { transform: translateY(-3px) translateZ(0) !important; }
body .slb-feature-card--shop:hover,
body .slb-feature-card--wipe:hover,
body .slb-feature-card--stats:hover,
body .slb-feature-card--rules:hover,
body .slb-feature-card--shop:focus-visible,
body .slb-feature-card--wipe:focus-visible,
body .slb-feature-card--stats:focus-visible,
body .slb-feature-card--rules:focus-visible { border-color: rgba(216, 237, 79, .50) !important; filter: brightness(1.08) contrast(1.04) saturate(1.04) !important; box-shadow: inset 0 0 0 1px rgba(216, 237, 79, .10), inset 0 -48px 76px rgba(0, 0, 0, .34), 0 20px 42px rgba(0, 0, 0, .34) !important; }
body .slb-feature-card__bg { transition: filter .24s ease, transform .24s ease, opacity .24s ease !important; }
body .slb-feature-card:hover .slb-feature-card__bg,
body .slb-feature-card:focus-visible .slb-feature-card__bg { transform: scale(1.025) !important; filter: saturate(1.08) brightness(1.04) !important; }
body .slb-feature-card__shade { overflow: hidden !important; }
body .slb-feature-card__shade::after { content: "" !important; position: absolute !important; inset: -30% -55% !important; z-index: 2 !important; pointer-events: none !important; opacity: 0 !important; background: linear-gradient(105deg, transparent 0 43%, rgba(216, 237, 79, .11) 49%, rgba(255, 255, 255, .045) 52%, transparent 59% 100%) !important; transform: translateX(-48%) skewX(-12deg) !important; }
body .slb-feature-card:hover .slb-feature-card__shade::after,
body .slb-feature-card:focus-visible .slb-feature-card__shade::after { animation: slbFeatureCardSweepV92 .88s cubic-bezier(.2, .72, .18, 1) both !important; }
@keyframes slbFeatureCardSweepV92 { 0% { opacity: 0; transform: translateX(-48%) skewX(-12deg); } 28% { opacity: .9; } 100% { opacity: 0; transform: translateX(48%) skewX(-12deg); } }
body .slb-feature-card__name { text-shadow: 0 2px 0 rgba(0, 0, 0, .40), 0 14px 26px rgba(0, 0, 0, .42) !important; }
body .slb-feature-card--shop .slb-feature-card__name,
body .slb-feature-card--wipe .slb-feature-card__name,
body .slb-feature-card--stats .slb-feature-card__name,
body .slb-feature-card--rules .slb-feature-card__name { letter-spacing: .045em !important; }
body .slb-feature-card__badge { box-shadow: 0 8px 18px rgba(0, 0, 0, .24), inset 0 0 0 1px rgba(0, 0, 0, .16) !important; }
body .slb-feature-card--stats::before { opacity: .23 !important; }
body .slb-feature-card--stats:hover::before,
body .slb-feature-card--stats:focus-visible::before { opacity: .39 !important; }
body .slb-feature-card--stats:hover::after,
body .slb-feature-card--stats:focus-visible::after { opacity: .55 !important; }
@media (prefers-reduced-motion: reduce) { body .slb-feature-card, body .slb-feature-card__bg { transition: none !important; } body .slb-feature-card:hover, body .slb-feature-card:focus-visible, body .slb-feature-card:hover .slb-feature-card__bg, body .slb-feature-card:focus-visible .slb-feature-card__bg { transform: none !important; } body .slb-feature-card:hover .slb-feature-card__shade::after, body .slb-feature-card:focus-visible .slb-feature-card__shade::after { animation: none !important; } }
.slb-shop-section .Shop-module__header.slb-shop-header-with-server-selector,
.slb-shop-section [class*="ShopHeader"].slb-shop-header-with-server-selector,
.slb-shop-section .slb-native-shop-server-selector-row,
.slb-shop-section [class*="select-server"],
.slb-shop-section [class*="SelectServer"],
.slb-shop-section [class*="server-switcher"],
.slb-shop-section [class*="ServerSwitcher"] { box-sizing: border-box !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; visibility: visible !important; width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; }
.slb-shop-section .slb-native-shop-server-selector,
.slb-shop-section .server-btn,
.slb-shop-section button.server-btn,
.slb-shop-section [class*="server-btn"],
.slb-shop-section [class*="ServerBtn"] { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 220px !important; width: auto !important; min-width: 180px !important; max-width: 330px !important; min-height: 40px !important; height: 40px !important; max-height: 40px !important; margin: 0 !important; padding: 6px 12px !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 0 !important; background: rgba(34, 34, 34, 0.62) !important; color: rgba(248, 236, 227, 0.75) !important; font-family: var(--slb-font-main, "Roboto Condensed", sans-serif) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; text-transform: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; cursor: pointer !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: none !important; transform: none !important; }
.slb-shop-section .slb-native-shop-server-selector:hover,
.slb-shop-section .slb-native-shop-server-selector:focus,
.slb-shop-section .slb-native-shop-server-selector:focus-visible,
.slb-shop-section .server-btn:hover,
.slb-shop-section .server-btn:focus,
.slb-shop-section button.server-btn:hover,
.slb-shop-section button.server-btn:focus,
.slb-shop-section [class*="server-btn"]:hover,
.slb-shop-section [class*="server-btn"]:focus,
.slb-shop-section [class*="ServerBtn"]:hover,
.slb-shop-section [class*="ServerBtn"]:focus { border-color: rgba(255, 255, 255, 0.14) !important; background: rgba(48, 48, 48, 0.78) !important; color: #ffffff !important; transform: none !important; }
.slb-shop-section .slb-native-shop-server-selector.active,
.slb-shop-section .slb-native-shop-server-selector[class*="active"],
.slb-shop-section .slb-native-shop-server-selector[aria-current="true"],
.slb-shop-section .slb-native-shop-server-selector[aria-selected="true"],
.slb-shop-section .server-btn.active,
.slb-shop-section .server-btn[class*="active"],
.slb-shop-section .server-btn[aria-current="true"],
.slb-shop-section .server-btn[aria-selected="true"],
.slb-shop-section [class*="server-btn"].active,
.slb-shop-section [class*="server-btn"][class*="active"],
.slb-shop-section [class*="server-btn"][aria-current="true"],
.slb-shop-section [class*="server-btn"][aria-selected="true"],
.slb-shop-section [class*="ServerBtn"].active,
.slb-shop-section [class*="ServerBtn"][class*="active"],
.slb-shop-section [class*="ServerBtn"][aria-current="true"],
.slb-shop-section [class*="ServerBtn"][aria-selected="true"] { border-color: rgba(216, 237, 79, 0.28) !important; background: var(--slb-green-active-v57, #5d7238) !important; color: #ffffff !important; transform: none !important; }
html.slb-inner-page .slb-monitor-drawer,
html.slb-inner-page [class*="MonitoringWidget-module"],
html.slb-inner-page [class*="MonitoringServer-module"],
html.slb-inner-page [class*="Widgets-module__widgetWrapper"]:has([class*="MonitoringWidget-module"]),
html.slb-inner-page aside[class*="Widgets"]:has([class*="MonitoringWidget-module"]) { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; }
@keyframes slbWelcomeNativeFallback { to { opacity: 1; visibility: visible; } }
[class*="WelcomeSelectServer-module__modalWrapper"]:not(.slb-welcome-server-modal) { opacity: 0; visibility: hidden; animation: slbWelcomeNativeFallback 0s linear 0.45s forwards; }
.slb-welcome-server-modal { opacity: 1 !important; visibility: visible !important; background: rgba(8, 9, 9, 0.76) !important; backdrop-filter: blur(9px) saturate(0.95) !important; -webkit-backdrop-filter: blur(9px) saturate(0.95) !important; }
.slb-welcome-server-modal__box,
.slb-welcome-server-modal [class*="WelcomeSelectServer-module__modal"] { width: min(1120px, calc(100vw - 28px)) !important; max-height: calc(100vh - 40px) !important; margin: auto !important; overflow: auto !important; color: #f4f1ea !important; background: linear-gradient(180deg, rgba(28, 30, 28, 0.96), rgba(13, 15, 14, 0.97)), url("https://pic.survivalhost.org/images/2026/05/21/rust-body-overlay.png") repeat !important; border: 1px solid rgba(216, 237, 79, 0.16) !important; border-radius: 0 !important; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.58) !important; }
.slb-welcome-server-modal .boxHeader,
.slb-welcome-server-modal [class*="WelcomeSelectServer-module__header"] { display: block !important; margin: 0 !important; padding: 18px 22px !important; color: #f4f1ea !important; background: rgba(12, 13, 13, 0.86) !important; border-bottom: 1px solid rgba(216, 237, 79, 0.12) !important; font-family: "Roboto Condensed", "Teko", Impact, sans-serif !important; font-size: 26px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; }
.slb-welcome-server-modal .boxBody,
.slb-welcome-server-modal [class*="WelcomeSelectServer-module__body"] { padding: 22px !important; color: rgba(244, 241, 234, 0.82) !important; background: transparent !important; text-align: center !important; }
.slb-welcome-server-modal p { max-width: 760px !important; margin: 0 auto 22px !important; color: rgba(244, 241, 234, 0.74) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.28 !important; }
.slb-welcome-server-modal [class*="WelcomeSelectServer-module__servers"] { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; margin: 0 !important; }
.slb-welcome-server-card { position: relative !important; isolation: isolate !important; min-height: 128px !important; margin: 0 !important; padding: 20px !important; overflow: hidden !important; display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 18px !important; color: #f4f1ea !important; background: #151616 !important; border: 1px solid rgba(216, 237, 79, 0.24) !important; border-radius: 0 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.025) !important; cursor: pointer !important; transform: translateZ(0) rotate(var(--slb-welcome-server-tilt, 0deg)) !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; transition: border-color 0.18s ease, box-shadow 0.18s ease !important; }
.slb-welcome-server-card::before { content: "" !important; position: absolute !important; inset: -8px !important; z-index: -3 !important; background-image: linear-gradient(180deg, rgba(10, 11, 11, 0.34), rgba(7, 8, 8, 0.88)), var(--slb-welcome-server-bg, linear-gradient(135deg, #242626, #111313)) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; opacity: 0.9 !important; filter: grayscale(0.22) brightness(0.72) contrast(1.13) !important; transform: translateZ(0) scale(1.12) !important; transform-origin: center center !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; will-change: transform, filter, opacity !important; transition: transform 0.48s cubic-bezier(0.2, 0.9, 0.22, 1), filter 0.24s ease, opacity 0.24s ease !important; }
.slb-welcome-server-card::after { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -2 !important; background: linear-gradient(90deg, rgba(255,255,255,0.055), transparent 26%, rgba(0,0,0,0.34)), radial-gradient(circle at 24% 0%, rgba(216, 237, 79, 0.11), transparent 36%), linear-gradient(180deg, transparent 42%, rgba(0,0,0,0.74)) !important; pointer-events: none !important; }
.slb-welcome-server-card:hover,
.slb-welcome-server-card:focus-within { z-index: 3 !important; border-color: rgba(216, 237, 79, 0.48) !important; box-shadow: inset 0 0 0 1px rgba(216, 237, 79, 0.08), 0 10px 24px rgba(0, 0, 0, 0.22) !important; transform: translateZ(0) rotate(var(--slb-welcome-server-tilt, 0deg)) !important; }
.slb-welcome-server-card:hover::before,
.slb-welcome-server-card:focus-within::before { opacity: 1 !important; filter: grayscale(0.08) brightness(0.86) contrast(1.16) !important; transform: translateZ(0) scale(1.04) !important; }
.slb-welcome-server-card,
.slb-welcome-server-card > *:not(.slb-welcome-server-card__button) { position: relative !important; z-index: 1 !important; color: #f4f1ea !important; font-family: "Roboto Condensed", "Teko", Impact, sans-serif !important; font-size: clamp(18px, 1.55vw, 26px) !important; font-weight: 900 !important; line-height: 0.98 !important; letter-spacing: 0.07em !important; text-align: left !important; text-transform: uppercase !important; text-shadow: 0 8px 22px rgba(0, 0, 0, 0.62) !important; }
.slb-welcome-server-card > *:not(.slb-welcome-server-card__button) { max-width: 72% !important; background: transparent !important; }
.slb-welcome-server-card__button,
.slb-welcome-server-card button,
.slb-welcome-server-card a[role="button"],
.slb-welcome-server-card [role="button"] { position: relative !important; z-index: 2 !important; flex: 0 0 auto !important; min-width: 118px !important; min-height: 46px !important; padding: 0 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #f4f1ea !important; background: #5d7238 !important; border: 0 !important; border-radius: 0 !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28) !important; transition: background-color 0.18s ease, transform 0.18s ease !important; }
.slb-welcome-server-card__button:hover,
.slb-welcome-server-card button:hover,
.slb-welcome-server-card a[role="button"]:hover,
.slb-welcome-server-card [role="button"]:hover { color: #f4f1ea !important; background: #6d8641 !important; transform: translateY(-1px) !important; }
@media (max-width: 760px) { .slb-welcome-server-modal [class*="WelcomeSelectServer-module__servers"] { grid-template-columns: 1fr !important; } .slb-welcome-server-card { min-height: 116px !important; padding: 16px !important; } .slb-welcome-server-card, .slb-welcome-server-card > *:not(.slb-welcome-server-card__button) { font-size: 19px !important; } }
.slb-welcome-server-modal,
[class*="WelcomeSelectServer-module__modalWrapper"].slb-welcome-server-modal { position: fixed !important; top: var(--slb-topbar-height, 54px) !important; right: 0 !important; bottom: 0 !important; left: 0 !important; inset: var(--slb-topbar-height, 54px) 0 0 0 !important; box-sizing: border-box !important; width: 100vw !important; height: calc(100vh - var(--slb-topbar-height, 54px)) !important; min-height: calc(100vh - var(--slb-topbar-height, 54px)) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 22px 20px 20px !important; overflow: hidden !important; }
.slb-welcome-server-modal__box,
.slb-welcome-server-modal [class*="WelcomeSelectServer-module__modal"] { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; margin: 0 auto !important; max-height: calc(100vh - var(--slb-topbar-height, 54px) - 42px) !important; }
[class*="Cookie-module__wrapper"] { position: fixed !important; left: 50% !important; right: auto !important; bottom: 22px !important; top: auto !important; z-index: 100000 !important; width: min(680px, calc(100vw - 28px)) !important; min-height: 0 !important; margin: 0 !important; padding: 15px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; color: rgba(244, 241, 234, 0.84) !important; background: linear-gradient(180deg, rgba(31, 34, 31, 0.94), rgba(12, 13, 13, 0.96)), url("https://pic.survivalhost.org/images/2026/05/21/rust-body-overlay.png") repeat !important; border: 1px solid rgba(216, 237, 79, 0.2) !important; border-radius: 0 !important; box-shadow: 0 18px 52px rgba(0, 0, 0, 0.48), inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important; transform: translateX(-50%) !important; backdrop-filter: blur(8px) saturate(0.95) !important; -webkit-backdrop-filter: blur(8px) saturate(0.95) !important; }
[class*="Cookie-module__wrapper"]::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: -1 !important; background: radial-gradient(circle at 18% 0%, rgba(216, 237, 79, 0.1), transparent 32%), linear-gradient(90deg, rgba(255, 255, 255, 0.04), transparent 35%, rgba(0, 0, 0, 0.2)) !important; pointer-events: none !important; }
[class*="Cookie-module__wrapper"],
[class*="Cookie-module__wrapper"] * { font-family: "Roboto Condensed", "Cera Pro", Arial, sans-serif !important; }
[class*="Cookie-module__text"],
[class*="Cookie-module__wrapper"] p,
[class*="Cookie-module__wrapper"] span { margin: 0 !important; color: rgba(244, 241, 234, 0.8) !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.28 !important; text-align: left !important; }
[class*="Cookie-module__wrapper"] a { color: #d8ed4f !important; text-decoration: none !important; }
[class*="Cookie-module__wrapper"] a:hover { color: #f4f1ea !important; }
[class*="Cookie-module__wrapper"] button,
[class*="Cookie-module__wrapper"] [class*="Button-module__btn"] { flex: 0 0 auto !important; min-width: 92px !important; min-height: 42px !important; padding: 0 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #f4f1ea !important; background: #5d7238 !important; border: 0 !important; border-radius: 0 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.03em !important; text-transform: uppercase !important; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.26) !important; transition: background-color 0.18s ease, transform 0.18s ease !important; }
[class*="Cookie-module__wrapper"] button:hover,
[class*="Cookie-module__wrapper"] button:focus,
[class*="Cookie-module__wrapper"] [class*="Button-module__btn"]:hover,
[class*="Cookie-module__wrapper"] [class*="Button-module__btn"]:focus { color: #f4f1ea !important; background: #6d8641 !important; transform: translateY(-1px) !important; }
@media (max-width: 620px) { [class*="Cookie-module__wrapper"] { bottom: 12px !important; width: calc(100vw - 20px) !important; padding: 14px !important; flex-direction: column !important; align-items: stretch !important; } [class*="Cookie-module__wrapper"] button, [class*="Cookie-module__wrapper"] [class*="Button-module__btn"] { width: 100% !important; } }
.slb-welcome-server-modal [class*="WelcomeSelectServer-module__servers"] { position: relative !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; align-items: stretch !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.slb-welcome-server-modal [class*="WelcomeSelectServer-module__servers"].slb-welcome-server-card { min-height: 0 !important; padding: 0 !important; display: grid !important; background: transparent !important; border: 0 !important; transform: none !important; }
.slb-welcome-server-modal [class*="WelcomeSelectServer-module__servers"].slb-welcome-server-card::before,
.slb-welcome-server-modal [class*="WelcomeSelectServer-module__servers"].slb-welcome-server-card::after { display: none !important; }
.slb-welcome-server-card { min-height: 132px !important; padding: 19px !important; display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 18px !important; font-size: 0 !important; text-align: left !important; }
.slb-welcome-server-card > *:not(.slb-welcome-server-card__label):not(.slb-welcome-server-card__button):not(button):not(a):not([role="button"]) { color: transparent !important; font-size: 0 !important; line-height: 0 !important; text-shadow: none !important; }
.slb-welcome-server-card__label { position: relative !important; z-index: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; max-width: calc(100% - 138px) !important; display: block !important; color: #f4f1ea !important; font-family: "Roboto Condensed", "Teko", Impact, sans-serif !important; font-weight: 900 !important; line-height: 0.96 !important; letter-spacing: 0.08em !important; text-align: left !important; text-transform: uppercase !important; text-shadow: 0 8px 22px rgba(0, 0, 0, 0.62) !important; }
.slb-welcome-server-card__label strong { display: block !important; overflow: hidden !important; color: inherit !important; font: inherit !important; font-size: clamp(20px, 1.5vw, 28px) !important; line-height: 0.96 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.slb-welcome-server-card__label span { display: block !important; margin-top: 4px !important; overflow: hidden !important; color: rgba(255, 255, 255, 0.86) !important; font: inherit !important; font-size: clamp(17px, 1.12vw, 22px) !important; line-height: 1 !important; letter-spacing: 0.07em !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.slb-welcome-server-card__button,
.slb-welcome-server-card button,
.slb-welcome-server-card a[role="button"],
.slb-welcome-server-card [role="button"] { align-self: flex-end !important; margin: 0 !important; }
@media (max-width: 760px) { .slb-welcome-server-modal [class*="WelcomeSelectServer-module__servers"] { grid-template-columns: 1fr !important; } .slb-welcome-server-card__label { max-width: calc(100% - 120px) !important; } .slb-welcome-server-card__label strong { font-size: 21px !important; } .slb-welcome-server-card__label span { font-size: 17px !important; } }
.slb-topbar { background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)), rgba(34, 34, 34, 0.82) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.055) !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32) !important; }
.slb-topbar__nav,
.slb-topbar__actions { gap: 4px !important; }
.slb-topbar__link[href*="/page/rules"],
.slb-topbar__link[href*="/page/support"],
.slb-topbar__link[href="/support"],
.slb-topbar__link[href*="/support"] { display: none !important; }
.slb-topbar__link,
.slb-topbar__topup,
.slb-topbar__login { min-width: 116px !important; height: 48px !important; min-height: 48px !important; padding: 0 18px !important; color: var(--server-title-color, hsla(27, 58%, 93%, 0.75)) !important; background-color: var(--serverpanel-bg-color, hsla(0, 0%, 100%, 0.10)) !important; background: var(--serverpanel-bg-color, hsla(0, 0%, 100%, 0.10)) !important; border: 0 !important; border-radius: var(--radius10, 0px) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 16px !important; font-weight: 800 !important; line-height: 48px !important; letter-spacing: 0 !important; text-transform: uppercase !important; box-shadow: none !important; transition: background-color 0.15s ease, color 0.15s ease, filter 0.15s ease !important; }
.slb-topbar__topup { min-width: 168px !important; }
.slb-topbar__login { min-width: 108px !important; }
.slb-topbar__link:hover,
.slb-topbar__link:focus,
.slb-topbar__topup:hover,
.slb-topbar__topup:focus,
.slb-topbar__login:hover,
.slb-topbar__login:focus { color: hsla(27, 58%, 93%, 0.94) !important; background-color: rgba(115, 141, 69, 0.50) !important; background: rgba(115, 141, 69, 0.50) !important; }
.slb-topbar__link--active,
.slb-topbar__link--active:hover,
.slb-topbar__link--active:focus,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle:hover,
html.slb-monitor-open .slb-topbar__link.slb-monitor-toggle:focus { color: #d8ed4f !important; background-color: #5d7238 !important; background: #5d7238 !important; }
.slb-topbar__icon,
.slb-topbar__login-icon { display: none !important; width: 0 !important; height: 0 !important; color: currentColor !important; opacity: 0 !important; transform: none !important; }
.slb-support-float { position: fixed !important; right: 24px !important; top: calc(var(--slb-topbar-height, 50px) + 78px) !important; z-index: 2147482500 !important; width: 58px !important; height: 58px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #f7d3cc !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)), #b23825 !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 0 !important; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34) !important; text-decoration: none !important; transform: translate3d(0, 0, 0) scale(1) !important; transform-origin: center center !important; transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.2, 0.9, 0.22, 1), background-color 0.18s ease !important; }
.slb-support-float::before,
.slb-support-float::after { content: "" !important; position: absolute !important; inset: -8px !important; border: 1px solid rgba(178, 56, 37, 0.48) !important; opacity: 0 !important; pointer-events: none !important; animation: slbSupportPulse 2.4s ease-out infinite !important; }
.slb-support-float::after { animation-delay: 1.2s !important; }
.slb-support-float__icon { position: relative !important; z-index: 2 !important; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.34)) !important; }
.slb-support-float:hover,
.slb-support-float:focus { color: #ffffff !important; background-color: #cf3d29 !important; transform: translate3d(0, 0, 0) scale(1.13) !important; }
.slb-support-float.is-hidden { opacity: 0 !important; pointer-events: none !important; transform: translate3d(0, 18px, 0) scale(0.82) !important; }
@keyframes slbSupportPulse { 0% { opacity: 0.54; transform: scale(0.82); } 74%, 100% { opacity: 0; transform: scale(1.42); } }
.slb-topup-auth-modal { position: fixed !important; inset: 0 !important; z-index: 2147483200 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 20px !important; }
.slb-topup-auth-modal.is-open { display: flex !important; }
.slb-topup-auth-modal__backdrop { position: absolute !important; inset: 0 !important; background: rgba(5, 6, 6, 0.72) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; }
.slb-topup-auth-modal__panel { position: relative !important; z-index: 1 !important; width: min(520px, calc(100vw - 28px)) !important; padding: 34px 34px 24px !important; overflow: visible !important; color: #f4f1ea !important; background: radial-gradient(circle at 50% 0%, rgba(159, 189, 85, 0.10), transparent 42%), linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.16)), rgba(17, 20, 18, 0.96) !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: 0 26px 72px rgba(0, 0, 0, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important; text-align: center !important; }
.slb-topup-auth-modal__panel::before,
.slb-topup-auth-modal__panel::after { content: none !important; display: none !important; }
.slb-topup-auth-modal__panel h2 { margin: 0 0 12px !important; color: #f5efe5 !important; font-family: "Roboto Condensed", "Teko", Impact, sans-serif !important; font-size: 34px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.38) !important; }
.slb-topup-auth-modal__panel p { max-width: 350px !important; margin: 0 auto 12px !important; color: rgba(245, 239, 229, 0.68) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.32 !important; }
.slb-topup-auth-modal__login { position: relative !important; width: min(230px, 68vw) !important; height: 172px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; display: block !important; color: transparent !important; background-color: transparent !important; background-image: url("https://pic.survivalhost.org/images/2026/05/12/ChatGPT-Image-12-MAY-2026-G.-01_23_21-1-1-1-1-1-3.webp") !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important; border: 0 !important; border-radius: 0 !important; font-size: 0 !important; line-height: 0 !important; text-indent: -9999px !important; text-decoration: none !important; box-shadow: none !important; outline: 0 !important; filter: drop-shadow(0 16px 22px rgba(0, 0, 0, 0.38)) saturate(0.98) brightness(0.98) !important; transform: translateY(0) rotate(0deg) scale(1) !important; transform-origin: 50% 86% !important; cursor: pointer !important; animation: none !important; transition: transform 0.28s cubic-bezier(0.2, 0.9, 0.22, 1), filter 0.18s ease !important; }
.slb-topup-auth-modal__login::after { content: "Войти" !important; position: absolute !important; left: 50% !important; top: 50% !important; z-index: 1 !important; width: 112px !important; height: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: rgba(245, 239, 229, 0.88) !important; background: rgba(93, 114, 56, 0.72) !important; border: 1px solid rgba(216, 237, 79, 0.24) !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; text-indent: 0 !important; text-transform: uppercase !important; pointer-events: none !important; transform: translate(-50%, -50%) !important; opacity: 1 !important; transition: opacity 0.18s ease !important; }
html.slb-auth-bear-ready .slb-topup-auth-modal__login::after { opacity: 0 !important; }
.slb-topup-auth-modal__login:hover { color: transparent !important; background-color: transparent !important; filter: drop-shadow(0 20px 24px rgba(0, 0, 0, 0.46)) saturate(1.06) brightness(1.06) !important; outline: 0 !important; transform: translateY(-8px) rotate(0deg) scale(1) !important; animation: none !important; }
.slb-topup-auth-modal__login:focus { color: transparent !important; background-color: transparent !important; outline: 0 !important; }
.slb-topup-auth-modal__login:focus-visible { color: transparent !important; background-color: transparent !important; filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.42)) saturate(1.04) brightness(1.04) !important; outline: 2px solid rgba(159, 189, 85, 0.55) !important; outline-offset: 4px !important; }
.slb-topup-auth-modal__close { position: absolute !important; top: 10px !important; right: 10px !important; width: 38px !important; height: 38px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: rgba(245, 239, 229, 0.72) !important; background: rgba(245, 239, 229, 0.075) !important; border: 1px solid rgba(245, 239, 229, 0.08) !important; border-radius: 0 !important; font-size: 24px !important; line-height: 1 !important; box-shadow: none !important; cursor: pointer !important; transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease !important; }
.slb-topup-auth-modal__close:hover,
.slb-topup-auth-modal__close:focus-visible { color: #ffffff !important; background: rgba(177, 65, 52, 0.72) !important; border-color: rgba(245, 239, 229, 0.14) !important; outline: 0 !important; }
@media (max-width: 760px) { .slb-support-float { right: 12px !important; top: calc(var(--slb-topbar-height, 50px) + 64px) !important; width: 52px !important; height: 52px !important; } .slb-topbar__link, .slb-topbar__topup, .slb-topbar__login { min-width: auto !important; padding: 0 12px !important; font-size: 14px !important; } }
.slb-topbar { --slb-topbar-button-bg: var(--serverpanel-bg-color, hsla(0, 0%, 100%, 0.10)); --slb-topbar-button-text: var(--server-title-color, hsla(27, 58%, 93%, 0.75)); --slb-topbar-button-hover-bg: hsla(0, 0%, 100%, 0.16); --slb-topbar-button-hover-text: #ffffff; --slb-topbar-button-active-bg: #5D7238; --slb-topbar-button-active-text: #ffffff; }
.slb-topbar .slb-topbar__link,
.slb-topbar .slb-topbar__topup,
.slb-topbar .slb-topbar__login { color: var(--slb-topbar-button-text) !important; background-color: var(--slb-topbar-button-bg) !important; background: var(--slb-topbar-button-bg) !important; box-shadow: none !important; outline: 0 !important; transform: none !important; animation: none !important; transition: background 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important; }
.slb-topbar .slb-topbar__link:hover:not(.slb-topbar__link--active):not(.slb-topbar__link--pressed),
.slb-topbar .slb-topbar__link:focus:not(.slb-topbar__link--active):not(.slb-topbar__link--pressed),
.slb-topbar .slb-topbar__topup:hover,
.slb-topbar .slb-topbar__topup:focus,
.slb-topbar .slb-topbar__topup:active,
.slb-topbar .slb-topbar__login:hover,
.slb-topbar .slb-topbar__login:focus,
.slb-topbar .slb-topbar__login:active { color: var(--slb-topbar-button-hover-text) !important; background-color: var(--slb-topbar-button-hover-bg) !important; background: var(--slb-topbar-button-hover-bg) !important; }
.slb-topbar .slb-topbar__link:active,
.slb-topbar .slb-topbar__link.slb-topbar__link--pressed,
.slb-topbar .slb-topbar__link.slb-topbar__link--pressed:hover,
.slb-topbar .slb-topbar__link.slb-topbar__link--pressed:focus,
.slb-topbar .slb-topbar__link.slb-topbar__link--active:not(.slb-monitor-toggle),
.slb-topbar .slb-topbar__link.slb-topbar__link--active:not(.slb-monitor-toggle):hover,
.slb-topbar .slb-topbar__link.slb-topbar__link--active:not(.slb-monitor-toggle):focus,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle:hover,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle:focus,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle:active,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle.slb-topbar__link--active,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle.slb-topbar__link--active:hover,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle.slb-topbar__link--active:focus { color: var(--slb-topbar-button-active-text) !important; background-color: var(--slb-topbar-button-active-bg) !important; background: var(--slb-topbar-button-active-bg) !important; }
.slb-topbar .slb-topbar__topup:focus:not(:hover),
.slb-topbar .slb-topbar__login:focus:not(:hover) { color: var(--slb-topbar-button-text) !important; background-color: var(--slb-topbar-button-bg) !important; background: var(--slb-topbar-button-bg) !important; }
.slb-topbar .slb-monitor-toggle,
.slb-topbar .slb-monitor-toggle:active,
.slb-topbar .slb-monitor-toggle:focus:not(:hover),
.slb-topbar .slb-monitor-toggle.slb-topbar__link--active,
.slb-topbar .slb-monitor-toggle.slb-topbar__link--active:active,
.slb-topbar .slb-monitor-toggle.slb-topbar__link--active:focus:not(:hover),
html:not(.slb-monitor-open) .slb-topbar .slb-monitor-toggle,
html:not(.slb-monitor-open) .slb-topbar .slb-monitor-toggle:active,
html:not(.slb-monitor-open) .slb-topbar .slb-monitor-toggle:focus:not(:hover),
html:not(.slb-monitor-open) .slb-topbar .slb-monitor-toggle.slb-topbar__link--active,
html:not(.slb-monitor-open) .slb-topbar .slb-monitor-toggle.slb-topbar__link--active:active,
html:not(.slb-monitor-open) .slb-topbar .slb-monitor-toggle.slb-topbar__link--active:focus:not(:hover),
html.slb-monitor-open .slb-topbar .slb-monitor-toggle,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle:active,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle:focus:not(:hover),
html.slb-monitor-open .slb-topbar .slb-monitor-toggle.slb-topbar__link--active,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle.slb-topbar__link--active:active,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle.slb-topbar__link--active:focus:not(:hover) { color: var(--slb-topbar-button-text) !important; background-color: var(--slb-topbar-button-bg) !important; background: var(--slb-topbar-button-bg) !important; }
.slb-topbar .slb-monitor-toggle:hover,
.slb-topbar .slb-monitor-toggle:focus-visible,
.slb-topbar .slb-monitor-toggle.slb-topbar__link--active:hover,
html:not(.slb-monitor-open) .slb-topbar .slb-monitor-toggle:hover,
html:not(.slb-monitor-open) .slb-topbar .slb-monitor-toggle.slb-topbar__link--active:hover,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle:hover,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle:focus-visible,
html.slb-monitor-open .slb-topbar .slb-monitor-toggle.slb-topbar__link--active:hover { color: var(--slb-topbar-button-hover-text) !important; background-color: var(--slb-topbar-button-hover-bg) !important; background: var(--slb-topbar-button-hover-bg) !important; }
:root { --slb-toast-safe-top-v124: 84px; --slb-toast-safe-z-v124: 2147483646; }
.slb-notice-safe-stack { top: var(--slb-toast-safe-top-v124) !important; z-index: var(--slb-toast-safe-z-v124) !important; filter: none !important; -webkit-filter: none !important; max-height: calc(100vh - var(--slb-toast-safe-top-v124) - 18px) !important; }
.slb-notice-portal { position: fixed !important; top: var(--slb-toast-safe-top-v124) !important; right: max(18px, env(safe-area-inset-right, 0px)) !important; bottom: auto !important; left: auto !important; width: min(420px, calc(100vw - 36px)) !important; max-width: calc(100vw - 36px) !important; z-index: 2147483647 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; pointer-events: none !important; filter: none !important; -webkit-filter: none !important; }
.slb-notice-portal .slb-notice-portal-item { position: relative !important; inset: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; transform: none !important; z-index: 2147483647 !important; pointer-events: auto !important; visibility: visible !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; }
html.slb-product-modal-open .slb-notice-portal { top: 14px !important; right: max(14px, env(safe-area-inset-right, 0px)) !important; }
.slb-notice-portal.slb-notice-portal--modal-anchor { top: 14px !important; right: max(14px, env(safe-area-inset-right, 0px)) !important; }
.slb-notice-source-hidden { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.slb-notice-safe-stack .Toast-module__toast,
.slb-notice-safe-stack [class*="Toast-module__toast"],
.slb-notice-safe-stack [class*="toast"],
.slb-notice-safe-stack [class*="Notify"],
.slb-notice-safe-stack [class*="notify"],
.slb-notice-safe-stack [class*="Notification"],
.slb-notice-safe-stack [class*="notification"],
.slb-notice-safe-item { position: relative !important; z-index: 2147483647 !important; filter: none !important; -webkit-filter: none !important; opacity: 1 !important; }
html.slb-product-modal-open .slb-notice-safe-stack,
html.slb-product-modal-open .slb-notice-over-modal { z-index: 2147483646 !important; }
html.slb-product-modal-open .slb-notice-safe-stack .Toast-module__toast,
html.slb-product-modal-open .slb-notice-safe-stack [class*="Toast-module__toast"],
html.slb-product-modal-open .slb-notice-safe-stack [class*="toast"],
html.slb-product-modal-open .slb-notice-safe-stack [class*="Notify"],
html.slb-product-modal-open .slb-notice-safe-stack [class*="notify"],
html.slb-product-modal-open .slb-notice-safe-stack [class*="Notification"],
html.slb-product-modal-open .slb-notice-safe-stack [class*="notification"],
html.slb-product-modal-open .slb-notice-safe-item { z-index: 2147483647 !important; filter: none !important; -webkit-filter: none !important; opacity: 1 !important; }
@media (max-width: 820px) { :root { --slb-toast-safe-top-v124: 72px; } }
:root { --slb-topup-modal-bg-v125: rgba(18, 22, 24, 0.97); --slb-topup-modal-body-v125: rgba(24, 28, 30, 0.88); --slb-topup-modal-line-v125: rgba(245, 239, 229, 0.10); --slb-topup-modal-text-v125: rgba(245, 239, 229, 0.90); --slb-topup-modal-muted-v125: rgba(245, 239, 229, 0.66); --slb-topup-modal-green-v125: #5d7238; --slb-topup-modal-green-hover-v125: #6d8641; --slb-topup-modal-red-v125: #cf3d29; --slb-topup-modal-yellow-v125: #d8ed4f; }
.slb-topup-modal-wrapper { position: fixed !important; inset: 0 !important; z-index: 2147483350 !important; display: grid !important; align-items: center !important; justify-items: center !important; place-items: center !important; width: auto !important; min-height: 100dvh !important; padding: 18px !important; overflow: hidden !important; background: rgba(0, 0, 0, 0.58) !important; backdrop-filter: blur(7px) saturate(0.9) !important; -webkit-backdrop-filter: blur(7px) saturate(0.9) !important; }
.slb-topup-modal-wrapper .slb-topup-modal { position: fixed !important; inset: auto !important; top: 50dvh !important; right: auto !important; bottom: auto !important; left: 50vw !important; width: min(560px, calc(100vw - 36px)) !important; max-width: calc(100vw - 36px) !important; max-height: calc(100dvh - 36px) !important; margin: 0 !important; overflow: auto !important; transform: translate(-50%, -50%) !important; color: var(--slb-topup-modal-text-v125) !important; background: linear-gradient(180deg, rgba(31, 34, 31, 0.96), rgba(12, 13, 13, 0.98)), url("https://pic.survivalhost.org/images/2026/05/21/rust-body-overlay.png") repeat !important; border: 1px solid var(--slb-topup-modal-line-v125) !important; border-radius: 0 !important; box-shadow: 0 28px 86px rgba(0, 0, 0, 0.58) !important; }
.slb-topup-modal .boxHeader { padding: 18px 20px !important; color: var(--slb-topup-modal-text-v125) !important; background: rgba(10, 12, 13, 0.68) !important; border: 0 !important; border-bottom: 1px solid var(--slb-topup-modal-line-v125) !important; border-radius: 0 !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase !important; }
.slb-topup-modal .boxBody { padding: 20px !important; display: flex !important; flex-direction: column !important; gap: 16px !important; color: var(--slb-topup-modal-text-v125) !important; background: radial-gradient(circle at 50% 6%, rgba(216, 237, 79, 0.10), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.18)), var(--slb-topup-modal-body-v125) !important; border: 0 !important; border-radius: 0 !important; }
.slb-topup-modal .boxBody *,
.slb-topup-modal .boxFooter * { font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; }
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] { min-height: 48px !important; border: 1px solid rgba(245, 239, 229, 0.12) !important; border-radius: 0 !important; background: rgba(0, 0, 0, 0.32) !important; color: #fff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; }
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] > :first-child,
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] [class*="currency"],
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] [class*="Currency"] { min-width: 48px !important; background: var(--slb-topup-modal-red-v125) !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; font-weight: 900 !important; }
.slb-topup-modal input,
.slb-topup-modal textarea { color: #fff !important; caret-color: var(--slb-topup-modal-yellow-v125) !important; }
.slb-topup-bonus-card,
.slb-topup-promo-card { position: relative !important; padding: 16px !important; overflow: hidden !important; color: var(--slb-topup-modal-text-v125) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(0, 0, 0, 0.08)), rgba(93, 114, 56, 0.15) !important; border: 1px solid rgba(216, 237, 79, 0.18) !important; border-radius: 0 !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025) !important; }
.slb-topup-bonus-card::before,
.slb-topup-promo-card::before { content: "" !important; position: absolute !important; inset: 0 !important; background: radial-gradient(circle at 16% 0%, rgba(216, 237, 79, 0.14), transparent 34%), linear-gradient(90deg, rgba(255, 255, 255, 0.04), transparent 45%, rgba(0, 0, 0, 0.22)) !important; pointer-events: none !important; }
.slb-topup-bonus-card > *,
.slb-topup-promo-card > * { position: relative !important; z-index: 1 !important; }
.slb-topup-bonus-card h3,
.slb-topup-promo-card label { display: block !important; margin: 0 0 12px !important; color: var(--slb-topup-modal-yellow-v125) !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase !important; }
.slb-topup-bonus-card__rows { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 7px 14px !important; align-items: center !important; }
.slb-topup-bonus-card__rows span,
.slb-topup-bonus-card__rows b { color: rgba(255, 255, 255, 0.92) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.05 !important; }
.slb-topup-bonus-card__rows b { color: var(--slb-topup-modal-yellow-v125) !important; font-weight: 900 !important; }
.slb-topup-bonus-card p,
.slb-topup-promo-card p { margin: 12px 0 0 !important; color: var(--slb-topup-modal-muted-v125) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.22 !important; }
.slb-topup-promo-card__row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px !important; }
.slb-topup-promo-card input { width: 100% !important; min-width: 0 !important; min-height: 42px !important; padding: 0 12px !important; color: #fff !important; background: rgba(0, 0, 0, 0.34) !important; border: 1px solid rgba(245, 239, 229, 0.12) !important; border-radius: 0 !important; font-size: 15px !important; font-weight: 800 !important; outline: 0 !important; }
.slb-topup-promo-card input:focus { border-color: rgba(216, 237, 79, 0.42) !important; }
.slb-topup-promo-card button,
.slb-topup-modal .boxFooter button,
.slb-topup-modal .boxFooter [class*="Button-module__btn"] { min-height: 42px !important; padding: 0 18px !important; color: #fff !important; background: var(--slb-topup-modal-red-v125) !important; border: 0 !important; border-radius: 0 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase !important; box-shadow: none !important; transform: none !important; transition: background-color 0.18s ease, color 0.18s ease !important; }
.slb-topup-modal .boxFooter [class*="gray"],
.slb-topup-modal .boxFooter [class*="Gray"] { background: rgba(255, 255, 255, 0.09) !important; color: var(--slb-topup-modal-text-v125) !important; }
.slb-topup-promo-card button:hover,
.slb-topup-promo-card button:focus,
.slb-topup-modal .boxFooter button:hover,
.slb-topup-modal .boxFooter button:focus,
.slb-topup-modal .boxFooter [class*="Button-module__btn"]:hover,
.slb-topup-modal .boxFooter [class*="Button-module__btn"]:focus { color: #fff !important; background: var(--slb-topup-modal-green-hover-v125) !important; }
.slb-topup-modal .boxFooter { padding: 16px 20px !important; display: flex !important; justify-content: space-between !important; gap: 12px !important; background: rgba(10, 12, 13, 0.62) !important; border: 0 !important; border-top: 1px solid var(--slb-topup-modal-line-v125) !important; border-radius: 0 !important; }
@media (max-width: 560px) { .slb-topup-modal-wrapper { padding: 10px !important; } .slb-topup-modal-wrapper .slb-topup-modal { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; max-height: calc(100dvh - 20px) !important; } .slb-topup-promo-card__row { grid-template-columns: 1fr !important; } .slb-topup-promo-card button, .slb-topup-modal .boxFooter button, .slb-topup-modal .boxFooter [class*="Button-module__btn"] { width: 100% !important; } .slb-topup-modal .boxFooter { flex-direction: column-reverse !important; } }
.slb-support-float { top: auto !important; right: 22px !important; bottom: 54px !important; overflow: visible !important; animation: slbSupportButtonBreath 2.8s ease-in-out infinite !important; }
.slb-support-float::before,
.slb-support-float::after { inset: -7px !important; border-color: rgba(207, 61, 41, 0.62) !important; animation: slbSupportWave 2.1s ease-out infinite !important; }
.slb-support-float::after { animation-delay: 1.05s !important; }
.slb-support-float__icon { animation: slbSupportIconWiggle 2.8s ease-in-out infinite !important; }
.slb-support-float:hover,
.slb-support-float:focus { animation-play-state: paused !important; }
.slb-support-float:hover .slb-support-float__icon,
.slb-support-float:focus .slb-support-float__icon { animation-play-state: paused !important; }
@keyframes slbSupportButtonBreath { 0%, 100% { box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), 0 0 0 rgba(207, 61, 41, 0); } 48% { box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), 0 0 20px rgba(207, 61, 41, 0.42); } }
@keyframes slbSupportWave { 0% { opacity: 0.58; transform: scale(0.74); } 72%, 100% { opacity: 0; transform: scale(1.54); } }
@keyframes slbSupportIconWiggle { 0%, 72%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); } 76% { transform: translate3d(-1px, 0, 0) rotate(-5deg); } 80% { transform: translate3d(1px, 0, 0) rotate(5deg); } 84% { transform: translate3d(-1px, 0, 0) rotate(-4deg); } 88% { transform: translate3d(0, 0, 0) rotate(0deg); } }
@media (max-width: 760px) { .slb-support-float { top: auto !important; right: 12px !important; bottom: 48px !important; } }
.slb-support-float { top: auto !important; right: 22px !important; bottom: clamp(172px, 29vh, 270px) !important; }
@media (max-width: 760px) { .slb-support-float { top: auto !important; right: 12px !important; bottom: clamp(148px, 27vh, 230px) !important; } }
.slb-support-float { top: auto !important; right: 22px !important; bottom: clamp(210px, 34vh, 315px) !important; animation: slbSupportButtonGlowV111 2.8s ease-in-out infinite !important; }
.slb-support-float::before,
.slb-support-float::after { border-color: rgba(255, 98, 74, 0.58) !important; box-shadow: 0 0 16px rgba(207, 61, 41, 0.18) !important; }
@keyframes slbSupportButtonGlowV111 { 0%, 100% { box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), 0 0 0 rgba(255, 96, 72, 0), 0 0 0 rgba(255, 96, 72, 0); filter: drop-shadow(0 0 0 rgba(255, 96, 72, 0)); } 46% { box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), 0 0 18px rgba(255, 96, 72, 0.38), 0 0 34px rgba(207, 61, 41, 0.18); filter: drop-shadow(0 0 9px rgba(255, 96, 72, 0.34)); } }
@media (max-width: 760px) { .slb-support-float { top: auto !important; right: 12px !important; bottom: clamp(182px, 32vh, 270px) !important; } }
.slb-support-float { color: #fff4ef !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0)), #d83f28 !important; border-color: rgba(255, 139, 105, 0.58) !important; box-shadow: 0 16px 38px rgba(0, 0, 0, 0.42), 0 0 22px rgba(255, 86, 54, 0.48), 0 0 46px rgba(216, 63, 40, 0.26) !important; animation: slbSupportButtonGlowV112 2.35s ease-in-out infinite !important; }
.slb-support-float::before,
.slb-support-float::after { inset: -11px !important; border-width: 2px !important; border-color: rgba(255, 103, 72, 0.86) !important; box-shadow: 0 0 18px rgba(255, 103, 72, 0.52), 0 0 34px rgba(216, 63, 40, 0.32) !important; animation: slbSupportWaveStrongV112 1.85s ease-out infinite !important; }
.slb-support-float::after { animation-delay: 0.92s !important; }
.slb-support-float__icon { color: #fffaf5 !important; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.38)) drop-shadow(0 0 8px rgba(255, 214, 198, 0.52)) !important; }
.slb-support-float:hover,
.slb-support-float:focus { background-color: #f04f34 !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46), 0 0 28px rgba(255, 98, 66, 0.58), 0 0 58px rgba(216, 63, 40, 0.34) !important; }
@keyframes slbSupportButtonGlowV112 { 0%, 100% { box-shadow: 0 16px 38px rgba(0, 0, 0, 0.42), 0 0 16px rgba(255, 86, 54, 0.30), 0 0 28px rgba(216, 63, 40, 0.16); filter: saturate(1.02) brightness(1); } 45% { box-shadow: 0 16px 38px rgba(0, 0, 0, 0.42), 0 0 34px rgba(255, 96, 64, 0.72), 0 0 72px rgba(216, 63, 40, 0.44); filter: saturate(1.18) brightness(1.15); } }
@keyframes slbSupportWaveStrongV112 { 0% { opacity: 0.88; transform: scale(0.66); } 70%, 100% { opacity: 0; transform: scale(1.72); } }
.slb-support-float { animation: slbSupportButtonGlowV113 4.8s ease-in-out infinite !important; }
.slb-support-float::before,
.slb-support-float::after { animation: slbSupportWaveSmoothV113 4.2s cubic-bezier(0.18, 0.72, 0.2, 1) infinite !important; }
.slb-support-float::after { animation-delay: 2.1s !important; }
.slb-support-float__icon { animation: slbSupportIconWiggle 5.2s ease-in-out infinite !important; }
@keyframes slbSupportButtonGlowV113 { 0%, 100% { box-shadow: 0 16px 38px rgba(0, 0, 0, 0.42), 0 0 14px rgba(255, 86, 54, 0.26), 0 0 24px rgba(216, 63, 40, 0.12); filter: saturate(1.02) brightness(1); } 44%, 58% { box-shadow: 0 16px 38px rgba(0, 0, 0, 0.42), 0 0 30px rgba(255, 96, 64, 0.66), 0 0 66px rgba(216, 63, 40, 0.38); filter: saturate(1.14) brightness(1.12); } }
@keyframes slbSupportWaveSmoothV113 { 0% { opacity: 0; transform: scale(0.68); } 14% { opacity: 0.78; } 76%, 100% { opacity: 0; transform: scale(1.74); } }
/* SLABIY script stats/top page owner v1: style external stats.slab-rust.ru widgets only. */
:root { --slb-stats-bg-v1: rgba(17, 19, 19, 0.86); --slb-stats-panel-v1: rgba(31, 33, 32, 0.82); --slb-stats-panel-2-v1: rgba(39, 41, 40, 0.72); --slb-stats-line-v1: rgba(245, 239, 229, 0.10); --slb-stats-text-v1: rgba(245, 239, 229, 0.86); --slb-stats-muted-v1: rgba(245, 239, 229, 0.58); --slb-stats-green-v1: #5d7238; --slb-stats-green-hover-v1: #6d8641; --slb-stats-red-v1: #cf3d29; }
html.slb-script-stats-page .container,
html.slb-script-stats-page [class*="index-module__wrapper"] { width: min(1320px, calc(100% - 32px)) !important; max-width: 1320px !important; margin-right: auto !important; margin-left: auto !important; padding: 0 0 96px !important; border: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; overflow: visible !important; }
html.slb-script-stats-page main.container.CustomPage-module__wrapper,
html.slb-script-stats-page main.container[class*="CustomPage-module__wrapper"],
html.slb-script-stats-page main[class*="CustomPage-module__wrapper"],
html.slb-script-stats-page .container.CustomPage-module__wrapper,
html.slb-script-stats-page .container[class*="CustomPage-module__wrapper"] { width: min(1320px, calc(100% - 32px)) !important; max-width: 1320px !important; margin-right: auto !important; margin-left: auto !important; padding: 0 0 96px !important; border: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; overflow: visible !important; }
html.slb-script-stats-page main.container.CustomPage-module__wrapper > [class*="Page-module__wrapper"],
html.slb-script-stats-page main.container[class*="CustomPage-module__wrapper"] > [class*="Page-module__wrapper"],
html.slb-script-stats-page main[class*="CustomPage-module__wrapper"] > [class*="Page-module__wrapper"] { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; }
html.slb-script-stats-page .container > .box,
html.slb-script-stats-page [class*="index-module__wrapper"] > .box,
html.slb-script-stats-page .container > [class*="Page-module"],
html.slb-script-stats-page [class*="index-module__wrapper"] > [class*="Page-module"],
html.slb-script-stats-page .container > [class*="StaticPage"],
html.slb-script-stats-page [class*="index-module__wrapper"] > [class*="StaticPage"],
html.slb-script-stats-page .container > [class*="Content-module__wrapper"],
html.slb-script-stats-page [class*="index-module__wrapper"] > [class*="Content-module__wrapper"] { margin-top: clamp(-86px, -7vh, -60px) !important; }
html.slb-script-stats-page .box,
html.slb-script-stats-page .boxHeader,
html.slb-script-stats-page .boxHeaderCustom,
html.slb-script-stats-page .boxBody,
html.slb-script-stats-page [class*="Page-module"],
html.slb-script-stats-page [class*="StaticPage"],
html.slb-script-stats-page [class*="Content-module__wrapper"],
html.slb-script-stats-page [class*="Content-module__body"] { border-radius: 0 !important; }
html.slb-script-stats-page .box,
html.slb-script-stats-page [class*="Page-module__wrapper"],
html.slb-script-stats-page [class*="StaticPage"],
html.slb-script-stats-page [class*="Content-module__wrapper"] { overflow: hidden !important; border: 1px solid var(--slb-stats-line-v1) !important; background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(0,0,0,0.12)), var(--slb-stats-bg-v1) !important; box-shadow: 0 22px 70px rgba(0, 0, 0, 0.38) !important; }
html.slb-script-stats-page .boxHeader,
html.slb-script-stats-page .boxHeaderCustom { min-height: 48px !important; padding: 15px 18px !important; border: 0 !important; border-bottom: 1px solid var(--slb-stats-line-v1) !important; background: rgba(255, 255, 255, 0.045) !important; color: rgba(245, 239, 229, 0.78) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 18px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: none !important; }
html.slb-script-stats-page .boxBody { padding: 20px !important; color: var(--slb-stats-text-v1) !important; background: transparent !important; }
html.slb-stats-page .boxBody { min-height: clamp(520px, 58vh, 760px) !important; }
html.slb-top-page .boxBody { min-height: clamp(680px, 72vh, 920px) !important; }
html.slb-script-stats-page #loading,
html.slb-script-stats-page #loading-indicator { min-height: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; line-height: 0 !important; }
html.slb-script-stats-page #loading br,
html.slb-script-stats-page #loading-indicator br { display: none !important; }
html.slb-stats-top-notice-mode .slb-stats-dev-notice { display: none !important; }
html.slb-top-page .boxHeader::after,
html.slb-top-page .boxHeaderCustom::after,
html.slb-stats-page .boxHeader::after,
html.slb-stats-page .boxHeaderCustom::after { content: none !important; display: none !important; }
html.slb-script-stats-page .slb-stats-player-count-badge { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 22px !important; max-width: calc(100% - 16px) !important; margin-left: 12px !important; padding: 0 9px !important; vertical-align: middle !important; border: 1px solid rgba(216, 237, 79, 0.24) !important; border-radius: 0 !important; background: rgba(93, 114, 56, 0.62) !important; color: rgba(255, 255, 255, 0.92) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 11px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase !important; white-space: nowrap !important; }
html.slb-script-stats-page .slb-stats-player-count-badge[data-loading="1"] { opacity: .72 !important; }
html.slb-script-stats-page .stats-topbar,
html.slb-script-stats-page .stats_button { box-sizing: border-box !important; display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 8px !important; width: 100% !important; min-height: 44px !important; margin: 0 0 18px !important; padding: 0 !important; }
html.slb-script-stats-page .statsBtn { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 1 184px !important; min-width: 148px !important; min-height: 42px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid rgba(245, 239, 229, 0.10) !important; border-radius: 0 !important; background: rgba(255, 255, 255, 0.065) !important; color: rgba(245, 239, 229, 0.72) !important; box-shadow: none !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: uppercase !important; cursor: pointer !important; transition: background-color .14s ease, border-color .14s ease, color .14s ease !important; }
html.slb-script-stats-page .statsBtn:hover,
html.slb-script-stats-page .statsBtn:focus-visible { border-color: rgba(245, 239, 229, 0.18) !important; background: rgba(255, 255, 255, 0.11) !important; color: #ffffff !important; outline: 0 !important; }
html.slb-script-stats-page .statsBtn.active,
html.slb-script-stats-page .statsBtn[class*="active"] { border-color: rgba(216, 237, 79, 0.25) !important; background: var(--slb-stats-green-v1) !important; color: #ffffff !important; }
html.slb-script-stats-page .statsBtn[data-table="novosib"] { display: none !important; }
html.slb-script-stats-page .btn-wipe { box-sizing: border-box !important; display: flex !important; flex-flow: row wrap !important; align-items: stretch !important; justify-content: flex-end !important; gap: 8px !important; width: 100% !important; min-height: 42px !important; margin: 0 0 -44px !important; padding: 0 !important; z-index: 3 !important; position: relative !important; transform: none !important; }
html.slb-script-stats-page .btn-wipe input[type="radio"] { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
html.slb-script-stats-page label.btn-label { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: clamp(150px, 17vw, 200px) !important; min-height: 42px !important; margin: 0 !important; padding: 0 16px !important; border: 1px solid rgba(245, 239, 229, 0.10) !important; border-radius: 0 !important; background: rgba(255, 255, 255, 0.055) !important; color: rgba(245, 239, 229, 0.72) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; cursor: pointer !important; transition: background-color .14s ease, border-color .14s ease, color .14s ease !important; }
html.slb-script-stats-page label.btn-label:hover,
html.slb-script-stats-page label.btn-label:focus-visible { border-color: rgba(245, 239, 229, 0.18) !important; background: rgba(255, 255, 255, 0.11) !important; color: #ffffff !important; outline: 0 !important; }
html.slb-script-stats-page input[type="radio"].wipe:checked + label.btn-label,
html.slb-script-stats-page input[type="radio"].alltime:checked + label.btn-label { border-color: rgba(216, 237, 79, 0.25) !important; background: var(--slb-stats-green-v1) !important; color: #ffffff !important; }
html.slb-top-page .stats_button { padding-right: 0 !important; }
html.slb-top-page .btn-wipe { width: clamp(320px, 36vw, 420px) !important; margin: -60px 0 18px auto !important; }
html.slb-top-page .boxHeader.slb-top-reward-header,
html.slb-top-page .boxHeaderCustom.slb-top-reward-header { position: relative !important; z-index: 12 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; min-height: 58px !important; }
html.slb-top-page .slb-top-reward-meta { position: relative !important; z-index: 14 !important; display: grid !important; grid-template-columns: minmax(300px, 1fr) auto !important; align-items: center !important; gap: 10px !important; width: min(650px, 62%) !important; min-width: 0 !important; margin-left: auto !important; }
html.slb-top-page .slb-top-reward-schedule { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; min-height: 36px !important; padding: 7px 12px !important; border: 1px solid rgba(216, 237, 79, 0.34) !important; border-radius: 0 !important; background: rgba(93, 114, 56, 0.22) !important; color: #d8ed4f !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.15 !important; letter-spacing: 0 !important; text-align: center !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.72) !important; }
html.slb-top-page .slb-top-reward-info { position: relative !important; z-index: 15 !important; width: auto !important; min-width: 128px !important; min-height: 36px !important; margin: 0 !important; padding: 0 !important; }
html.slb-top-page .slb-top-reward-info__button { position: relative !important; isolation: isolate !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 128px !important; height: 36px !important; margin: 0 !important; padding: 0 15px !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: rgba(245, 239, 229, 0.72) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 13px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.72) !important; cursor: pointer !important; box-shadow: none !important; transition: color .14s ease !important; }
html.slb-top-page .slb-top-reward-info__button span { position: relative !important; z-index: 3 !important; }
html.slb-top-page .slb-top-reward-info__button::before { content: "" !important; position: absolute !important; inset: -150% -45% !important; z-index: 0 !important; pointer-events: none !important; background: conic-gradient(from 0deg, transparent 0deg 302deg, rgba(216, 237, 79, 0.12) 316deg, #d8ed4f 330deg, #ffffff 337deg, #d8ed4f 344deg, transparent 358deg 360deg) !important; animation: slbTopRewardInfoBorderRayV3 6s linear infinite !important; }
html.slb-top-page .slb-top-reward-info__button::after { content: "" !important; position: absolute !important; inset: 1px !important; z-index: 1 !important; pointer-events: none !important; background: #252725 !important; transition: background-color .14s ease !important; }
html.slb-top-page .slb-top-reward-info__button:hover,
html.slb-top-page .slb-top-reward-info__button:focus-visible,
html.slb-top-page .slb-top-reward-info--open .slb-top-reward-info__button { color: #ffffff !important; outline: 0 !important; }
html.slb-top-page .slb-top-reward-info__button:hover::after,
html.slb-top-page .slb-top-reward-info__button:focus-visible::after,
html.slb-top-page .slb-top-reward-info--open .slb-top-reward-info__button::after { background: var(--slb-stats-green-v1) !important; }
@keyframes slbTopRewardInfoBorderRayV3 { to { transform: rotate(360deg); } }
html.slb-top-page .slb-top-reward-info__popover { position: absolute !important; top: calc(100% + 8px) !important; right: 0 !important; left: auto !important; z-index: 30 !important; box-sizing: border-box !important; width: min(430px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; margin: 0 !important; padding: 14px 44px 14px 16px !important; border: 1px solid rgba(216, 237, 79, 0.26) !important; border-radius: 0 !important; background: rgba(18, 22, 20, 0.98) !important; color: rgba(245, 239, 229, 0.86) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.44) !important; }
html.slb-top-page .slb-top-reward-info__popover[hidden] { display: none !important; }
html.slb-top-page .slb-top-reward-info__close { position: absolute !important; top: 8px !important; right: 8px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 26px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(245, 239, 229, 0.10) !important; border-radius: 0 !important; background: rgba(255, 255, 255, 0.065) !important; color: rgba(245, 239, 229, 0.74) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1 !important; cursor: pointer !important; transition: background-color .14s ease, border-color .14s ease, color .14s ease !important; }
html.slb-top-page .slb-top-reward-info__close:hover,
html.slb-top-page .slb-top-reward-info__close:focus-visible { border-color: rgba(207, 61, 41, 0.60) !important; background: #cf3d29 !important; color: #ffffff !important; outline: 0 !important; }
@media (prefers-reduced-motion: reduce) { html.slb-top-page .slb-top-reward-info__button::before { animation: none !important; } }
html.slb-top-page .slb-top-reward-info__popover strong { display: block !important; margin: 0 0 8px !important; color: #ffffff !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.1 !important; text-transform: uppercase !important; }
html.slb-top-page .slb-top-reward-info__popover ul { display: grid !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
html.slb-top-page .slb-top-reward-info__popover li { display: grid !important; grid-template-columns: 22px minmax(0, 1fr) !important; align-items: start !important; column-gap: 2px !important; margin: 0 !important; padding: 0 !important; color: rgba(245, 239, 229, 0.78) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.22 !important; }
html.slb-top-page .slb-top-reward-info__rule-number { grid-column: 1 !important; color: #d8ed4f !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
html.slb-top-page .slb-top-reward-info__rule-text { grid-column: 2 !important; min-width: 0 !important; }
html.slb-stats-page #tableContainer,
html.slb-stats-page #statistics_wrapper { width: 100% !important; max-width: 100% !important; overflow-x: auto !important; }
html.slb-stats-page div#statistics_filter { width: min(420px, 100%) !important; height: 42px !important; margin: 0 0 10px !important; border-radius: 0 !important; }
html.slb-stats-page #statistics_filter label { box-sizing: border-box !important; display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid rgba(245, 239, 229, 0.12) !important; border-radius: 0 !important; background: rgba(0, 0, 0, 0.22) !important; color: rgba(245, 239, 229, 0.78) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; }
html.slb-stats-page #statistics_wrapper input[type="search"] { flex: 1 1 auto !important; min-width: 0 !important; height: 38px !important; margin: 0 !important; padding: 0 8px !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: #ffffff !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 14px !important; font-weight: 800 !important; }
html.slb-stats-page table#statistics { width: 100% !important; min-width: 760px !important; margin: 10px 0 0 !important; overflow: hidden !important; border: 1px solid var(--slb-stats-line-v1) !important; border-radius: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: var(--slb-stats-panel-v1) !important; color: var(--slb-stats-text-v1) !important; }
html.slb-stats-page #statistics thead tr:first-child th:first-child,
html.slb-stats-page #statistics thead tr:first-child th:last-child,
html.slb-stats-page #statistics tbody tr:last-child td:first-child,
html.slb-stats-page #statistics tbody tr:last-child td:last-child { border-radius: 0 !important; }
html.slb-stats-page #statistics th,
html.slb-stats-page #statistics td { padding: 12px 14px !important; border: 0 !important; border-bottom: 1px solid rgba(245, 239, 229, 0.055) !important; box-shadow: none !important; color: var(--slb-stats-text-v1) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.15 !important; }
html.slb-stats-page #statistics th { background: rgba(255, 255, 255, 0.055) !important; color: rgba(245, 239, 229, 0.78) !important; font-size: 13px !important; font-weight: 900 !important; text-transform: none !important; }
html.slb-stats-page #statistics td:first-child { align-items: flex-start !important; gap: 2px !important; }
html.slb-stats-page #statistics td:first-child small,
html.slb-stats-page #statistics td:first-child span { color: rgba(245, 239, 229, 0.32) !important; font-size: 11px !important; font-weight: 700 !important; }
html.slb-stats-page #statistics tr.odd,
html.slb-stats-page #statistics tbody tr:nth-child(odd) { background: rgba(0, 0, 0, 0.12) !important; }
html.slb-stats-page #statistics tr.even,
html.slb-stats-page #statistics tbody tr:nth-child(even) { background: rgba(255, 255, 255, 0.025) !important; }
html.slb-stats-page #statistics tbody tr:hover { background: rgba(93, 114, 56, 0.16) !important; }
html.slb-stats-page div#statistics_info { display: none !important; }
html.slb-stats-page div#statistics_paginate { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; margin-top: 18px !important; }
html.slb-stats-page a.paginate_button,
html.slb-stats-page a#statistics_previous,
html.slb-stats-page a#statistics_next { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; min-width: 34px !important; margin: 0 !important; padding: 0 10px !important; border: 1px solid rgba(245, 239, 229, 0.10) !important; border-radius: 0 !important; background: rgba(255, 255, 255, 0.055) !important; color: rgba(245, 239, 229, 0.62) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 13px !important; font-weight: 900 !important; cursor: pointer !important; }
html.slb-stats-page a.paginate_button.current,
html.slb-stats-page a.paginate_button:hover,
html.slb-stats-page a#statistics_previous:hover,
html.slb-stats-page a#statistics_next:hover { border-color: rgba(216, 237, 79, 0.22) !important; background: var(--slb-stats-green-v1) !important; color: #ffffff !important; }
html.slb-stats-page a.paginate_button.disabled { opacity: .44 !important; pointer-events: none !important; }
html.slb-top-page #custom-tableContainer { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)) !important; align-content: start !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; min-height: clamp(620px, 66vh, 860px) !important; margin-top: 0 !important; }
html.slb-top-page #custom-tableContainer .category-container { box-sizing: border-box !important; min-width: 0 !important; margin: 0 !important; padding: 12px !important; border: 1px solid var(--slb-stats-line-v1) !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(0,0,0,0.10)), var(--slb-stats-panel-v1) !important; color: var(--slb-stats-text-v1) !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; box-shadow: none !important; }
html.slb-top-page #custom-tableContainer .category-header { display: flex !important; align-items: center !important; min-height: 34px !important; margin: 0 0 10px !important; padding: 8px 10px !important; border: 0 !important; border-left: 3px solid var(--slb-stats-green-v1) !important; border-radius: 0 !important; background: rgba(0, 0, 0, 0.24) !important; color: rgba(245, 239, 229, 0.82) !important; box-shadow: none !important; font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1 !important; text-align: left !important; text-transform: uppercase !important; }
html.slb-top-page #custom-tableContainer .category-header:empty { display: none !important; }
html.slb-top-page #custom-tableContainer .player-block { box-sizing: border-box !important; display: grid !important; grid-template-columns: 34px 42px minmax(0, 1fr) !important; align-items: center !important; gap: 8px !important; min-height: 56px !important; width: 100% !important; margin: 0 0 7px !important; padding: 7px 8px !important; border: 1px solid rgba(245, 239, 229, 0.055) !important; border-radius: 0 !important; background: rgba(255, 255, 255, 0.045) !important; color: var(--slb-stats-text-v1) !important; box-shadow: none !important; }
html.slb-top-page #custom-tableContainer .player-block.slb-top-player-has-reward { grid-template-columns: 34px 42px minmax(0, 1fr) 56px !important; }
html.slb-top-page #custom-tableContainer .player-block:last-child { margin-bottom: 0 !important; }
html.slb-top-page #custom-tableContainer .player-position { grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; color: rgba(216, 237, 79, 0.88) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; }
html.slb-top-page #custom-tableContainer .player-avatar { grid-column: 2 !important; width: 42px !important; height: 42px !important; margin: 0 !important; border-radius: 0 !important; object-fit: cover !important; background: rgba(0, 0, 0, 0.24) !important; }
html.slb-top-page #custom-tableContainer .player-block.slb-top-player-has-reward .player-avatar { grid-column: 2 !important; grid-row: 1 !important; }
html.slb-top-page #custom-tableContainer .player-info-top { grid-column: 3 !important; grid-row: 1 !important; min-width: 0 !important; width: auto !important; margin: 0 !important; }
html.slb-top-page #custom-tableContainer .player-block.slb-top-player-has-reward .player-info-top { grid-column: 3 !important; grid-row: 1 !important; }
html.slb-top-page #custom-tableContainer .player-name { overflow: hidden !important; color: rgba(245, 239, 229, 0.9) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.1 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html.slb-top-page #custom-tableContainer .player-score { overflow: hidden !important; color: var(--slb-stats-muted-v1) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html.slb-top-page #custom-tableContainer .player-status { display: none !important; }
html.slb-top-page #custom-tableContainer .player-reward { display: none !important; visibility: hidden !important; }
html.slb-top-page #custom-tableContainer .player-block.slb-top-player-has-reward .player-reward { grid-column: 4 !important; grid-row: 1 !important; display: inline-flex !important; align-self: center !important; justify-self: end !important; align-items: center !important; justify-content: center !important; min-width: 52px !important; min-height: 24px !important; margin: 0 !important; padding: 0 6px !important; border: 1px solid rgba(216, 237, 79, 0.36) !important; border-radius: 0 !important; background: rgba(93, 114, 56, 0.26) !important; color: #d8ed4f !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0 !important; text-align: center !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.72) !important; visibility: visible !important; white-space: nowrap !important; }
html.slb-top-page #custom-tableContainer .player-reward[hidden] { display: none !important; visibility: hidden !important; }
html.slb-top-page #custom-tableContainer .player-reward::after { display: none !important; content: none !important; visibility: hidden !important; }
@media (max-width: 760px) { html.slb-script-stats-page .container, html.slb-script-stats-page [class*="index-module__wrapper"] { width: min(100% - 20px, 1320px) !important; padding-top: 0 !important; } html.slb-script-stats-page .container > .box, html.slb-script-stats-page [class*="index-module__wrapper"] > .box, html.slb-script-stats-page .container > [class*="Page-module"], html.slb-script-stats-page [class*="index-module__wrapper"] > [class*="Page-module"], html.slb-script-stats-page .container > [class*="StaticPage"], html.slb-script-stats-page [class*="index-module__wrapper"] > [class*="StaticPage"], html.slb-script-stats-page .container > [class*="Content-module__wrapper"], html.slb-script-stats-page [class*="index-module__wrapper"] > [class*="Content-module__wrapper"] { margin-top: 0 !important; } html.slb-script-stats-page .boxBody { padding: 14px !important; } html.slb-top-page .boxHeader::after, html.slb-top-page .boxHeaderCustom::after, html.slb-stats-page .boxHeader::after, html.slb-stats-page .boxHeaderCustom::after { min-height: 20px !important; margin-left: 8px !important; padding: 0 7px !important; font-size: 10px !important; } html.slb-script-stats-page .stats_button { gap: 6px !important; } html.slb-script-stats-page .statsBtn { flex: 1 1 30% !important; min-width: 0 !important; padding: 0 8px !important; font-size: 12px !important; } html.slb-script-stats-page .btn-wipe { justify-content: stretch !important; margin: 10px 0 0 !important; } html.slb-script-stats-page label.btn-label { flex: 1 1 calc(50% - 4px) !important; width: auto !important; font-size: 13px !important; } html.slb-stats-page div#statistics_filter { width: 100% !important; margin-top: 10px !important; } html.slb-top-page #custom-tableContainer { grid-template-columns: 1fr !important; margin-top: 14px !important; } }
@media (max-width: 760px) { html.slb-stats-page .boxBody { min-height: 420px !important; } html.slb-top-page .boxBody { min-height: 480px !important; } html.slb-top-page #custom-tableContainer { min-height: 420px !important; } html.slb-script-stats-page .slb-stats-player-count-badge { min-height: 20px !important; margin-left: 8px !important; padding: 0 7px !important; font-size: 10px !important; } }
@media (max-width: 980px) { html.slb-top-page .boxHeader.slb-top-reward-header, html.slb-top-page .boxHeaderCustom.slb-top-reward-header { flex-wrap: wrap !important; } html.slb-top-page .slb-top-reward-meta { grid-template-columns: minmax(0, 1fr) auto !important; width: 100% !important; margin-top: 2px !important; margin-left: 0 !important; } }
@media (max-width: 900px) { html.slb-top-page .stats_button { padding-right: 0 !important; } html.slb-top-page .btn-wipe { width: 100% !important; justify-content: stretch !important; margin: 10px 0 0 !important; } html.slb-top-page #custom-tableContainer { margin-top: 14px !important; } html.slb-top-page .slb-top-reward-info__popover { right: 0 !important; left: auto !important; width: min(430px, calc(100vw - 28px)) !important; max-width: calc(100vw - 28px) !important; } }
@media (max-width: 560px) { html.slb-top-page .slb-top-reward-meta { grid-template-columns: 1fr !important; } html.slb-top-page .slb-top-reward-schedule { width: 100% !important; } html.slb-top-page .slb-top-reward-info, html.slb-top-page .slb-top-reward-info__button { width: 100% !important; } }
html.slb-static-page .container,
html.slb-static-page [class*="index-module__wrapper"] { width: min(1120px, calc(100% - 32px)) !important; max-width: 1120px !important; margin-left: auto !important; margin-right: auto !important; padding-top: clamp(86px, 10vh, 118px) !important; padding-bottom: 92px !important; }
html.slb-static-page .slb-static-page-panel,
html.slb-static-page .box:has(.slb-static-page-panel),
html.slb-static-page [class*="Page-module__wrapper"],
html.slb-static-page [class*="StaticPage"] { color: rgba(244, 241, 234, 0.88) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.022)), rgba(20, 20, 20, 0.86) !important; border: 1px solid rgba(255, 255, 255, 0.10) !important; border-radius: 8px !important; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32) !important; overflow: hidden !important; }
html.slb-static-page .box.slb-static-page-panel { padding: 0 !important; }
html.slb-static-page .box.slb-static-page-panel .boxBody,
html.slb-static-page .box:has(.slb-static-page-panel) .boxBody,
html.slb-static-page .slb-static-page-panel { padding: clamp(22px, 3vw, 38px) !important; }
html.slb-static-page .box.slb-static-page-panel .boxHeader,
html.slb-static-page .box.slb-static-page-panel .boxHeaderCustom,
html.slb-static-page .box:has(.slb-static-page-panel) .boxHeader,
html.slb-static-page .box:has(.slb-static-page-panel) .boxHeaderCustom { display: block !important; padding: 18px clamp(22px, 3vw, 38px) !important; color: #f4f1ea !important; background: rgba(255, 255, 255, 0.045) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important; }
html.slb-static-page .slb-static-page-panel h1,
html.slb-static-page .slb-static-page-panel h2,
html.slb-static-page .slb-static-page-panel h3,
html.slb-static-page .box.slb-static-page-panel .boxHeader,
html.slb-static-page .box.slb-static-page-panel .boxHeaderCustom,
html.slb-static-page .box:has(.slb-static-page-panel) .boxHeader,
html.slb-static-page .box:has(.slb-static-page-panel) .boxHeaderCustom { letter-spacing: 0 !important; text-transform: none !important; }
html.slb-static-page .slb-static-page-panel h1,
html.slb-static-page .slb-static-page-panel h2 { margin-top: 0 !important; color: #fff7ed !important; }
html.slb-static-page .slb-static-page-panel p,
html.slb-static-page .slb-static-page-panel li,
html.slb-static-page .slb-static-page-panel td,
html.slb-static-page .slb-static-page-panel th { color: rgba(244, 241, 234, 0.82) !important; line-height: 1.68 !important; }
html.slb-static-page .slb-static-page-panel a { color: #f0c36a !important; text-decoration-color: rgba(240, 195, 106, 0.38) !important; }
html.slb-static-page .slb-static-page-panel hr { border-color: rgba(255, 255, 255, 0.10) !important; }
@media (max-width: 760px) { html.slb-static-page .container, html.slb-static-page [class*="index-module__wrapper"] { width: min(100% - 20px, 1120px) !important; padding-top: 74px !important; padding-bottom: 72px !important; } html.slb-static-page .box.slb-static-page-panel .boxBody, html.slb-static-page .box:has(.slb-static-page-panel) .boxBody, html.slb-static-page .slb-static-page-panel { padding: 18px !important; } html.slb-static-page .box.slb-static-page-panel { padding: 0 !important; } }
/* SLABIY rules static page v1. */
html.slb-rules-static-page .container,
html.slb-rules-static-page [class*="index-module__wrapper"] {
  width: min(1320px, calc(100% - 32px)) !important;
  max-width: 1320px !important;
  padding-top: 0 !important;
  padding-bottom: 96px !important;
}
html.slb-rules-static-page .box,
html.slb-rules-static-page .boxBody,
html.slb-rules-static-page .slb-static-page-panel,
html.slb-rules-static-page [class*="Page-module"],
html.slb-rules-static-page [class*="StaticPage"],
html.slb-rules-static-page [class*="Content-module__wrapper"],
html.slb-rules-static-page [class*="Content-module__body"] {
  overflow: visible !important;
  color: #f6f1e8 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.slb-rules-static-page .boxHeader,
html.slb-rules-static-page .boxHeaderCustom {
  display: none !important;
}
html.slb-rules-static-page .box:has(.slb-rules-page-panel),
html.slb-rules-static-page .box.slb-rules-page-panel,
html.slb-rules-static-page .boxBody.slb-rules-page-panel,
html.slb-rules-static-page .slb-rules-page-panel {
  margin-top: clamp(-96px, -9vh, -72px) !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #f6f1e8 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.slb-rules-static-page .box:has(.slb-rules-page-panel) > .boxBody,
html.slb-rules-static-page .box.slb-rules-page-panel > .boxBody {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html.slb-rules-static-page .box:has(.slb-rules-page-panel) > .boxHeader,
html.slb-rules-static-page .box:has(.slb-rules-page-panel) > .boxHeaderCustom,
html.slb-rules-static-page .box.slb-rules-page-panel > .boxHeader,
html.slb-rules-static-page .box.slb-rules-page-panel > .boxHeaderCustom {
  display: none !important;
}
html.slb-rules-static-page .slb-rules-page,
html.slb-rules-static-page .slb-rules-page * {
  box-sizing: border-box !important;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}
html.slb-rules-static-page .slb-rules-page {
  position: relative !important;
  display: grid !important;
  gap: 18px !important;
  width: 100% !important;
  padding: 34px !important;
  isolation: isolate !important;
  overflow: hidden !important;
  color: #f6f1e8 !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(93, 114, 56, 0.16), transparent 28%),
    radial-gradient(circle at 94% 16%, rgba(203, 63, 43, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(37, 45, 31, 0.92), rgba(28, 23, 21, 0.94) 44%, rgba(10, 11, 10, 0.98)) !important;
  border: 1px solid rgba(93, 114, 56, 0.34) !important;
  border-radius: 8px !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.42), inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
}
html.slb-rules-static-page .slb-rules-page::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0.42 !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), transparent 82%) !important;
}
html.slb-rules-static-page .slb-rules-page__hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 22px !important;
  align-items: stretch !important;
}
html.slb-rules-static-page .slb-rules-page__eyebrow {
  display: none !important;
  width: fit-content !important;
  margin-bottom: 16px !important;
  padding: 8px 12px !important;
  color: rgba(246, 241, 232, 0.74) !important;
  background: rgba(93, 114, 56, 0.10) !important;
  border: 1px solid rgba(93, 114, 56, 0.28) !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
html.slb-rules-static-page .slb-rules-page__hero h1 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 64px !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  text-transform: uppercase !important;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.36) !important;
}
html.slb-rules-static-page .slb-rules-page__hero p {
  max-width: 740px !important;
  margin: 18px 0 0 !important;
  color: rgba(246, 241, 232, 0.76) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}
html.slb-rules-static-page .slb-rules-page__recommendation {
  width: fit-content !important;
  max-width: 820px !important;
  margin-top: 16px !important;
  padding: 12px 14px !important;
  color: rgba(246, 241, 232, 0.76) !important;
  background: rgba(8, 9, 8, 0.42) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-left: 4px solid rgba(93, 114, 56, 0.72) !important;
  border-radius: 5px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}
html.slb-rules-static-page .slb-rules-summary {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}
html.slb-rules-static-page .slb-rules-summary__item {
  min-height: 82px !important;
  padding: 14px 16px !important;
  color: rgba(246, 241, 232, 0.74) !important;
  background: rgba(8, 9, 8, 0.46) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
}
html.slb-rules-static-page .slb-rules-summary__item span {
  display: block !important;
  margin-bottom: 4px !important;
  color: rgba(246, 241, 232, 0.58) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
html.slb-rules-static-page .slb-rules-summary__item strong {
  display: block !important;
  color: #ffffff !important;
  font-family: "Teko", "Roboto Condensed", sans-serif !important;
  font-size: 42px !important;
  font-weight: 700 !important;
  line-height: 0.92 !important;
}
html.slb-rules-static-page .slb-rules-page__notice,
html.slb-rules-static-page .slb-rules-section {
  background: rgba(8, 9, 8, 0.54) !important;
  border: 1px solid rgba(255, 255, 255, 0.085) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}
html.slb-rules-static-page .slb-rules-page__notice {
  display: grid !important;
  gap: 8px !important;
  padding: 16px 18px !important;
  border-left: 4px solid rgba(93, 114, 56, 0.72) !important;
}
html.slb-rules-static-page .slb-rules-page__notice p,
html.slb-rules-static-page .slb-rules-section__notes p,
html.slb-rules-static-page .slb-rule-item p {
  margin: 0 !important;
  color: rgba(246, 241, 232, 0.78) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}
html.slb-rules-static-page .slb-rules-page__content {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}
html.slb-rules-static-page .slb-rules-section {
  position: relative !important;
  display: grid !important;
  gap: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
html.slb-rules-static-page .slb-rules-section__head {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) auto 34px !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 86px !important;
  padding: 16px 18px !important;
  cursor: pointer !important;
  list-style: none !important;
}
html.slb-rules-static-page .slb-rules-section__head::-webkit-details-marker {
  display: none !important;
}
html.slb-rules-static-page .slb-rules-section__head span {
  display: grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  color: #f6f1e8 !important;
  background: rgba(93, 114, 56, 0.16) !important;
  border: 1px solid rgba(93, 114, 56, 0.36) !important;
  border-radius: 8px !important;
  font-family: "Teko", "Roboto Condensed", sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
html.slb-rules-static-page .slb-rules-section__head h2 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}
html.slb-rules-static-page .slb-rules-section__head small {
  justify-self: end !important;
  padding: 7px 10px !important;
  color: rgba(246, 241, 232, 0.62) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
html.slb-rules-static-page .slb-rules-section__head i {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(93, 114, 56, 0.34) !important;
  border-radius: 6px !important;
  background: rgba(93, 114, 56, 0.12) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}
html.slb-rules-static-page .slb-rules-section__head i::before {
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  border-right: 2px solid rgba(246, 241, 232, 0.78) !important;
  border-bottom: 2px solid rgba(246, 241, 232, 0.78) !important;
  transform: rotate(45deg) translateY(-2px) !important;
}
html.slb-rules-static-page .slb-rules-section[open] .slb-rules-section__head i {
  border-color: rgba(93, 114, 56, 0.58) !important;
  background: rgba(93, 114, 56, 0.22) !important;
  transform: rotate(180deg) !important;
}
html.slb-rules-static-page .slb-rules-section__body {
  display: grid !important;
  gap: 14px !important;
  padding: 0 18px 18px !important;
}
html.slb-rules-static-page .slb-rules-section__notes {
  display: grid !important;
  gap: 8px !important;
  padding: 12px 14px !important;
  background: rgba(255, 255, 255, 0.038) !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 6px !important;
}
html.slb-rules-static-page .slb-rules-section__list {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html.slb-rules-static-page .slb-rule-item {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  min-height: 64px !important;
  padding: 12px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-left: 3px solid rgba(93, 114, 56, 0.46) !important;
  border-radius: 7px !important;
}
html.slb-rules-static-page .slb-rule-item.is-warn {
  border-left-color: rgba(240, 195, 106, 0.78) !important;
}
html.slb-rules-static-page .slb-rule-item.is-danger {
  border-left-color: rgba(203, 63, 43, 0.82) !important;
}
html.slb-rules-static-page .slb-rule-item__code {
  display: grid !important;
  place-items: center !important;
  min-height: 40px !important;
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.34) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 6px !important;
  font-family: "Teko", "Roboto Condensed", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
html.slb-rules-static-page .slb-rule-item__body {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}
html.slb-rules-static-page .slb-rule-item__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
html.slb-rules-static-page .slb-rule-item__tags span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 8px !important;
  color: #ffdfc9 !important;
  background: rgba(203, 63, 43, 0.16) !important;
  border: 1px solid rgba(203, 63, 43, 0.32) !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
html.slb-rules-static-page .slb-rules-page__footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  color: rgba(246, 241, 232, 0.54) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
html.slb-rules-static-page .slb-rules-page ::selection {
  color: #fff7ed !important;
  background: rgba(255, 255, 255, 0.18) !important;
}
@media (max-width: 980px) {
  html.slb-rules-static-page .slb-rules-page__hero { grid-template-columns: 1fr !important; }
  html.slb-rules-static-page .slb-rules-summary { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  html.slb-rules-static-page .container,
  html.slb-rules-static-page [class*="index-module__wrapper"] {
    width: min(100% - 20px, 1320px) !important;
    padding-top: 62px !important;
    padding-bottom: 76px !important;
  }
  html.slb-rules-static-page .box:has(.slb-rules-page-panel),
  html.slb-rules-static-page .box.slb-rules-page-panel,
  html.slb-rules-static-page .boxBody.slb-rules-page-panel,
  html.slb-rules-static-page .slb-rules-page-panel { margin-top: 0 !important; }
  html.slb-rules-static-page .slb-rules-page { padding: 18px !important; gap: 14px !important; }
  html.slb-rules-static-page .slb-rules-page__hero h1 { font-size: 42px !important; }
  html.slb-rules-static-page .slb-rules-page__hero p { font-size: 16px !important; }
  html.slb-rules-static-page .slb-rules-summary { grid-template-columns: 1fr !important; }
  html.slb-rules-static-page .slb-rules-summary__item { min-height: 70px !important; }
  html.slb-rules-static-page .slb-rules-section { padding: 14px !important; }
  html.slb-rules-static-page .slb-rules-section { padding: 0 !important; }
  html.slb-rules-static-page .slb-rules-section__head { grid-template-columns: 46px minmax(0, 1fr) 34px !important; min-height: 76px !important; padding: 14px !important; }
  html.slb-rules-static-page .slb-rules-section__head span { width: 46px !important; height: 46px !important; font-size: 26px !important; }
  html.slb-rules-static-page .slb-rules-section__head h2 { font-size: 23px !important; }
  html.slb-rules-static-page .slb-rules-section__head small { display: none !important; }
  html.slb-rules-static-page .slb-rules-section__body { padding: 0 14px 14px !important; }
  html.slb-rules-static-page .slb-rule-item { grid-template-columns: 1fr !important; }
  html.slb-rules-static-page .slb-rule-item__code { width: fit-content !important; min-width: 66px !important; }
}
/* SLABIY calendar static page v1. */
html.slb-calendar-static-page .container,
html.slb-calendar-static-page [class*="index-module__wrapper"] {
  width: min(1280px, calc(100% - 32px)) !important;
  max-width: 1280px !important;
  padding-top: 0 !important;
  padding-bottom: 96px !important;
}
html.slb-calendar-static-page .slb-static-page-panel,
html.slb-calendar-static-page .slb-calendar-page-shell,
html.slb-calendar-static-page [class*="Page-module"],
html.slb-calendar-static-page [class*="StaticPage"],
html.slb-calendar-static-page [class*="Content-module__wrapper"],
html.slb-calendar-static-page [class*="Content-module__body"] {
  overflow: visible !important;
  color: rgba(245, 239, 229, 0.9) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) .box,
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) .boxBody,
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="Page-module"],
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="StaticPage"],
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="Content-module__wrapper"],
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="Content-module__body"],
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="Loader"],
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="loader"],
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="Preloader"],
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="Spinner"],
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="spinner"],
html.slb-calendar-static-page.slb-calendar-booting:not(.slb-calendar-enhanced):not(.slb-calendar-native-fallback) [class*="CircularProgress"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html.slb-calendar-static-page.slb-calendar-fallback-enhanced .box,
html.slb-calendar-static-page.slb-calendar-fallback-enhanced .boxBody,
html.slb-calendar-static-page.slb-calendar-fallback-enhanced [class*="Page-module"],
html.slb-calendar-static-page.slb-calendar-fallback-enhanced [class*="StaticPage"],
html.slb-calendar-static-page.slb-calendar-fallback-enhanced [class*="Content-module__wrapper"],
html.slb-calendar-static-page.slb-calendar-fallback-enhanced [class*="Content-module__body"] {
  display: none !important;
}
html.slb-calendar-static-page.slb-calendar-fallback-enhanced .slb-calendar-page-shell,
html.slb-calendar-static-page.slb-calendar-fallback-enhanced .slb-calendar-fallback-panel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html.slb-calendar-static-page .slb-calendar-page-shell,
html.slb-calendar-static-page .box.slb-calendar-page-panel,
html.slb-calendar-static-page .boxBody.slb-calendar-page-panel,
html.slb-calendar-static-page .slb-calendar-page-panel {
  overflow: visible !important;
  margin-top: clamp(-66px, -5.5vh, -42px) !important;
  padding: 0 !important;
  color: rgba(245, 239, 229, 0.9) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.slb-calendar-static-page .slb-calendar-fallback-panel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: min(1280px, calc(100% - 32px)) !important;
  max-width: 1280px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
html.slb-calendar-static-page .container > .slb-calendar-fallback-panel,
html.slb-calendar-static-page [class*="index-module__wrapper"] > .slb-calendar-fallback-panel {
  width: 100% !important;
  max-width: none !important;
}
html.slb-calendar-static-page .slb-calendar-page-shell > .boxHeader,
html.slb-calendar-static-page .slb-calendar-page-shell > .boxHeaderCustom,
html.slb-calendar-static-page .slb-calendar-page-shell > .boxHeader1,
html.slb-calendar-static-page .slb-calendar-page-shell > [class*="Header"],
html.slb-calendar-static-page .slb-calendar-page-shell > h1,
html.slb-calendar-static-page .slb-calendar-page-shell > h2 {
  display: none !important;
}
html.slb-calendar-static-page.slb-calendar-enhanced .boxHeader,
html.slb-calendar-static-page.slb-calendar-enhanced .boxHeaderCustom,
html.slb-calendar-static-page.slb-calendar-enhanced .boxHeader1 {
  display: none !important;
}
html.slb-calendar-static-page .slb-calendar-page-shell .slb-calendar-page-panel {
  margin-top: 0 !important;
}
html.slb-calendar-static-page .slb-calendar-page-shell > .boxBody,
html.slb-calendar-static-page .box.slb-calendar-page-panel > .boxBody {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.slb-calendar-static-page .slb-calendar-page-shell > .boxHeader,
html.slb-calendar-static-page .slb-calendar-page-shell > .boxHeaderCustom,
html.slb-calendar-static-page .box.slb-calendar-page-panel > .boxHeader,
html.slb-calendar-static-page .box.slb-calendar-page-panel > .boxHeaderCustom {
  display: none !important;
}
html.slb-calendar-static-page .slb-calendar-page,
html.slb-calendar-static-page .slb-calendar-page * {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}
html.slb-calendar-static-page .slb-calendar-page {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.14fr) !important;
  gap: 22px !important;
  width: 100% !important;
  min-height: min(720px, calc(100vh - 150px)) !important;
  margin: 0 auto !important;
  padding: clamp(22px, 3.2vw, 42px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(245, 239, 229, 0.12) !important;
  border-radius: 8px !important;
  color: #f5efe5 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    linear-gradient(135deg, rgba(93, 114, 56, 0.28), rgba(207, 61, 41, 0.08) 44%, rgba(12, 12, 12, 0.95) 100%),
    #151413 !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48) !important;
  font-family: var(--slb-font-main, "Roboto Condensed", "Teko", sans-serif) !important;
}
@media (max-height: 940px) and (min-width: 701px) {
  html.slb-calendar-static-page .slb-calendar-page-shell,
  html.slb-calendar-static-page .box.slb-calendar-page-panel,
  html.slb-calendar-static-page .boxBody.slb-calendar-page-panel,
  html.slb-calendar-static-page .slb-calendar-page-panel {
    margin-top: clamp(-78px, -7vh, -52px) !important;
  }
  html.slb-calendar-static-page .slb-calendar-page-shell .slb-calendar-page-panel {
    margin-top: 0 !important;
  }
  html.slb-calendar-static-page .slb-calendar-page {
    gap: 16px !important;
    min-height: min(660px, calc(100vh - var(--slb-topbar-height, 54px) - 32px)) !important;
    padding: 18px !important;
  }
  html.slb-calendar-static-page .slb-calendar-page__hero {
    gap: 14px !important;
    padding: 20px !important;
  }
  html.slb-calendar-static-page .slb-calendar-event {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 94px !important;
    padding: 10px !important;
  }
  html.slb-calendar-static-page .slb-calendar-event__date {
    min-height: 72px !important;
  }
  html.slb-calendar-static-page .slb-calendar-event__date span {
    font-size: 40px !important;
  }
  html.slb-calendar-static-page .slb-calendar-event h2 {
    margin-top: 7px !important;
    font-size: 22px !important;
  }
  html.slb-calendar-static-page .slb-calendar-event p {
    margin-bottom: 7px !important;
    font-size: 14px !important;
  }
  html.slb-calendar-static-page .slb-calendar-page__timeline {
    gap: 8px !important;
  }
}
html.slb-calendar-static-page .slb-calendar-page::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.22 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.85), transparent 78%) !important;
}
html.slb-calendar-static-page .slb-calendar-page__hero,
html.slb-calendar-static-page .slb-calendar-page__timeline,
html.slb-calendar-static-page .slb-calendar-page__footer {
  position: relative !important;
  z-index: 1 !important;
}
html.slb-calendar-static-page .slb-calendar-page__hero {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 22px !important;
  min-height: 100% !important;
  padding: clamp(20px, 3vw, 34px) !important;
  border: 1px solid rgba(245, 239, 229, 0.10) !important;
  border-radius: 8px !important;
  background: rgba(12, 12, 12, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}
html.slb-calendar-static-page .slb-calendar-page__eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(216, 237, 79, 0.22) !important;
  color: rgba(216, 237, 79, 0.86) !important;
  background: rgba(93, 114, 56, 0.22) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}
html.slb-calendar-static-page .slb-calendar-page__hero h1 {
  max-width: 620px !important;
  margin: auto 0 0 !important;
  color: #fff7ed !important;
  font-size: 72px !important;
  font-weight: 900 !important;
  line-height: 0.92 !important;
  text-transform: uppercase !important;
}
html.slb-calendar-static-page .slb-calendar-page__hero p {
  max-width: 580px !important;
  margin: 0 !important;
  color: rgba(245, 239, 229, 0.68) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}
html.slb-calendar-static-page .slb-calendar-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 8px !important;
}
html.slb-calendar-static-page .slb-calendar-summary__item {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(245, 239, 229, 0.09) !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, 0.26) !important;
}
html.slb-calendar-static-page .slb-calendar-summary__item span,
html.slb-calendar-static-page .slb-calendar-summary__item small {
  display: block !important;
  overflow: hidden !important;
  color: rgba(245, 239, 229, 0.54) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html.slb-calendar-static-page .slb-calendar-summary__item strong {
  display: block !important;
  margin: 7px 0 4px !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html.slb-calendar-static-page .slb-calendar-summary__item strong.slb-calendar-summary__date {
  overflow: visible !important;
  font-size: 24px !important;
  letter-spacing: 0 !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
html.slb-calendar-static-page .slb-calendar-page__timeline {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
}
html.slb-calendar-static-page .slb-calendar-event {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 94px minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 116px !important;
  padding: 14px !important;
  border: 1px solid rgba(245, 239, 229, 0.10) !important;
  border-radius: 8px !important;
  background: rgba(17, 18, 18, 0.72) !important;
  box-shadow: inset 3px 0 0 rgba(245, 239, 229, 0.10) !important;
}
html.slb-calendar-static-page .slb-calendar-event.is-next {
  border-color: rgba(216, 237, 79, 0.28) !important;
  background: linear-gradient(90deg, rgba(93, 114, 56, 0.26), rgba(17, 18, 18, 0.78)) !important;
  box-shadow: inset 3px 0 0 #d8ed4f, 0 18px 40px rgba(0, 0, 0, 0.24) !important;
}
html.slb-calendar-static-page .slb-calendar-event.is-global {
  box-shadow: inset 3px 0 0 rgba(207, 61, 41, 0.86) !important;
}
html.slb-calendar-static-page .slb-calendar-event.is-next.is-global {
  box-shadow: inset 3px 0 0 #d8ed4f, inset 7px 0 0 rgba(207, 61, 41, 0.82), 0 18px 40px rgba(0, 0, 0, 0.24) !important;
}
html.slb-calendar-static-page .slb-calendar-event.is-past {
  opacity: 0.58 !important;
}
html.slb-calendar-static-page .slb-calendar-event__date {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  min-height: 88px !important;
  border: 1px solid rgba(245, 239, 229, 0.10) !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, 0.30) !important;
}
html.slb-calendar-static-page .slb-calendar-event__date span {
  color: #fff !important;
  font-family: "Teko", var(--slb-font-main, sans-serif) !important;
  font-size: 46px !important;
  font-weight: 700 !important;
  line-height: 0.86 !important;
}
html.slb-calendar-static-page .slb-calendar-event__date small {
  margin-top: 5px !important;
  color: rgba(245, 239, 229, 0.62) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
html.slb-calendar-static-page .slb-calendar-event__body {
  min-width: 0 !important;
}
html.slb-calendar-static-page .slb-calendar-event__meta,
html.slb-calendar-static-page .slb-calendar-event__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
html.slb-calendar-static-page .slb-calendar-event__meta span,
html.slb-calendar-static-page .slb-calendar-event__tags span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(245, 239, 229, 0.08) !important;
  border-radius: 4px !important;
  color: rgba(245, 239, 229, 0.62) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
html.slb-calendar-static-page .slb-calendar-event h2 {
  margin: 10px 0 5px !important;
  color: #fff7ed !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}
html.slb-calendar-static-page .slb-calendar-event p {
  margin: 0 0 10px !important;
  color: rgba(245, 239, 229, 0.70) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
html.slb-calendar-static-page .slb-calendar-event.is-next .slb-calendar-event__tags span:last-child {
  border-color: rgba(216, 237, 79, 0.28) !important;
  color: #efffa0 !important;
  background: rgba(93, 114, 56, 0.28) !important;
}
html.slb-calendar-static-page .slb-calendar-event.is-global .slb-calendar-event__tags span:first-child {
  border-color: rgba(207, 61, 41, 0.34) !important;
  color: #ffb2a3 !important;
  background: rgba(207, 61, 41, 0.16) !important;
}
html.slb-calendar-static-page .slb-calendar-page__footer {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px 16px !important;
  grid-column: 1 / -1 !important;
  color: rgba(245, 239, 229, 0.48) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: right !important;
}
html.slb-calendar-static-page .slb-calendar-page__footer span {
  display: inline-flex !important;
  align-items: center !important;
}
@media (max-width: 980px) {
  html.slb-calendar-static-page .slb-calendar-page {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  html.slb-calendar-static-page .slb-calendar-page__hero {
    min-height: auto !important;
  }
  html.slb-calendar-static-page .slb-calendar-page__hero h1 {
    font-size: 56px !important;
  }
}
@media (max-width: 700px) {
  html.slb-calendar-static-page .container,
  html.slb-calendar-static-page [class*="index-module__wrapper"] {
    width: min(100% - 16px, 1280px) !important;
    padding-top: 0 !important;
    padding-bottom: 72px !important;
  }
  html.slb-calendar-static-page .slb-calendar-page-shell,
  html.slb-calendar-static-page .box.slb-calendar-page-panel,
  html.slb-calendar-static-page .boxBody.slb-calendar-page-panel,
  html.slb-calendar-static-page .slb-calendar-page-panel {
    margin-top: clamp(-78px, -9vh, -54px) !important;
  }
  html.slb-calendar-static-page .slb-calendar-page-shell .slb-calendar-page-panel {
    margin-top: 0 !important;
  }
  html.slb-calendar-static-page .slb-calendar-page {
    gap: 12px !important;
    padding: 12px !important;
  }
  html.slb-calendar-static-page .slb-calendar-page__hero {
    padding: 18px !important;
  }
  html.slb-calendar-static-page .slb-calendar-page__hero h1 {
    font-size: 40px !important;
  }
  html.slb-calendar-static-page .slb-calendar-page__hero p {
    font-size: 16px !important;
  }
  html.slb-calendar-static-page .slb-calendar-summary__item strong {
    font-size: 24px !important;
  }
  html.slb-calendar-static-page .slb-calendar-summary {
    grid-template-columns: 1fr !important;
  }
  html.slb-calendar-static-page .slb-calendar-event {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 104px !important;
    padding: 10px !important;
  }
  html.slb-calendar-static-page .slb-calendar-event__date {
    min-height: 78px !important;
  }
  html.slb-calendar-static-page .slb-calendar-event__date span {
    font-size: 38px !important;
  }
  html.slb-calendar-static-page .slb-calendar-event h2 {
    font-size: 19px !important;
  }
  html.slb-calendar-static-page .slb-calendar-page__footer {
    justify-content: flex-start !important;
    text-align: left !important;
  }
}
:root { --slb-shop-full-pad: 0px; }
.slb-topbar { padding-left: 0 !important; padding-right: 0 !important; }
html.slb-home-page .slb-content-stack > .slb-shop-section,
html.slb-home-page .slb-shop-section,
html.slb-home-page #slb-ocean-divider { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; }
html.slb-profile-page .slb-profile-simple { width: min(1120px, calc(100% - 8px)) !important; }
@media (max-width: 900px) { html.slb-profile-page .slb-profile-simple { width: min(100% - 8px, 680px) !important; } }
html { scrollbar-width: thin !important; scrollbar-color: #5d7238 #151413 !important; }
body::-webkit-scrollbar { width: 12px !important; }
body::-webkit-scrollbar-track { background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.12)), #151413 !important; }
body::-webkit-scrollbar-thumb { border: 2px solid #151413 !important; border-radius: 0 !important; background: linear-gradient(180deg, rgba(216, 237, 79, 0.24), rgba(0, 0, 0, 0)), #5d7238 !important; }
body::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(245, 239, 229, 0.22), rgba(0, 0, 0, 0)), #6f8743 !important; }
[class*="ProfileNav-module__wrapper"] { position: absolute !important; left: -9999px !important; top: 0 !important; width: 1px !important; height: 1px !important; min-width: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }
[class*="ProfileContent-module__wrapper"]:not(.slb-profile-simple__content),
[class*="HistoryContent-module__wrapper"]:not(.slb-profile-simple__content),
[class*="BasketContent-module__wrapper"]:not(.slb-profile-simple__content) { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
html.slb-profile-page { scrollbar-gutter: stable !important; }
html.slb-profile-page body { overflow-y: scroll !important; }
html.slb-profile-page .slb-profile-simple { --slb-profile-bg: rgba(27, 29, 29, 0.94); --slb-profile-panel: rgba(18, 20, 19, 0.94); --slb-profile-line: rgba(245, 239, 229, 0.12); --slb-profile-text: #f5efe5; --slb-profile-muted: rgba(245, 239, 229, 0.62); --slb-profile-green: #5d7238; --slb-profile-red: #cf3d29; display: block !important; width: min(1420px, calc(100vw - 56px)) !important; max-width: 1420px !important; margin: clamp(76px, 8vh, 104px) auto 96px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
html.slb-profile-page .slb-profile-simple,
html.slb-profile-page .slb-profile-simple * { box-sizing: border-box !important; letter-spacing: 0 !important; }
html.slb-profile-page .slb-profile-simple__nav { position: absolute !important; left: -9999px !important; top: 0 !important; width: 1px !important; height: 1px !important; min-width: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }
html.slb-profile-page [class*="ProfileNav-module__wrapper"] { position: absolute !important; left: -9999px !important; top: 0 !important; width: 1px !important; height: 1px !important; min-width: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }
html.slb-profile-page [class*="ProfileContent-module__wrapper"]:not(.slb-profile-simple__content),
html.slb-profile-page [class*="HistoryContent-module__wrapper"]:not(.slb-profile-simple__content),
html.slb-profile-page [class*="BasketContent-module__wrapper"]:not(.slb-profile-simple__content) { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
html.slb-profile-page [class*="ProfileContent-module__wrapper"],
html.slb-profile-page [class*="HistoryContent-module__wrapper"],
html.slb-profile-page [class*="BasketContent-module__wrapper"],
html.slb-profile-page [class*="ProfileContent-module__wrapper"] .box,
html.slb-profile-page [class*="HistoryContent-module__wrapper"] .box,
html.slb-profile-page [class*="BasketContent-module__wrapper"] .box { border-color: var(--slb-profile-line, rgba(245, 239, 229, 0.12)) !important; border-radius: 0 !important; background: var(--slb-profile-panel, rgba(18, 20, 19, 0.94)) !important; color: var(--slb-profile-text, #f5efe5) !important; box-shadow: none !important; transition: none !important; animation: none !important; }
html.slb-profile-page [class*="ProfileContent-module__wrapper"] .boxHeader,
html.slb-profile-page [class*="ProfileContent-module__wrapper"] .boxHeaderCustom,
html.slb-profile-page [class*="HistoryContent-module__wrapper"] .boxHeader,
html.slb-profile-page [class*="HistoryContent-module__wrapper"] .boxHeaderCustom,
html.slb-profile-page [class*="BasketContent-module__wrapper"] .boxHeader,
html.slb-profile-page [class*="BasketContent-module__wrapper"] .boxHeaderCustom { border-color: rgba(245, 239, 229, 0.08) !important; background: rgba(245, 239, 229, 0.055) !important; color: var(--slb-profile-muted, rgba(245, 239, 229, 0.62)) !important; transition: none !important; animation: none !important; }
html.slb-profile-page [class*="ProfileContent-module__wrapper"] .boxBody,
html.slb-profile-page [class*="HistoryContent-module__wrapper"] .boxBody,
html.slb-profile-page [class*="BasketContent-module__wrapper"] .boxBody { background: var(--slb-profile-panel, rgba(18, 20, 19, 0.94)) !important; color: var(--slb-profile-text, #f5efe5) !important; transition: none !important; animation: none !important; }
html.slb-profile-page [class*="ProfileContent-module__wrapper"] [style*="background"],
html.slb-profile-page [class*="ProfileContent-module__wrapper"] [style*="background-color"],
html.slb-profile-page [class*="HistoryContent-module__wrapper"] [style*="background"],
html.slb-profile-page [class*="HistoryContent-module__wrapper"] [style*="background-color"],
html.slb-profile-page [class*="BasketContent-module__wrapper"] [style*="background"],
html.slb-profile-page [class*="BasketContent-module__wrapper"] [style*="background-color"] { border-color: rgba(245, 239, 229, 0.1) !important; background: rgba(245, 239, 229, 0.045) !important; background-color: rgba(245, 239, 229, 0.045) !important; color: var(--slb-profile-muted, rgba(245, 239, 229, 0.62)) !important; transition: none !important; animation: none !important; }
html.slb-profile-page .slb-profile-simple__content { display: grid !important; grid-template-columns: 1fr !important; gap: 22px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; transition: none !important; animation: none !important; }
html.slb-profile-page .slb-profile-simple:not(.slb-profile-simple--ready) .slb-profile-simple__content { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
html.slb-profile-page.slb-profile-native-hold .slb-profile-simple__content { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; min-height: 390px !important; }
html.slb-profile-page .slb-profile-app-shell { display: grid !important; grid-template-columns: 1fr !important; gap: 28px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; padding: clamp(28px, 3vw, 42px) !important; border: 1px solid rgba(245, 239, 229, 0.08) !important; background: radial-gradient(circle at 50% -12%, rgba(93, 114, 56, 0.18), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.18)), var(--slb-profile-bg) !important; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28) !important; }
html.slb-profile-page .slb-profile-apps { display: grid !important; grid-template-columns: repeat(2, minmax(180px, 220px)) !important; justify-content: center !important; column-gap: clamp(34px, 5vw, 70px) !important; row-gap: 18px !important; width: 100% !important; margin: 0 auto !important; }
html.slb-profile-page .slb-profile-simple .slb-profile-app { position: relative !important; isolation: isolate !important; display: grid !important; justify-items: center !important; align-content: start !important; gap: 12px !important; width: 100% !important; min-height: 196px !important; padding: 18px 16px !important; border: 1px solid rgba(245, 239, 229, 0.11) !important; border-radius: 0 !important; background: rgba(245, 239, 229, 0.045) !important; color: var(--slb-profile-text) !important; text-align: center !important; box-shadow: none !important; text-transform: none !important; overflow: hidden !important; transition: none !important; animation: none !important; transform: none !important; will-change: auto !important; }
html.slb-profile-page .slb-profile-simple .slb-profile-app *,
html.slb-profile-page .slb-profile-simple .slb-profile-app::before { transition: none !important; animation: none !important; will-change: auto !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app { cursor: pointer !important; min-height: 158px !important; align-content: center !important; gap: 8px !important; padding: 14px !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app::before { content: "" !important; position: absolute !important; inset: 10px !important; z-index: 0 !important; background: radial-gradient(circle at 62% 24%, rgba(216, 237, 79, 0.16), transparent 30%), linear-gradient(135deg, rgba(93, 114, 56, 0.2), rgba(29, 84, 122, 0.12) 54%, rgba(178, 56, 37, 0.16)) !important; opacity: 0.75 !important; pointer-events: none !important; transform: none !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app:hover,
html.slb-profile-page .slb-profile-simple button.slb-profile-app:focus-visible { border-color: rgba(129, 168, 93, 0.48) !important; background: rgba(245, 239, 229, 0.075) !important; outline: 0 !important; transform: none !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app.is-active,
html.slb-profile-page .slb-profile-simple button.slb-profile-app[aria-current="page"] { border-color: rgba(129, 168, 93, 0.7) !important; background: rgba(245, 239, 229, 0.075) !important; box-shadow: inset 0 0 0 1px rgba(129, 168, 93, 0.24) !important; }
html.slb-profile-page .slb-profile-simple .slb-profile-app--steam { cursor: pointer !important; grid-column: 1 / -1 !important; justify-self: center !important; width: min(100%, 230px) !important; min-height: 196px !important; }
html.slb-profile-page .slb-profile-simple .slb-profile-app--steam:hover,
html.slb-profile-page .slb-profile-simple .slb-profile-app--steam:focus-visible { border-color: rgba(129, 168, 93, 0.48) !important; background: rgba(245, 239, 229, 0.075) !important; outline: 0 !important; transform: none !important; }
html.slb-profile-page .slb-profile-app__icon { position: relative !important; z-index: 1 !important; display: grid !important; place-items: center !important; width: 96px !important; height: 96px !important; overflow: hidden !important; border: 1px solid rgba(245, 239, 229, 0.1) !important; background: radial-gradient(circle at 74% 20%, rgba(216, 237, 79, 0.22), transparent 27%), linear-gradient(135deg, #5d7238, #1d547a 54%, #b23825) !important; color: var(--slb-profile-text) !important; font-size: 42px !important; font-weight: 900 !important; line-height: 1 !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app .slb-profile-app__icon { width: 96px !important; height: 72px !important; border: 0 !important; background: transparent !important; color: rgba(245, 239, 229, 0.42) !important; transition: none !important; backface-visibility: hidden !important; transform: translateZ(0) !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app:hover .slb-profile-app__icon,
html.slb-profile-page .slb-profile-simple button.slb-profile-app:focus-visible .slb-profile-app__icon { color: #fff7ed !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app.is-active .slb-profile-app__icon,
html.slb-profile-page .slb-profile-simple button.slb-profile-app[aria-current="page"] .slb-profile-app__icon { color: #fff7ed !important; }
html.slb-profile-page .slb-profile-app__icon--cart::before,
html.slb-profile-page .slb-profile-app__icon--history::before { content: none !important; display: none !important; }
html.slb-profile-page .slb-profile-app__icon svg { display: block !important; width: 90px !important; height: 68px !important; fill: currentColor !important; pointer-events: none !important; backface-visibility: hidden !important; transform: translateZ(0) !important; }
html.slb-profile-page .slb-profile-app__icon img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 1 !important; transition: none !important; animation: none !important; backface-visibility: hidden !important; transform: translateZ(0) !important; }
html.slb-profile-page .slb-profile-app strong { position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; overflow: hidden !important; color: #fff7ed !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.05 !important; text-overflow: ellipsis !important; text-transform: uppercase !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app strong { color: var(--slb-profile-muted) !important; transition: none !important; backface-visibility: hidden !important; transform: translateZ(0) !important; will-change: auto !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app:hover strong,
html.slb-profile-page .slb-profile-simple button.slb-profile-app:focus-visible strong { color: var(--slb-profile-muted) !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app.is-active strong,
html.slb-profile-page .slb-profile-simple button.slb-profile-app[aria-current="page"] strong { color: #fff7ed !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app > small { display: none !important; }
html.slb-profile-page .slb-profile-app small { position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; overflow: hidden !important; color: var(--slb-profile-muted) !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.25 !important; text-overflow: ellipsis !important; }
html.slb-profile-page .slb-profile-app__meta { display: grid !important; gap: 7px !important; justify-items: center !important; width: 100% !important; overflow: visible !important; text-overflow: clip !important; }
html.slb-profile-page .slb-profile-app__steam,
html.slb-profile-page .slb-profile-app__balance,
html.slb-profile-page .slb-profile-app__session,
html.slb-profile-page .slb-profile-app__line { display: grid !important; align-items: center !important; min-width: 0 !important; white-space: nowrap !important; }
html.slb-profile-page .slb-profile-app__steam,
html.slb-profile-page .slb-profile-app__balance,
html.slb-profile-page .slb-profile-app__session { grid-template-columns: auto minmax(0, 1fr) 72px !important; justify-content: center !important; gap: 5px !important; width: min(100%, 204px) !important; }
html.slb-profile-page .slb-profile-app__line { display: contents !important; }
html.slb-profile-page .slb-profile-app__balance::after { content: none !important; display: none !important; }
html.slb-profile-page .slb-profile-app__meta i { color: rgba(245, 239, 229, 0.5) !important; font-style: normal !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.15 !important; text-transform: uppercase !important; }
html.slb-profile-page .slb-profile-app__meta b { display: block !important; overflow: hidden !important; color: #f5efe5 !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1.15 !important; text-overflow: ellipsis !important; text-transform: none !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-steam-link { display: inline-grid !important; grid-template-columns: 16px auto !important; align-items: center !important; justify-content: center !important; gap: 4px !important; min-width: 0 !important; min-height: 20px !important; width: fit-content !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #f5efe5 !important; font: inherit !important; line-height: 1 !important; text-decoration: none !important; text-transform: none !important; box-shadow: none !important; cursor: pointer !important; pointer-events: auto !important; }
html.slb-profile-page .slb-profile-steam-link img { display: block !important; width: 16px !important; height: 16px !important; object-fit: contain !important; flex: 0 0 auto !important; opacity: 0.9 !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-steam-link:hover,
html.slb-profile-page .slb-profile-simple button.slb-profile-steam-link:focus-visible { color: #66c0f4 !important; outline: 0 !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-steam-link:hover img,
html.slb-profile-page .slb-profile-simple button.slb-profile-steam-link:focus-visible img { opacity: 1 !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-steam-link:disabled,
html.slb-profile-page .slb-profile-simple button.slb-profile-steam-link.is-disabled { opacity: 0.45 !important; cursor: default !important; pointer-events: none !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app__copy,
html.slb-profile-page .slb-profile-simple button.slb-profile-app__topup,
html.slb-profile-page .slb-profile-simple button.slb-profile-app__logout { min-width: 72px !important; min-height: 22px !important; padding: 0 7px !important; border: 1px solid rgba(159, 189, 85, 0.36) !important; border-radius: 0 !important; background: rgba(159, 189, 85, 0.12) !important; color: #cde57a !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; cursor: pointer !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app__copy:hover,
html.slb-profile-page .slb-profile-simple button.slb-profile-app__copy:focus-visible,
html.slb-profile-page .slb-profile-simple button.slb-profile-app__topup:hover,
html.slb-profile-page .slb-profile-simple button.slb-profile-app__topup:focus-visible { border-color: rgba(159, 189, 85, 0.65) !important; background: rgba(159, 189, 85, 0.22) !important; outline: 0 !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app__logout { border-color: rgba(207, 61, 41, 0.46) !important; background: rgba(207, 61, 41, 0.12) !important; color: #ffb0a2 !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app__logout:hover,
html.slb-profile-page .slb-profile-simple button.slb-profile-app__logout:focus-visible { border-color: rgba(207, 61, 41, 0.72) !important; background: rgba(207, 61, 41, 0.22) !important; color: #ffe0da !important; outline: 0 !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-app__copy:disabled,
html.slb-profile-page .slb-profile-simple button.slb-profile-app__topup:disabled,
html.slb-profile-page .slb-profile-simple button.slb-profile-app__logout:disabled { opacity: 0.45 !important; cursor: default !important; }
html.slb-profile-page .slb-profile-app__balance b { color: #9fbd55 !important; }
html.slb-profile-page .slb-profile-server-zone { display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; width: 100% !important; }
html.slb-profile-page .slb-profile-server-zone__head { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 18px !important; }
html.slb-profile-page .slb-profile-server-zone__head strong { display: none !important; }
html.slb-profile-page .slb-profile-server-zone__head span { color: rgba(245, 239, 229, 0.68) !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.2 !important; text-transform: uppercase !important; }
html.slb-profile-page .slb-profile-server-covers { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; width: 100% !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover { position: relative !important; min-height: 136px !important; overflow: hidden !important; padding: 18px !important; border: 1px solid rgba(201, 162, 39, 0.28) !important; border-radius: 0 !important; background: linear-gradient(90deg, rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.26)), var(--slb-profile-server-bg) center / cover no-repeat !important; color: var(--slb-profile-text) !important; text-align: left !important; cursor: pointer !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important; text-transform: none !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover::before { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.2)), rgba(0, 0, 0, 0.08) !important; pointer-events: none !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover:hover,
html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover:focus-visible { border-color: rgba(159, 189, 85, 0.58) !important; outline: 0 !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover.is-selected,
html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover[aria-pressed="true"] { border-color: rgba(159, 189, 85, 0.85) !important; box-shadow: inset 0 0 0 1px rgba(159, 189, 85, 0.34), 0 0 0 1px rgba(159, 189, 85, 0.18) !important; }
html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover.is-selected::after,
html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover[aria-pressed="true"]::after { content: "выбран" !important; position: absolute !important; right: 12px !important; bottom: 10px !important; z-index: 2 !important; padding: 4px 7px !important; background: rgba(159, 189, 85, 0.88) !important; color: #10130d !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; }
html.slb-profile-page .slb-profile-server-cover span,
html.slb-profile-page .slb-profile-server-cover small,
html.slb-profile-page .slb-profile-server-cover em,
html.slb-profile-page .slb-profile-server-cover i { position: relative !important; z-index: 1 !important; }
html.slb-profile-page .slb-profile-server-cover span { display: block !important; max-width: 88% !important; color: #fff7ed !important; font-size: 20px !important; font-weight: 900 !important; line-height: 1.03 !important; text-transform: uppercase !important; }
html.slb-profile-page .slb-profile-server-cover small { display: block !important; margin-top: 5px !important; color: var(--slb-profile-muted) !important; font-size: 13px !important; font-weight: 900 !important; text-transform: uppercase !important; }
html.slb-profile-page .slb-profile-server-cover em { display: none !important; }
html.slb-profile-page .slb-profile-server-cover i { display: none !important; }
html.slb-profile-page .slb-profile-promo-strip { display: grid !important; grid-template-columns: auto minmax(190px, 340px) auto !important; align-items: center !important; justify-content: start !important; gap: 10px !important; width: fit-content !important; max-width: 100% !important; margin-top: 2px !important; }
html.slb-profile-page .slb-profile-app-shell:not([data-slb-profile-active-tab="profile"]) .slb-profile-promo-strip { display: none !important; }
html.slb-profile-page .slb-profile-promo-strip label { display: block !important; color: var(--slb-profile-muted) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; }
html.slb-profile-page .slb-profile-promo-strip input { width: 100% !important; min-width: 0 !important; min-height: 40px !important; padding: 0 14px !important; }
html.slb-profile-page .slb-profile-promo-strip button { min-width: 148px !important; min-height: 40px !important; padding: 0 18px !important; border-color: rgba(245, 239, 229, 0.12) !important; background: rgba(245, 239, 229, 0.055) !important; color: var(--slb-profile-muted) !important; text-transform: uppercase !important; }
html.slb-profile-page .slb-profile-promo-strip button:hover,
html.slb-profile-page .slb-profile-promo-strip button:focus-visible { border-color: rgba(159, 189, 85, 0.58) !important; background: rgba(245, 239, 229, 0.13) !important; color: #fff7ed !important; outline: 0 !important; }
html.slb-profile-page .slb-profile-app-shell:not([data-slb-profile-active-tab="profile"]) .slb-profile-server-zone { display: none !important; }
html.slb-profile-page .slb-profile-server-zone--native-only { gap: 0 !important; }
html.slb-profile-page .slb-profile-controls-row { display: grid !important; grid-template-columns: minmax(420px, 640px) minmax(260px, 380px) !important; align-items: end !important; justify-content: center !important; gap: 14px !important; width: 100% !important; }
html.slb-profile-page .slb-profile-controls-row .slb-profile-promo-strip { justify-self: end !important; width: min(100%, 640px) !important; grid-template-columns: auto minmax(210px, 340px) auto !important; margin-top: 0 !important; }
html.slb-profile-page .slb-profile-native-server-slot[hidden] { display: none !important; }
html.slb-profile-page .slb-profile-native-server-slot { display: grid !important; align-self: end !important; min-width: 0 !important; gap: 8px !important; }
html.slb-profile-page .slb-profile-default-server-label { display: block !important; color: var(--slb-profile-muted) !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: uppercase !important; }
html.slb-profile-page .slb-profile-default-server-block { display: block !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
html.slb-profile-page .slb-profile-default-server-block > * { margin-top: 0 !important; margin-bottom: 0 !important; border-radius: 0 !important; background-color: transparent !important; box-shadow: none !important; }
html.slb-profile-page .slb-profile-native-server-old-label { display: none !important; }
html.slb-profile-page .slb-profile-default-server-select,
html.slb-profile-page .slb-profile-default-server-block select { width: 100% !important; min-height: 40px !important; margin: 0 !important; padding: 0 42px 0 14px !important; border: 1px solid rgba(245, 239, 229, 0.12) !important; border-radius: 0 !important; background-color: rgba(245, 239, 229, 0.055) !important; color: #f5efe5 !important; font-family: "Roboto Condensed", sans-serif !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1 !important; text-transform: lowercase !important; cursor: pointer !important; box-shadow: none !important; }
html.slb-profile-page .slb-profile-default-server-select:hover,
html.slb-profile-page .slb-profile-default-server-select:focus,
html.slb-profile-page .slb-profile-default-server-block select:hover,
html.slb-profile-page .slb-profile-default-server-block select:focus { border-color: rgba(159, 189, 85, 0.58) !important; background-color: rgba(245, 239, 229, 0.13) !important; outline: 0 !important; }
@media (max-width: 760px) {
  html.slb-profile-page .slb-profile-controls-row { grid-template-columns: 1fr !important; }
  html.slb-profile-page .slb-profile-controls-row .slb-profile-promo-strip { grid-template-columns: 1fr !important; width: 100% !important; }
  html.slb-profile-page .slb-profile-promo-strip button,
  html.slb-profile-page .slb-profile-default-server-block select { width: 100% !important; }
}
html.slb-profile-page .slb-profile-native-promo { display: none !important; }
html.slb-profile-page .slb-profile-simple .box,
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__wrapper"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] { width: 100% !important; max-width: none !important; border: 1px solid var(--slb-profile-line) !important; border-radius: 0 !important; background: var(--slb-profile-panel) !important; color: var(--slb-profile-text) !important; box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28) !important; transition: none !important; animation: none !important; }
html.slb-profile-page .slb-profile-simple .boxHeader,
html.slb-profile-page .slb-profile-simple .boxHeaderCustom { min-height: 48px !important; padding: 14px 18px !important; border: 0 !important; border-bottom: 1px solid rgba(245, 239, 229, 0.08) !important; background: rgba(245, 239, 229, 0.055) !important; color: var(--slb-profile-muted) !important; font-size: 18px !important; font-weight: 900 !important; }
html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"] .boxHeader,
html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"] .boxHeaderCustom,
html.slb-profile-page .slb-profile-native-info,
html.slb-profile-page .slb-profile-native-info-title { display: none !important; }
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__body"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] .boxBody,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] .boxBody,
html.slb-profile-page .slb-profile-simple .boxBody { position: relative !important; padding: 22px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(0, 0, 0, 0.12)), var(--slb-profile-panel) !important; color: var(--slb-profile-text) !important; isolation: isolate !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] { min-height: 390px !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] .boxBody,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] .boxBody,
html.slb-profile-page .slb-profile-simple__content[class*="BasketContent-module__wrapper"],
html.slb-profile-page .slb-profile-simple__content[class*="HistoryContent-module__wrapper"] { min-height: 320px !important; max-height: min(580px, 64vh) !important; overflow-y: auto !important; overflow-x: hidden !important; scrollbar-width: thin !important; scrollbar-color: #5d7238 #151413 !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] .boxBody::-webkit-scrollbar,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] .boxBody::-webkit-scrollbar,
html.slb-profile-page .slb-profile-simple__content[class*="BasketContent-module__wrapper"]::-webkit-scrollbar,
html.slb-profile-page .slb-profile-simple__content[class*="HistoryContent-module__wrapper"]::-webkit-scrollbar { width: 10px !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] .boxBody::-webkit-scrollbar-track,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] .boxBody::-webkit-scrollbar-track,
html.slb-profile-page .slb-profile-simple__content[class*="BasketContent-module__wrapper"]::-webkit-scrollbar-track,
html.slb-profile-page .slb-profile-simple__content[class*="HistoryContent-module__wrapper"]::-webkit-scrollbar-track { background: #151413 !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] .boxBody::-webkit-scrollbar-thumb,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] .boxBody::-webkit-scrollbar-thumb,
html.slb-profile-page .slb-profile-simple__content[class*="BasketContent-module__wrapper"]::-webkit-scrollbar-thumb,
html.slb-profile-page .slb-profile-simple__content[class*="HistoryContent-module__wrapper"]::-webkit-scrollbar-thumb { border: 2px solid #151413 !important; border-radius: 0 !important; background: #5d7238 !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] input,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] select,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] button,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [role="button"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Button"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Input"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Selector"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] input,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] select,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] button,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [role="button"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="Button"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="Input"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="Selector"] { border-radius: 0 !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] div,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] span,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] p,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] label,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] td,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] th,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] small,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] em,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [style*="color"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] div,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] span,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] p,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] label,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] td,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] th,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] small,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] em,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [style*="color"] { color: var(--slb-profile-muted) !important; opacity: 1 !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Skeleton"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="skeleton"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Loader"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="loader"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Preloader"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="Skeleton"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="skeleton"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="Loader"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="loader"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="Preloader"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .boxBody > div,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] .boxBody > div { border-color: rgba(245, 239, 229, 0.1) !important; background: rgba(245, 239, 229, 0.045) !important; color: var(--slb-profile-muted) !important; transition: none !important; animation: none !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Skeleton"] *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="skeleton"] *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Loader"] *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="loader"] *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="Skeleton"] *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="skeleton"] *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="Loader"] *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="loader"] * { background: rgba(245, 239, 229, 0.08) !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketTable-module"],
html.slb-profile-page .slb-profile-simple [class*="HistoryTable-module"],
html.slb-profile-page .slb-profile-simple [class*="BasketTable-module"] table,
html.slb-profile-page .slb-profile-simple [class*="HistoryTable-module"] table,
html.slb-profile-page .slb-profile-simple [class*="BasketTable-module"] thead,
html.slb-profile-page .slb-profile-simple [class*="HistoryTable-module"] thead,
html.slb-profile-page .slb-profile-simple [class*="BasketTable-module"] tbody,
html.slb-profile-page .slb-profile-simple [class*="HistoryTable-module"] tbody,
html.slb-profile-page .slb-profile-simple [class*="BasketTable-module"] tr,
html.slb-profile-page .slb-profile-simple [class*="HistoryTable-module"] tr,
html.slb-profile-page .slb-profile-simple [class*="BasketTable-module"] td,
html.slb-profile-page .slb-profile-simple [class*="HistoryTable-module"] td,
html.slb-profile-page .slb-profile-simple [class*="BasketTable-module"] th,
html.slb-profile-page .slb-profile-simple [class*="HistoryTable-module"] th { border-color: rgba(245, 239, 229, 0.1) !important; background: rgba(245, 239, 229, 0.035) !important; background-color: rgba(245, 239, 229, 0.035) !important; color: var(--slb-profile-muted) !important; transition: none !important; animation: none !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketTable-module"] [class*="tableHeader"],
html.slb-profile-page .slb-profile-simple [class*="HistoryTable-module"] [class*="tableHeader"],
html.slb-profile-page .slb-profile-simple [class*="BasketTable-module"] [class*="TableHeader"],
html.slb-profile-page .slb-profile-simple [class*="HistoryTable-module"] [class*="TableHeader"] { background: rgba(245, 239, 229, 0.075) !important; background-color: rgba(245, 239, 229, 0.075) !important; color: var(--slb-profile-muted) !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .boxBody > div,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .boxBody > div > div,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .boxBody > div > span,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] div[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] span[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] tr[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] td[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] .boxBody > div,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] .boxBody > div > div,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] .boxBody > div > span,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] div[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] span[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] tr[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] td[style*="background"] { border-color: rgba(245, 239, 229, 0.1) !important; background: rgba(245, 239, 229, 0.045) !important; background-color: rgba(245, 239, 229, 0.045) !important; color: var(--slb-profile-muted) !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] div[style*="background"] *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] span[style*="background"] *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] div[style*="background"] *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] span[style*="background"] * { background-color: rgba(245, 239, 229, 0.08) !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] input::placeholder,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] input::placeholder { color: rgba(245, 239, 229, 0.46) !important; opacity: 1 !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] input,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] select,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] input,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] select { color: #f5efe5 !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] select,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Selector"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] select,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="Selector"] { color: var(--slb-profile-muted) !important; }
html.slb-profile-page.slb-profile-silent-native-select [class*="Selector-module__dropDownList"],
html.slb-profile-page.slb-profile-silent-native-select [class*="Selector-module__dropDown"],
html.slb-profile-page.slb-profile-silent-native-select [class*="dropDownList"],
html.slb-profile-page.slb-profile-silent-native-select [class*="DropDownList"],
html.slb-profile-page.slb-profile-silent-native-select [role="listbox"] { visibility: hidden !important; opacity: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; }
html.slb-profile-page .slb-profile-native-server-locked,
html.slb-profile-page .slb-profile-native-server-locked * { cursor: default !important; pointer-events: none !important; user-select: none !important; }
html.slb-profile-page .slb-profile-native-server-locked { touch-action: none !important; }
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] button,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] button *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] button,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] button * { color: #f5efe5 !important; }
html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div,
html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] label,
html.slb-profile-page .slb-profile-simple__content table,
html.slb-profile-page .slb-profile-simple__content tbody,
html.slb-profile-page .slb-profile-simple__content tr,
html.slb-profile-page .slb-profile-simple__content td,
html.slb-profile-page .slb-profile-simple__content th,
html.slb-profile-page .slb-profile-simple__content [style*="background"],
html.slb-profile-page .slb-profile-simple__content [style*="background-color"] { border-color: rgba(245, 239, 229, 0.12) !important; background: rgba(5, 7, 7, 0.46) !important; color: var(--slb-profile-text) !important; }
html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div { min-height: 42px !important; padding: 10px 14px !important; }
html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] [style*="color"],
html.slb-profile-page .slb-profile-simple__content td [style*="color"],
html.slb-profile-page .slb-profile-simple__content th [style*="color"] { color: var(--slb-profile-text) !important; }
html.slb-profile-page .slb-profile-simple input,
html.slb-profile-page .slb-profile-simple select,
html.slb-profile-page .slb-profile-simple textarea,
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__input"],
html.slb-profile-page .slb-profile-simple [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-simple [class*="Selector-module__dropDownList"] { min-height: 42px !important; border: 1px solid var(--slb-profile-line) !important; border-radius: 0 !important; background: rgba(0, 0, 0, 0.34) !important; color: var(--slb-profile-text) !important; }
html.slb-profile-page .slb-profile-simple button:not(.slb-profile-app):not(.slb-profile-server-cover):not(.slb-profile-app__copy):not(.slb-profile-app__topup):not(.slb-profile-app__logout):not(.slb-profile-steam-link):not([data-slb-profile-promo-apply]),
html.slb-profile-page .slb-profile-simple [class*="Button-module__btn"] { min-height: 42px !important; border: 1px solid var(--slb-profile-line) !important; border-radius: 0 !important; background: rgba(245, 239, 229, 0.075) !important; color: var(--slb-profile-text) !important; font-weight: 800 !important; }
@media (max-width: 980px) { html.slb-profile-page .slb-profile-simple { width: min(100% - 20px, 760px) !important; margin-top: 76px !important; } html.slb-profile-page .slb-profile-apps, html.slb-profile-page .slb-profile-server-covers { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 620px) { html.slb-profile-page .slb-profile-simple { width: min(100% - 14px, 520px) !important; } html.slb-profile-page .slb-profile-apps, html.slb-profile-page .slb-profile-server-covers { grid-template-columns: 1fr !important; } html.slb-profile-page .slb-profile-server-zone__head { display: grid !important; } html.slb-profile-page .slb-profile-promo-strip { grid-template-columns: 1fr !important; width: 100% !important; } html.slb-profile-page .slb-profile-promo-strip button { width: 100% !important; } }

/* SLABIY layout width safety v1: keep GameStore content readable on wide screens. */
:root {
  --slb-page-max: 1320px;
  --slb-shop-ultra-max: var(--slb-topbar-ultra-max, 2560px);
  --slb-shop-max: var(--slb-shop-ultra-max);
  --slb-page-pad: clamp(12px, 1.5vw, 32px);
}

html.slb-home-page .slb-content-stack {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-items: center !important;
}

html.slb-home-page .slb-content-stack > #slb-store-v2-root,
html.slb-home-page #slb-store-v2-root {
  position: relative !important;
  left: auto !important;
  width: min(var(--slb-page-max), calc(100vw - (var(--slb-page-pad) * 2))) !important;
  max-width: var(--slb-page-max) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

html.slb-home-page .slb-content-stack > .slb-shop-section,
html.slb-home-page .slb-shop-section,
html.slb-home-page .ShopFooter-module__wrapper {
  position: relative !important;
  left: auto !important;
  width: min(var(--slb-shop-max), calc(100vw - (var(--slb-page-pad) * 2))) !important;
  max-width: var(--slb-shop-max) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

html.slb-home-page .slb-top-screen {
  width: 100% !important;
  max-width: 100% !important;
}

html.slb-home-page #slb-ocean-divider {
  position: relative !important;
  left: auto !important;
  width: min(var(--slb-page-max), calc(100vw - (var(--slb-page-pad) * 2))) !important;
  max-width: var(--slb-page-max) !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
  overflow: hidden !important;
}

html.slb-home-page #slb-ocean-divider .slb-ocean-divider__inner,
html.slb-home-page #slb-ocean-divider .slb-ocean,
html.slb-home-page #slb-ocean-divider .slb-ocean__wave--front {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html.slb-home-page #slb-ocean-divider .slb-ocean__wave--front::before {
  width: 6400px !important;
}

@media (max-width: 720px) {
  :root { --slb-page-pad: 8px; }

  html.slb-home-page .slb-content-stack > #slb-store-v2-root,
  html.slb-home-page #slb-store-v2-root,
  html.slb-home-page .slb-content-stack > .slb-shop-section,
  html.slb-home-page .slb-shop-section,
  html.slb-home-page #slb-ocean-divider,
  html.slb-home-page .ShopFooter-module__wrapper {
    width: calc(100vw - 16px) !important;
    max-width: none !important;
  }
}

/* SLABIY full-width ocean safety v1: full bleed up to 2K, capped on ultra-wide screens. */
:root {
  --slb-ocean-ultra-max: var(--slb-topbar-ultra-max, 2560px);
  --slb-ocean-stage-width: 100vw;
  --slb-ocean-boat-start-x: 8vw;
  --slb-ocean-boat-end-gap: 16vw;
}

@media (min-width: 2561px) {
  :root {
    --slb-ocean-stage-width: var(--slb-ocean-ultra-max);
    --slb-ocean-boat-start-x: 205px;
    --slb-ocean-boat-end-gap: 410px;
  }
}

html.slb-home-page .slb-content-stack > #slb-ocean-divider,
html.slb-home-page #slb-ocean-divider,
html.slb-home-page.slb-product-modal-open #slb-ocean-divider {
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  width: var(--slb-ocean-stage-width) !important;
  max-width: var(--slb-ocean-stage-width) !important;
  min-width: var(--slb-ocean-stage-width) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
  overflow: hidden !important;
}

html.slb-home-page #slb-ocean-divider .slb-ocean-divider__inner,
html.slb-home-page #slb-ocean-divider .slb-ocean,
html.slb-home-page #slb-ocean-divider .slb-ocean__wave--front {
  width: var(--slb-ocean-stage-width) !important;
  max-width: var(--slb-ocean-stage-width) !important;
  min-width: var(--slb-ocean-stage-width) !important;
}

/* SLABIY wide shop v2: full on 2K, capped above for readability. */
@media (min-width: 1180px) {
  html.slb-home-page {
    --slb-shop-max: var(--slb-shop-ultra-max, 2560px);
    --slb-page-pad: clamp(12px, 1.5vw, 32px);
  }

  html.slb-home-page .slb-content-stack,
  html.slb-home-page .container:has(.slb-shop-section),
  html.slb-home-page [class*="index-module__wrapper"]:has(.slb-shop-section) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html.slb-home-page .slb-content-stack > .slb-shop-section,
  html.slb-home-page .slb-shop-section,
  html.slb-home-page .Shop-module__wrapper.slb-shop-section,
  html.slb-home-page [class*="Shop-module__wrapper"].slb-shop-section {
    position: relative !important;
    left: auto !important;
    width: min(var(--slb-shop-max), calc(100vw - (var(--slb-page-pad) * 2))) !important;
    max-width: var(--slb-shop-max) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
  }

  html.slb-home-page .slb-shop-section .box,
  html.slb-home-page .slb-shop-section .boxBody,
  html.slb-home-page .slb-shop-section section.cardContainer,
  html.slb-home-page .slb-shop-section .cardContainer,
  html.slb-home-page .slb-shop-section [class*="Categories-module__categories"],
  html.slb-home-page .slb-shop-section [class*="Products-module__wrapper"],
  html.slb-home-page .slb-shop-section .Products-module__wrapper,
  html.slb-home-page .slb-shop-section .product-grid,
  html.slb-home-page .slb-shop-section div.product-grid {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

/* SLABIY toast size stability v1: keep native and modal toasts the same size. */
:root {
  --slb-toast-width-stable: 420px;
  --slb-toast-side-stable: 14px;
}

.slb-notice-portal,
.slb-notice-safe-stack {
  right: max(var(--slb-toast-side-stable), env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
  width: min(var(--slb-toast-width-stable), calc(100vw - (var(--slb-toast-side-stable) * 2))) !important;
  max-width: calc(100vw - (var(--slb-toast-side-stable) * 2)) !important;
  box-sizing: border-box !important;
}

.slb-notice-portal .slb-notice-portal-item,
.slb-notice-safe-stack .Toast-module__toast,
.slb-notice-safe-stack [class*="Toast-module__toast"],
.slb-notice-safe-stack [class*="toast"],
.slb-notice-safe-stack [class*="Notify"],
.slb-notice-safe-stack [class*="notify"],
.slb-notice-safe-stack [class*="Notification"],
.slb-notice-safe-stack [class*="notification"],
.slb-notice-safe-item {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 560px) {
  :root {
    --slb-toast-side-stable: 10px;
  }
}

/* SLABIY topup Rust numbers style v1. */
:root {
  --slb-rust-numbers-bg: #171a18;
  --slb-rust-numbers-row: rgba(255, 255, 255, 0.045);
  --slb-rust-numbers-red: #e54831;
  --slb-rust-numbers-red-dark: #bd3526;
  --slb-rust-numbers-yellow: #f3d27a;
  --slb-rust-numbers-text: #d7d7d2;
  --slb-rust-numbers-black: #161817;
}

.slb-topup-modal-wrapper .slb-topup-modal {
  width: min(680px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
  color: var(--slb-rust-numbers-text) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(229, 72, 49, 0.16), transparent 34%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.022) 0 1px, rgba(0, 0, 0, 0.04) 1px 4px),
    linear-gradient(180deg, rgba(29, 32, 30, 0.98), rgba(12, 14, 13, 0.98)) !important;
  border: 0 !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.62) !important;
}

.slb-topup-modal .boxHeader {
  min-height: 92px !important;
  padding: 28px 34px 18px !important;
  color: var(--slb-rust-numbers-yellow) !important;
  background:
    linear-gradient(90deg, rgba(229, 72, 49, 0.18), transparent 42%),
    rgba(12, 14, 13, 0.74) !important;
  border-bottom: 0 !important;
  font-family: "Teko", "Roboto Condensed", Impact, sans-serif !important;
  font-size: clamp(42px, 7vw, 62px) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  text-transform: uppercase !important;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.34) !important;
}

.slb-topup-modal .boxBody {
  gap: 0 !important;
  padding: 0 0 22px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(0, 0, 0, 0.16)),
    var(--slb-rust-numbers-bg) !important;
}

.slb-topup-modal [data-slb-topup-promo-card],
.slb-topup-modal .slb-topup-promo-card {
  display: none !important;
}

.slb-topup-modal .boxBody > *:not(.slb-topup-bonus-card) {
  margin-left: 34px !important;
  margin-right: 34px !important;
}

.slb-topup-modal .boxBody label,
.slb-topup-modal .boxBody [class*="label"],
.slb-topup-modal .boxBody [class*="Label"] {
  color: rgba(215, 215, 210, 0.76) !important;
  font-family: "Teko", "Roboto Condensed", Impact, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] {
  min-height: 66px !important;
  margin-top: 10px !important;
  overflow: hidden !important;
  border: 0 !important;
  background: var(--slb-rust-numbers-row) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] > :first-child,
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] [class*="currency"],
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] [class*="Currency"] {
  min-width: 88px !important;
  color: var(--slb-rust-numbers-black) !important;
  background: linear-gradient(180deg, var(--slb-rust-numbers-red), var(--slb-rust-numbers-red-dark)) !important;
  font-family: "Teko", "Roboto Condensed", Impact, sans-serif !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.slb-topup-modal input,
.slb-topup-modal textarea {
  color: var(--slb-rust-numbers-text) !important;
  font-family: "Teko", "Roboto Condensed", Impact, sans-serif !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  caret-color: var(--slb-rust-numbers-red) !important;
}

.slb-topup-bonus-card {
  margin: 24px 0 0 !important;
  padding: 0 34px !important;
  color: var(--slb-rust-numbers-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.slb-topup-bonus-card::before {
  content: none !important;
  display: none !important;
}

.slb-topup-bonus-card h3 {
  margin: 0 0 14px !important;
  color: var(--slb-rust-numbers-yellow) !important;
  font-family: "Teko", "Roboto Condensed", Impact, sans-serif !important;
  font-size: clamp(34px, 5vw, 46px) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.32) !important;
}

.slb-topup-bonus-card__rows {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  gap: 8px 0 !important;
  align-items: stretch !important;
}

.slb-topup-bonus-card__rows b,
.slb-topup-bonus-card__rows span {
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  font-family: "Teko", "Roboto Condensed", Impact, sans-serif !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.slb-topup-bonus-card__rows b {
  min-width: 114px !important;
  justify-content: center !important;
  padding: 0 14px !important;
  color: var(--slb-rust-numbers-black) !important;
  background: linear-gradient(180deg, var(--slb-rust-numbers-red), var(--slb-rust-numbers-red-dark)) !important;
  font-size: 38px !important;
}

.slb-topup-bonus-card__rows span {
  padding: 0 18px !important;
  color: rgba(215, 215, 210, 0.92) !important;
  background: var(--slb-rust-numbers-row) !important;
  font-size: 31px !important;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.36) !important;
}

.slb-topup-bonus-card p {
  margin: 14px 0 0 !important;
  color: rgba(215, 215, 210, 0.58) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.slb-topup-modal .boxFooter {
  padding: 18px 34px 28px !important;
  background: var(--slb-rust-numbers-bg) !important;
  border-top: 0 !important;
}

.slb-topup-modal .boxFooter button,
.slb-topup-modal .boxFooter [class*="Button-module__btn"] {
  min-height: 52px !important;
  padding: 0 26px !important;
  color: var(--slb-rust-numbers-black) !important;
  background: linear-gradient(180deg, var(--slb-rust-numbers-red), var(--slb-rust-numbers-red-dark)) !important;
  font-family: "Teko", "Roboto Condensed", Impact, sans-serif !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.slb-topup-modal .boxFooter [class*="gray"],
.slb-topup-modal .boxFooter [class*="Gray"] {
  color: rgba(215, 215, 210, 0.86) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.slb-topup-modal .boxFooter button:hover,
.slb-topup-modal .boxFooter button:focus,
.slb-topup-modal .boxFooter [class*="Button-module__btn"]:hover,
.slb-topup-modal .boxFooter [class*="Button-module__btn"]:focus {
  color: #fff !important;
  background: #5d7238 !important;
}

@media (max-width: 560px) {
  .slb-topup-modal .boxHeader {
    min-height: 72px !important;
    padding: 22px 18px 14px !important;
    font-size: 38px !important;
  }

  .slb-topup-modal .boxBody > *:not(.slb-topup-bonus-card),
  .slb-topup-bonus-card {
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .slb-topup-bonus-card__rows b {
    min-width: 86px !important;
    font-size: 30px !important;
  }

  .slb-topup-bonus-card__rows span {
    padding: 0 12px !important;
    font-size: 24px !important;
  }

  .slb-topup-modal .boxFooter {
    padding: 16px 18px 22px !important;
  }
}

/* SLABIY topup compact green tuning v2. */
:root {
  --slb-topup-accent-green-v2: #5d7238;
  --slb-topup-accent-green-soft-v2: rgba(93, 114, 56, 0.18);
  --slb-topup-line-soft-v2: rgba(245, 239, 229, 0.12);
}

.slb-topup-modal .boxHeader {
  display: none !important;
}

.slb-topup-modal-wrapper .slb-topup-modal {
  width: min(520px, calc(100vw - 28px)) !important;
}

.slb-topup-modal .boxBody {
  padding: 22px 0 16px !important;
  gap: 12px !important;
}

.slb-topup-modal .boxBody > *:not(.slb-topup-bonus-card) {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.slb-topup-modal .boxBody label,
.slb-topup-modal .boxBody [class*="label"],
.slb-topup-modal .boxBody [class*="Label"] {
  color: rgba(215, 215, 210, 0.72) !important;
  font-size: 17px !important;
}

.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] {
  min-height: 46px !important;
  margin-top: 6px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(245, 239, 229, 0.08) !important;
}

.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] > :first-child,
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] [class*="currency"],
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] [class*="Currency"] {
  min-width: 56px !important;
  color: #f4f1ea !important;
  background: var(--slb-topup-accent-green-v2) !important;
  font-size: 17px !important;
}

.slb-topup-modal input,
.slb-topup-modal textarea {
  color: #f4f1ea !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  caret-color: var(--slb-topup-accent-green-v2) !important;
}

.slb-topup-bonus-card {
  margin: 10px 0 0 !important;
  padding: 0 22px !important;
}

.slb-topup-bonus-card h3 {
  margin: 0 0 10px !important;
  color: rgba(244, 241, 234, 0.82) !important;
  font-family: "Roboto Condensed", "Teko", Impact, sans-serif !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

.slb-topup-bonus-card__rows {
  gap: 5px 0 !important;
}

.slb-topup-bonus-card__rows b,
.slb-topup-bonus-card__rows span {
  min-height: 34px !important;
  font-family: "Roboto Condensed", "Teko", Impact, sans-serif !important;
}

.slb-topup-bonus-card__rows b {
  min-width: 66px !important;
  padding: 0 10px !important;
  color: #f4f1ea !important;
  background: var(--slb-topup-accent-green-v2) !important;
  font-size: 18px !important;
}

.slb-topup-bonus-card__rows span {
  padding: 0 12px !important;
  color: rgba(244, 241, 234, 0.76) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  font-size: 16px !important;
  text-shadow: none !important;
}

.slb-topup-bonus-card p {
  margin: 9px 0 0 !important;
  color: rgba(244, 241, 234, 0.46) !important;
  font-size: 13px !important;
}

.slb-topup-modal .boxFooter {
  padding: 14px 22px 20px !important;
  gap: 10px !important;
  background: #171a18 !important;
}

.slb-topup-modal .boxFooter button,
.slb-topup-modal .boxFooter [class*="Button-module__btn"],
.slb-topup-modal .boxFooter [class*="gray"],
.slb-topup-modal .boxFooter [class*="Gray"] {
  min-height: 40px !important;
  padding: 0 18px !important;
  border: 1px solid var(--slb-topup-line-soft-v2) !important;
  color: var(--slb-topup-accent-green-v2) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.slb-topup-modal .boxFooter button:hover,
.slb-topup-modal .boxFooter button:focus,
.slb-topup-modal .boxFooter [class*="Button-module__btn"]:hover,
.slb-topup-modal .boxFooter [class*="Button-module__btn"]:focus {
  border-color: rgba(93, 114, 56, 0.76) !important;
  color: var(--slb-topup-accent-green-v2) !important;
  background: var(--slb-topup-accent-green-soft-v2) !important;
}

@media (max-width: 560px) {
  .slb-topup-modal-wrapper .slb-topup-modal {
    width: calc(100vw - 20px) !important;
  }

  .slb-topup-modal .boxBody > *:not(.slb-topup-bonus-card),
  .slb-topup-bonus-card {
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .slb-topup-bonus-card__rows b {
    min-width: 58px !important;
    font-size: 16px !important;
  }

  .slb-topup-bonus-card__rows span {
    font-size: 15px !important;
  }

  .slb-topup-modal .boxFooter {
    padding: 12px 14px 16px !important;
  }
}

/* SLABIY profile server select visual final: promo-like closed field, topup-like dropdown. */
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block * {
  outline: 0 !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] {
  justify-content: flex-start !important;
  min-height: 42px !important;
  padding: 0 42px 0 14px !important;
  border: 1px solid rgba(245, 239, 229, 0.14) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.32) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
  text-align: left !important;
  text-transform: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block:hover [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block:focus-within [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select:focus,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"]:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"]:focus,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"]:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"]:focus {
  border-color: rgba(93, 114, 56, 0.72) !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="icon"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Icon"] {
  color: var(--slb-topup-calm-green, #5d7238) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 0.95 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] {
  top: calc(100% + 8px) !important;
  padding: 6px !important;
  border: 1px solid rgba(245, 239, 229, 0.14) !important;
  border-radius: 0 !important;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, rgba(29, 32, 30, 0.98), rgba(15, 17, 16, 0.98)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.48) !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > * {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  margin: 0 0 4px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  background: var(--slb-topup-calm-row, rgba(255, 255, 255, 0.045)) !important;
  color: var(--slb-topup-calm-muted, rgba(186, 179, 173, 0.66)) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *:last-child,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *:last-child,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *:last-child,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > *:last-child {
  margin-bottom: 0 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-selected="true"] {
  border-left-color: var(--slb-topup-calm-green, #5d7238) !important;
  background: rgba(93, 114, 56, 0.22) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
}

/* SLABIY profile default server empty-shell absolute final override. */
html.slb-profile-page .slb-profile-native-server-empty-shell,
html.slb-profile-page .slb-profile-native-server-empty-shell[hidden],
html.slb-profile-page .slb-profile-native-server-empty-shell * {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* SLABIY topbar text-only stable final: no decorative icons, no width jump on reload. */
.slb-topbar {
  --slb-topbar-stable-font: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
}

.slb-topbar .slb-topbar__icon,
.slb-topbar .slb-topbar__login-icon {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  transform: none !important;
  pointer-events: none !important;
}

.slb-topbar .slb-topbar__link,
.slb-topbar .slb-topbar__topup,
.slb-topbar .slb-topbar__login {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  line-height: 48px !important;
  font-family: var(--slb-topbar-stable-font) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;
  transform: none !important;
  will-change: auto !important;
}

.slb-topbar .slb-topbar__nav {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.slb-topbar .slb-topbar__link {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.slb-topbar .slb-monitor-toggle {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}

.slb-topbar .slb-topbar__link[href*="/page/wipes"],
.slb-topbar .slb-topbar__link[href*="/page/wipes1"] {
  width: 124px !important;
  min-width: 124px !important;
  max-width: 124px !important;
}

.slb-topbar .slb-topbar__login {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
}

.slb-topbar .slb-topbar__link > span:not(.slb-topbar__icon),
.slb-topbar .slb-topbar__login > span:not(.slb-topbar__login-icon) {
  display: inline-block !important;
  min-width: 0 !important;
  font-family: inherit !important;
  line-height: inherit !important;
}

.slb-topbar .slb-topbar__login.slb-topbar__login--resolving > span:not(.slb-topbar__login-icon) {
  visibility: hidden !important;
  opacity: 0 !important;
}

@media (max-width: 760px) {
  .slb-topbar .slb-topbar__link,
  .slb-topbar .slb-topbar__login {
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
}

@media (max-width: 520px) {
  .slb-topbar .slb-topbar__link,
  .slb-topbar .slb-topbar__login {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }
}

/* SLABIY profile cleanup: the native profile body must stay functional, but not draw a fake bottom panel. */
html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"] > [class*="ProfileContent-module__body"].boxBody,
html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"] > [class*="ProfileContent-module__body"],
html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"] > .boxBody[class*="ProfileContent-module__body"] {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"] > [class*="ProfileContent-module__body"].boxBody::before,
html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"] > [class*="ProfileContent-module__body"].boxBody::after,
html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"] > [class*="ProfileContent-module__body"]::before,
html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"] > [class*="ProfileContent-module__body"]::after {
  display: none !important;
  content: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot[hidden],
html.slb-profile-page .slb-profile-native-server-slot:empty {
  display: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* SLABIY home monitoring guard: native GameStore widget is only a data source, not visible UI. */
html.slb-home-page body > aside[class*="Widgets"],
html.slb-home-page body > [class*="Widgets-module__widgetWrapper"],
html.slb-home-page body [class*="Widgets-module__widgetWrapper"]:has([class*="MonitoringWidget-module"]),
html.slb-home-page body aside[class*="Widgets"]:has([class*="MonitoringWidget-module"]),
html.slb-home-page body [class*="MonitoringWidget-module"]:not(.slb-monitor-drawer *),
html.slb-home-page body [class*="MonitoringServer-module"]:not(.slb-monitor-drawer *) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* SLABIY profile default server empty-shell final override. */
html.slb-profile-page .slb-profile-native-server-empty-shell,
html.slb-profile-page .slb-profile-native-server-empty-shell[hidden],
html.slb-profile-page .slb-profile-native-server-empty-shell * {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* SLABIY profile default server cleanup: hide old empty native shell after moving selector. */
html.slb-profile-page .slb-profile-native-server-empty-shell,
html.slb-profile-page .slb-profile-native-server-empty-shell * {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* SLABIY profile: hide the empty native shell left after moving the default-server selector. */
html.slb-profile-page .slb-profile-native-server-empty-shell {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* SLABIY profile server select EOF override: final visual state. */
html.slb-profile-page .slb-profile-native-server-slot {
  align-items: center !important;
  gap: 18px !important;
}

html.slb-profile-page .slb-profile-default-server-label {
  align-self: center !important;
  margin: 0 !important;
  line-height: 42px !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(245, 239, 229, 0.14) !important;
  background: rgba(0, 0, 0, 0.32) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
  text-align: left !important;
  line-height: 42px !important;
  vertical-align: middle !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"] *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"] *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="chevron"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Chevron"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="icon"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Icon"] {
  display: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] {
  box-sizing: border-box !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > * {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(245, 239, 229, 0.12) !important;
  border-left: 3px solid transparent !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: var(--slb-topup-calm-muted, rgba(186, 179, 173, 0.66)) !important;
  text-align: left !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > * *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > * *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > * *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > * * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-selected="true"] {
  border-left-color: var(--slb-topup-calm-green, #5d7238) !important;
  background: rgba(93, 114, 56, 0.22) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
}

/* SLABIY profile server select polish v3: aligned text, no arrows, row-only dropdown. */
html.slb-profile-page .slb-profile-native-server-slot {
  align-items: center !important;
}

html.slb-profile-page .slb-profile-default-server-label {
  align-self: center !important;
  margin: 0 !important;
  line-height: 42px !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(245, 239, 229, 0.14) !important;
  background: rgba(0, 0, 0, 0.32) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
  text-align: left !important;
  line-height: 42px !important;
  vertical-align: middle !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"] *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"] *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="chevron"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Chevron"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="icon"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Icon"] {
  display: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] {
  box-sizing: border-box !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > * {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(245, 239, 229, 0.12) !important;
  border-left: 3px solid transparent !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: var(--slb-topup-calm-muted, rgba(186, 179, 173, 0.66)) !important;
  text-align: left !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > * *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > * *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > * *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > * * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-selected="true"] {
  border-left-color: var(--slb-topup-calm-green, #5d7238) !important;
  background: rgba(93, 114, 56, 0.22) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
}

/* SLABIY profile server select visual cleanup v2: calm promo-like field and topup-like menu. */
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block * {
  outline: 0 !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] {
  justify-content: flex-start !important;
  min-height: 42px !important;
  padding: 0 42px 0 14px !important;
  border: 1px solid rgba(245, 239, 229, 0.14) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.32) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
  text-align: left !important;
  text-transform: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block:hover [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block:focus-within [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select:focus,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"]:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"]:focus,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"]:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"]:focus {
  border-color: rgba(93, 114, 56, 0.72) !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="icon"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Icon"] {
  color: var(--slb-topup-calm-green, #5d7238) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 0.95 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] {
  top: calc(100% + 8px) !important;
  padding: 6px !important;
  border: 1px solid rgba(245, 239, 229, 0.14) !important;
  border-radius: 0 !important;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, rgba(29, 32, 30, 0.98), rgba(15, 17, 16, 0.98)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.48) !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > * {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important;
  margin: 0 0 4px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  background: var(--slb-topup-calm-row, rgba(255, 255, 255, 0.045)) !important;
  color: var(--slb-topup-calm-muted, rgba(186, 179, 173, 0.66)) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *:last-child,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *:last-child,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *:last-child,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > *:last-child {
  margin-bottom: 0 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-selected="true"] {
  border-left-color: var(--slb-topup-calm-green, #5d7238) !important;
  background: rgba(93, 114, 56, 0.22) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
}

/* SLABIY profile native server selector: compact original GameStore block. */
html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has([class*="Selector-module__dropDownCurrentItem"]),
html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has(select) {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: auto minmax(280px, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  width: min(100%, 980px) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-top: 1px solid rgba(245, 239, 229, 0.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has([class*="Selector-module__dropDownCurrentItem"]) > *,
html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has(select) > * {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has([class*="Selector-module__dropDownCurrentItem"]) > *:first-child,
html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has(select) > *:first-child {
  color: rgba(245, 239, 229, 0.74) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has([class*="Selector-module__dropDownCurrentItem"]) [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has(select) select {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 42px 0 14px !important;
  border: 1px solid rgba(245, 239, 229, 0.16) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.34) !important;
  color: #f5efe5 !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has([class*="Selector-module__dropDownCurrentItem"]) [class*="Selector-module__dropDownList"] {
  z-index: 2147483200 !important;
  border-radius: 0 !important;
  border-color: rgba(245, 239, 229, 0.16) !important;
  background: rgba(16, 18, 17, 0.98) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46) !important;
}

@media (max-width: 760px) {
  html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has([class*="Selector-module__dropDownCurrentItem"]),
  html.slb-profile-page .slb-profile-simple__content [class*="ProfileContent-module__body"] > div:has(select) {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
  }
}

/* SLABIY profile server near promo: move the native block as a stable whole component. */
html.slb-profile-page .slb-profile-controls-row {
  grid-template-columns: minmax(420px, 640px) minmax(390px, 520px) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-controls-row .slb-profile-promo-strip {
  justify-self: end !important;
  width: min(100%, 620px) !important;
  grid-template-columns: auto minmax(210px, 340px) auto !important;
}

html.slb-profile-page .slb-profile-native-server-slot {
  display: grid !important;
  grid-template-columns: auto minmax(280px, 380px) !important;
  align-items: center !important;
  justify-self: start !important;
  gap: 10px !important;
  width: fit-content !important;
  min-height: 42px !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-default-server-label {
  color: rgba(245, 239, 229, 0.74) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block {
  position: relative !important;
  z-index: 90 !important;
  width: 380px !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block > * {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDown"]:not([class*="dropDownList"]):not([class*="DropDownList"]),
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector"]:not([class*="dropDownList"]):not([class*="DropDownList"]),
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Select"]:not([class*="dropDownList"]):not([class*="DropDownList"]) {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  width: 100% !important;
  min-height: 42px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 42px 0 14px !important;
  border: 1px solid rgba(245, 239, 229, 0.16) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.34) !important;
  color: #f5efe5 !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2147483200 !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: 236px !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border: 1px solid rgba(245, 239, 229, 0.16) !important;
  border-radius: 0 !important;
  background: rgba(16, 18, 17, 0.98) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46) !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-native-server-old-label {
  display: none !important;
}

@media (max-width: 1120px) {
  html.slb-profile-page .slb-profile-controls-row {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }

  html.slb-profile-page .slb-profile-controls-row .slb-profile-promo-strip,
  html.slb-profile-page .slb-profile-native-server-slot {
    justify-self: center !important;
    width: min(100%, 620px) !important;
  }
}

@media (max-width: 760px) {
  html.slb-profile-page .slb-profile-native-server-slot {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block {
    width: 100% !important;
  }
}

/* SLABIY profile basket pass v1: native cart server selector, one scroll, cleaner rows. */
html.slb-profile-page .slb-profile-simple__content[class*="BasketContent-module__wrapper"],
html.slb-profile-page .slb-profile-simple__content[class*="HistoryContent-module__wrapper"] {
  max-height: none !important;
  overflow: visible !important;
  scrollbar-width: auto !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] .boxBody,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] .boxBody {
  max-height: min(620px, 68vh) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: #5d7238 #151413 !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] .boxBody::-webkit-scrollbar,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] .boxBody::-webkit-scrollbar {
  width: 10px !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] .boxBody::-webkit-scrollbar-track,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] .boxBody::-webkit-scrollbar-track {
  background: #151413 !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module__wrapper"] .boxBody::-webkit-scrollbar-thumb,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module__wrapper"] .boxBody::-webkit-scrollbar-thumb {
  border: 2px solid #151413 !important;
  border-radius: 0 !important;
  background: #5d7238 !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .slb-profile-native-server-locked,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .slb-profile-native-server-locked * {
  pointer-events: auto !important;
  cursor: auto !important;
  user-select: auto !important;
  touch-action: auto !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .boxBody > div {
  background: rgba(245, 239, 229, 0.032) !important;
  background-color: rgba(245, 239, 229, 0.032) !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] table,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] thead,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] tbody,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] tr,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] th,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] td,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] [class*="tableHeader"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] [class*="TableHeader"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] div[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] span[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] tr[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] td[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] th[style*="background"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] th > *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] td > *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] [class*="tableHeader"] > *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] [class*="TableHeader"] > *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] div[style*="background"] *,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] span[style*="background"] * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] th::before,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] th::after,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] td::before,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] td::after,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] [class*="tableHeader"]::before,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] [class*="tableHeader"]::after,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] [class*="TableHeader"]::before,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] [class*="TableHeader"]::after {
  content: none !important;
  display: none !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] th,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] td {
  color: var(--slb-profile-muted, rgba(245, 239, 229, 0.62)) !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] img {
  background: rgba(245, 239, 229, 0.045) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] table,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] thead,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] tbody,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] tr,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] th,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] td,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] [class*="tableHeader"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] [class*="TableHeader"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] div[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] span[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] tr[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] td[style*="background"],
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] th[style*="background"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] th > *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] td > *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] [class*="tableHeader"] > *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] [class*="TableHeader"] > *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] div[style*="background"] *,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] span[style*="background"] * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] th::before,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] th::after,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] td::before,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] td::after,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] [class*="tableHeader"]::before,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] [class*="tableHeader"]::after,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] [class*="TableHeader"]::before,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] [class*="TableHeader"]::after {
  content: none !important;
  display: none !important;
}

html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] th,
html.slb-profile-page .slb-profile-simple [class*="HistoryContent-module"] [class*="HistoryTable-module"] td {
  color: var(--slb-profile-muted, rgba(245, 239, 229, 0.62)) !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] td > span,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="BasketTable-module"] td > div > span,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .boxBody label,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .boxBody p,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .boxBody small,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] .boxBody em {
  background: transparent !important;
  background-color: transparent !important;
}

html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] select,
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [role="combobox"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [aria-haspopup="listbox"],
html.slb-profile-page .slb-profile-simple [class*="BasketContent-module"] [class*="Selector-module"] {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* SLABIY profile default server dropdown pass v1: let the native GameStore selector open without clipping. */
html.slb-profile-page .slb-profile-simple__content[class*="ProfileContent-module__wrapper"],
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__wrapper"],
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__wrapper"] .box,
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__wrapper"] .boxBody,
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__body"],
html.slb-profile-page .slb-profile-default-server-block,
html.slb-profile-page .slb-profile-default-server-block > * {
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-default-server-block,
html.slb-profile-page .slb-profile-default-server-block [class*="Selector"],
html.slb-profile-page .slb-profile-default-server-block [class*="Select"],
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__body"] [class*="Selector"],
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__body"] [class*="Select"] {
  position: relative !important;
  z-index: 60 !important;
}

html.slb-profile-page .slb-profile-default-server-block [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-default-server-block [class*="Selector-module__dropDown"],
html.slb-profile-page .slb-profile-default-server-block [class*="dropDownList"],
html.slb-profile-page .slb-profile-default-server-block [class*="DropDownList"],
html.slb-profile-page .slb-profile-default-server-block [role="listbox"],
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__body"] [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__body"] [class*="Selector-module__dropDown"],
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__body"] [class*="dropDownList"],
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__body"] [class*="DropDownList"],
html.slb-profile-page .slb-profile-simple [class*="ProfileContent-module__body"] [role="listbox"] {
  z-index: 2147483200 !important;
  max-height: min(280px, 42vh) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: rgba(16, 18, 17, 0.98) !important;
  border-color: rgba(245, 239, 229, 0.16) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46) !important;
}

/* SLABIY profile default server dropdown pass v2: stable row, one frame only. */
html.slb-profile-page .slb-profile-controls-row {
  grid-template-columns: minmax(420px, 640px) minmax(430px, 540px) !important;
  align-items: center !important;
  justify-content: center !important;
}

html.slb-profile-page .slb-profile-controls-row .slb-profile-promo-strip {
  justify-self: end !important;
  width: min(100%, 620px) !important;
  grid-template-columns: auto minmax(210px, 340px) auto !important;
}

html.slb-profile-page .slb-profile-native-server-slot {
  display: grid !important;
  grid-template-columns: auto minmax(280px, 360px) !important;
  align-items: center !important;
  justify-self: start !important;
  gap: 10px !important;
  min-height: 42px !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-default-server-label {
  white-space: nowrap !important;
}

html.slb-profile-page .slb-profile-default-server-block {
  position: relative !important;
  z-index: 80 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-default-server-block > * {
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-default-server-select,
html.slb-profile-page .slb-profile-default-server-block select,
html.slb-profile-page .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-default-server-block [class*="Selector-module__current"],
html.slb-profile-page .slb-profile-default-server-block [role="combobox"],
html.slb-profile-page .slb-profile-default-server-block [aria-haspopup="listbox"] {
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 42px 0 14px !important;
  border: 1px solid rgba(245, 239, 229, 0.16) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.34) !important;
  background-color: rgba(0, 0, 0, 0.34) !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-default-server-block [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-default-server-block [class*="Selector-module__dropDown"],
html.slb-profile-page .slb-profile-default-server-block [class*="dropDownList"],
html.slb-profile-page .slb-profile-default-server-block [class*="DropDownList"],
html.slb-profile-page .slb-profile-default-server-block [role="listbox"] {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2147483200 !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: 236px !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border: 1px solid rgba(245, 239, 229, 0.16) !important;
  background: rgba(16, 18, 17, 0.98) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46) !important;
}

html.slb-profile-page .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *,
html.slb-profile-page .slb-profile-default-server-block [class*="Selector-module__dropDown"] > *,
html.slb-profile-page .slb-profile-default-server-block [class*="dropDownList"] > *,
html.slb-profile-page .slb-profile-default-server-block [class*="DropDownList"] > *,
html.slb-profile-page .slb-profile-default-server-block [role="listbox"] > * {
  min-height: 38px !important;
  border: 1px solid rgba(245, 239, 229, 0.1) !important;
  background: rgba(245, 239, 229, 0.045) !important;
}

@media (max-width: 980px) {
  html.slb-profile-page .slb-profile-controls-row {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }

  html.slb-profile-page .slb-profile-controls-row .slb-profile-promo-strip,
  html.slb-profile-page .slb-profile-native-server-slot {
    justify-self: stretch !important;
    width: 100% !important;
  }
}

/* SLABIY profile server near promo final override: dropdown opens over the page, not through layout. */
html.slb-profile-page .slb-profile-controls-row {
  grid-template-columns: minmax(420px, 640px) minmax(390px, 520px) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot {
  display: grid !important;
  grid-template-columns: auto minmax(280px, 380px) !important;
  align-items: center !important;
  justify-self: start !important;
  gap: 10px !important;
  width: fit-content !important;
  min-height: 42px !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block {
  position: relative !important;
  z-index: 120 !important;
  width: 380px !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDown"]:not([class*="dropDownList"]):not([class*="DropDownList"]),
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector"]:not([class*="dropDownList"]):not([class*="DropDownList"]) {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  min-height: 42px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 42px 0 14px !important;
  border: 1px solid rgba(245, 239, 229, 0.16) !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.34) !important;
  color: #f5efe5 !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2147483200 !important;
  width: 100% !important;
  min-height: 0 !important;
  max-height: 236px !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border: 1px solid rgba(245, 239, 229, 0.16) !important;
  border-radius: 0 !important;
  background: rgba(16, 18, 17, 0.98) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46) !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-native-server-old-label {
  display: none !important;
}

@media (max-width: 1120px) {
  html.slb-profile-page .slb-profile-controls-row {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }

  html.slb-profile-page .slb-profile-controls-row .slb-profile-promo-strip,
  html.slb-profile-page .slb-profile-native-server-slot {
    justify-self: center !important;
    width: min(100%, 620px) !important;
  }
}

@media (max-width: 760px) {
  html.slb-profile-page .slb-profile-native-server-slot {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block {
    width: 100% !important;
  }
}

/* SLABIY texture restore v2: keep the original rusty grain texture. */
:root {
  --slb-rust-body-overlay: url("https://pic.survivalhost.org/images/2026/05/21/rust-body-overlay.png") !important;
}

/* SLABIY performance pass v1. */
.Product-module__wrapper {
  content-visibility: auto !important;
  contain-intrinsic-size: 210px 250px !important;
}

.slb-support-float,
.slb-support-float::before,
.slb-support-float::after,
.slb-support-float__icon {
  animation: none !important;
}

.slb-rowboat {
  left: var(--slb-ocean-boat-start-x, 8vw) !important;
  will-change: transform !important;
  animation: slbBoatAcrossTransformPerfV2 48s ease-in-out infinite !important;
}

@keyframes slbBoatAcrossTransformPerfV2 {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(calc(var(--slb-ocean-stage-width, 100vw) - min(430px, 24vw) - var(--slb-ocean-boat-end-gap, 16vw)), 0, 0);
  }
}

.slb-feature-card__shade::after,
.slb-feature-card--shop .slb-feature-card__cart,
.slb-feature-card--shop .slb-feature-card__cart svg,
.slb-feature-card[data-slb-wipe-block]::before,
.slb-feature-card--stats::before,
.slb-feature-card--stats::after {
  animation: none !important;
}

@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  .slb-rowboat {
    animation: none !important;
    transform: none !important;
  }
}

/* SLABIY mobile visual pass v1: compact header, poster-only video, and seated boat/wave. */
@media (max-width: 760px) {
  .slb-feature-card__video,
  .slb-feature-card-video--poster-only .slb-feature-card__video {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .slb-feature-card__poster,
  .slb-feature-card-video--poster-only .slb-feature-card__poster {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (max-width: 520px) {
  :root {
    --slb-topbar-height: 44px;
  }

  .slb-topbar {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  .slb-topbar__nav {
    flex: 0 0 46% !important;
    width: 46% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 1px !important;
    overflow: hidden !important;
  }

  .slb-topbar__actions {
    flex: 1 1 54% !important;
    width: 54% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.42fr) minmax(0, .82fr) !important;
    gap: 1px !important;
    margin-left: 0 !important;
    padding-left: 1px !important;
    overflow: hidden !important;
  }

  .slb-topbar__link[href*="/page/wipes"],
  .slb-topbar__link[href*="/page/wipes1"] {
    display: none !important;
  }

  .slb-topbar .slb-topbar__link,
  .slb-topbar .slb-topbar__topup,
  .slb-topbar .slb-topbar__login {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 4px !important;
    gap: 3px !important;
    overflow: hidden !important;
    font-size: 12.5px !important;
    line-height: 44px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .slb-topbar__icon,
  .slb-topbar__login-icon {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
    transform: none !important;
  }

  .slb-topbar__topup span {
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .slb-topbar__topup span::after {
    content: "Счёт" !important;
    display: inline !important;
    font-size: 12.5px !important;
    line-height: 44px !important;
  }
}

@media (max-width: 900px) {
  html.slb-home-page #slb-ocean-divider .slb-ocean-divider__inner {
    height: clamp(360px, 58vh, 470px) !important;
    min-height: 360px !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-rowboat {
    top: clamp(62px, 10vw, 78px) !important;
    left: 5vw !important;
    width: min(62vw, 260px) !important;
    height: min(35vw, 146px) !important;
    z-index: 17 !important;
    will-change: auto !important;
    animation: none !important;
    transform: translate3d(0, 0, 0) !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-rowboat__body {
    animation: slbBoatMobileBobV124 4.2s ease-in-out infinite !important;
    will-change: transform !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-ocean__wave--front {
    top: 34px !important;
    z-index: 18 !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-ocean__wave--front::before {
    animation: slbWaveMobileSlideV124 38s linear infinite !important;
    will-change: transform !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-ocean::before {
    top: 218px !important;
    z-index: 12 !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-ocean__wave--front::after {
    top: 148px !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-ocean-buoy--telegram .social-buoy,
  html.slb-home-page #slb-ocean-divider .slb-ocean-buoy--discord .social-buoy {
    --social-lamp-y: 7.1%;
    --social-lamp-core: 4.7%;
    --social-lamp-glow: 9.4%;
  }
}

@media (max-width: 520px) {
  html.slb-home-page #slb-ocean-divider .slb-ocean-divider__inner {
    height: 390px !important;
    min-height: 390px !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-rowboat {
    top: 44px !important;
    width: min(64vw, 250px) !important;
    height: min(36vw, 140px) !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-ocean__wave--front {
    top: 32px !important;
  }

  html.slb-home-page #slb-ocean-divider .slb-ocean::before {
    top: 214px !important;
  }
}

@keyframes slbBoatMobileBobV124 {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(-1deg);
  }

  50% {
    transform: translate3d(0, 6px, 0) rotate(1deg);
  }
}

@keyframes slbWaveMobileSlideV124 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-1600px, 0, 0);
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  html.slb-home-page #slb-ocean-divider .slb-rowboat,
  html.slb-home-page #slb-ocean-divider .slb-rowboat__body,
  html.slb-home-page #slb-ocean-divider .slb-ocean-buoy,
  html.slb-home-page #slb-ocean-divider .slb-ocean__wave--front::before {
    animation: none !important;
    transform: none !important;
  }
}

/* SLABIY profile performance pass v1: expose LCP cover as img and keep the site texture. */
html.slb-profile-page body::before,
html.slb-profile-page body::after {
  background-image: var(--slb-rust-body-overlay) !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: center top !important;
}

html.slb-profile-page body::before {
  background-position: 37px 19px !important;
  opacity: var(--slb-rust-body-overlay-second-opacity, 0.26) !important;
}

html.slb-profile-page body::after {
  background-position: center top !important;
  opacity: var(--slb-rust-body-overlay-opacity, 0.62) !important;
}

html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover {
  background: #151616 !important;
}

html.slb-profile-page .slb-profile-server-cover__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.86 !important;
  filter: brightness(0.58) contrast(1.08) saturate(0.92) !important;
  pointer-events: none !important;
}

html.slb-profile-page .slb-profile-simple button.slb-profile-server-cover::before {
  z-index: 1 !important;
}

html.slb-profile-page .slb-profile-server-cover span,
html.slb-profile-page .slb-profile-server-cover small,
html.slb-profile-page .slb-profile-server-cover em,
html.slb-profile-page .slb-profile-server-cover i {
  z-index: 2 !important;
}

/* SLABIY copy IP toast guard v1: long native messages must not stretch the page. */
:root {
  --slb-copy-toast-width: 420px;
  --slb-copy-toast-side: 14px;
}

.Toast-module__toast,
[class*="Toast-module__toast"],
[class*="Toast"] [class*="toast"],
.slb-notice-safe-item,
.slb-notice-portal .slb-notice-portal-item {
  width: min(var(--slb-copy-toast-width), calc(100vw - (var(--slb-copy-toast-side) * 2))) !important;
  max-width: calc(100vw - (var(--slb-copy-toast-side) * 2)) !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.Toast-module__toast *,
[class*="Toast-module__toast"] *,
[class*="Toast"] [class*="toast"] *,
.slb-notice-safe-item *,
.slb-notice-portal .slb-notice-portal-item * {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.Toast-module__toast [class*="message"],
.Toast-module__toast [class*="Message"],
[class*="Toast-module__toast"] [class*="message"],
[class*="Toast-module__toast"] [class*="Message"],
[class*="Toast"] [class*="toast"] [class*="message"],
[class*="Toast"] [class*="toast"] [class*="Message"],
.slb-notice-safe-item [class*="message"],
.slb-notice-safe-item [class*="Message"],
.slb-notice-portal .slb-notice-portal-item [class*="message"],
.slb-notice-portal .slb-notice-portal-item [class*="Message"] {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.22 !important;
}

.slb-copy-notice-duplicate {
  display: none !important;
}

@media (max-width: 560px) {
  :root {
    --slb-copy-toast-width: 340px;
    --slb-copy-toast-side: 10px;
  }
}

/* SLABIY topup campfire final override. */
html .slb-topup-modal-wrapper .slb-topup-modal {
  overflow: visible !important;
}

/* SLABIY topup campfire v1. */
:root {
  --slb-topup-campfire-url: url("https://pic.survivalhost.org/images/2026/05/10/campfire.png");
}

.slb-topup-modal-wrapper .slb-topup-modal {
  overflow: visible !important;
}

.slb-topup-modal::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -86px !important;
  z-index: 3 !important;
  width: 142px !important;
  height: 112px !important;
  pointer-events: none !important;
  background-image: var(--slb-topup-campfire-url) !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: contain !important;
  filter: drop-shadow(0 18px 18px rgba(0, 0, 0, 0.42)) !important;
  transform: translateX(-50%) !important;
}

@media (max-width: 560px) {
  .slb-topup-modal::before {
    top: -68px !important;
    width: 112px !important;
    height: 90px !important;
  }
}

/* SLABIY topup skins button position v3. */
html .slb-topup-modal [data-slb-topup-bonus-card] + a.slb-topup-skins-link,
html .slb-topup-modal [data-slb-topup-bonus-card] + [data-slb-topup-skins-link] {
  margin-top: 8px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
}

html .slb-topup-modal [data-slb-topup-bonus-card] p,
html .slb-topup-modal .slb-topup-bonus-card p {
  display: none !important;
  margin: 0 !important;
}

/* SLABIY topup skins button final v2. */
html .slb-topup-modal a.slb-topup-skins-link,
html .slb-topup-modal .boxBody a.slb-topup-skins-link,
html .slb-topup-modal [data-slb-topup-skins-link] {
  width: min(100%, 310px) !important;
  min-height: 42px !important;
  margin: 4px 0 8px !important;
  padding: 0 12px 0 14px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(248, 236, 229, 0.78) !important;
  background: rgba(255, 255, 255, 0.085) !important;
  border: 1px solid rgba(245, 239, 229, 0.08) !important;
  border-left: 3px solid #5d7238 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

html .slb-topup-modal a.slb-topup-skins-link span,
html .slb-topup-modal [data-slb-topup-skins-link] span {
  color: inherit !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

html .slb-topup-modal a.slb-topup-skins-link small,
html .slb-topup-modal [data-slb-topup-skins-link] small {
  min-height: 22px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(248, 236, 229, 0.62) !important;
  background: rgba(93, 114, 56, 0.24) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html .slb-topup-modal a.slb-topup-skins-link:hover,
html .slb-topup-modal a.slb-topup-skins-link:focus-visible,
html .slb-topup-modal [data-slb-topup-skins-link]:hover,
html .slb-topup-modal [data-slb-topup-skins-link]:focus-visible {
  color: rgba(248, 236, 229, 0.92) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(93, 114, 56, 0.55) !important;
  border-left-color: #5d7238 !important;
  outline: 0 !important;
}

@media (max-width: 560px) {
  html .slb-topup-modal a.slb-topup-skins-link,
  html .slb-topup-modal .boxBody a.slb-topup-skins-link,
  html .slb-topup-modal [data-slb-topup-skins-link] {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    padding: 10px 12px !important;
  }

  html .slb-topup-modal a.slb-topup-skins-link small,
  html .slb-topup-modal [data-slb-topup-skins-link] small {
    width: max-content !important;
  }
}

/* SLABIY trade page hard fix v2: prevent the native white static-page panel. */
html.slb-trade-static-page .container,
html.slb-trade-static-page [class*="index-module__wrapper"] {
  width: min(860px, calc(100vw - 32px)) !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html.slb-trade-static-page .box,
html.slb-trade-static-page .boxBody,
html.slb-trade-static-page .slb-static-page-panel,
html.slb-trade-static-page .slb-trade-page-panel,
html.slb-trade-static-page [class*="Page-module"],
html.slb-trade-static-page [class*="StaticPage"],
html.slb-trade-static-page [class*="Content-module__wrapper"],
html.slb-trade-static-page [class*="Content-module__body"] {
  color: rgba(186, 179, 173, 0.86) !important;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.014) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, rgba(29, 32, 30, 0.98), rgba(15, 17, 16, 0.98)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.42) !important;
}

html.slb-trade-static-page .boxHeader,
html.slb-trade-static-page .boxHeaderCustom {
  color: rgba(248, 236, 229, 0.72) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

html.slb-trade-static-page .boxBody,
html.slb-trade-static-page .slb-static-page-panel {
  padding: 26px !important;
}

html.slb-trade-static-page h1,
html.slb-trade-static-page h2,
html.slb-trade-static-page h3,
html.slb-trade-static-page .slb-trade-page h3 {
  margin: 0 0 14px !important;
  color: rgba(248, 236, 229, 0.88) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: clamp(23px, 4vw, 32px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

html.slb-trade-static-page p,
html.slb-trade-static-page .slb-trade-page p {
  max-width: 680px !important;
  margin: 0 0 12px !important;
  color: rgba(186, 179, 173, 0.78) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

html.slb-trade-static-page a[href*="pay-skin.com"],
html.slb-trade-static-page .slb-trade-page__button {
  min-width: 220px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(186, 179, 173, 0.72) !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

html.slb-trade-static-page a[href*="pay-skin.com"]:hover,
html.slb-trade-static-page a[href*="pay-skin.com"]:focus-visible,
html.slb-trade-static-page .slb-trade-page__button:hover,
html.slb-trade-static-page .slb-trade-page__button:focus-visible {
  color: rgba(248, 236, 229, 0.88) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  outline: 0 !important;
}

/* SLABIY topup skins page link v1. */
.slb-topup-skins-link {
  min-height: 46px !important;
  margin: 2px 0 4px !important;
  padding: 9px 14px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  color: var(--slb-topup-calm-muted, rgba(186, 179, 173, 0.66)) !important;
  background: var(--slb-topup-calm-button, rgba(255, 255, 255, 0.10)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
}

.slb-topup-skins-link span,
.slb-topup-skins-link small {
  min-width: 0 !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.slb-topup-skins-link span {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.slb-topup-skins-link small {
  color: rgba(186, 179, 173, 0.48) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.slb-topup-skins-link:hover,
.slb-topup-skins-link:focus-visible {
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
  background: var(--slb-topup-calm-button-hover, rgba(255, 255, 255, 0.16)) !important;
  outline: 0 !important;
}

.slb-topup-skins-link:hover small,
.slb-topup-skins-link:focus-visible small {
  color: var(--slb-topup-calm-green, #5d7238) !important;
}

@media (max-width: 560px) {
  .slb-topup-skins-link {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  .slb-topup-skins-link small {
    white-space: normal !important;
  }
}

/* SLABIY trade static page v1. */
.slb-trade-page {
  max-width: 680px !important;
  margin: 0 auto !important;
  color: rgba(186, 179, 173, 0.86) !important;
  text-align: left !important;
}

.slb-trade-page h3 {
  margin: 0 0 14px !important;
  color: rgba(248, 236, 229, 0.88) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: clamp(24px, 4vw, 34px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.slb-trade-page p {
  margin: 0 0 12px !important;
  color: rgba(186, 179, 173, 0.78) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.slb-trade-page__note {
  color: rgba(186, 179, 173, 0.58) !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.slb-trade-page__actions {
  margin-top: 22px !important;
  display: flex !important;
  justify-content: center !important;
}

.slb-trade-page__button {
  min-width: 220px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(186, 179, 173, 0.72) !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 44px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background-color 0.18s ease, color 0.18s ease !important;
}

.slb-trade-page__button:hover,
.slb-trade-page__button:focus-visible {
  color: rgba(248, 236, 229, 0.88) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  outline: 0 !important;
}

/* SLABIY topup calm cleanup v3. */
:root {
  --slb-topup-calm-text: rgba(186, 179, 173, 0.90);
  --slb-topup-calm-muted: rgba(186, 179, 173, 0.66);
  --slb-topup-calm-strong: rgba(248, 236, 229, 0.86);
  --slb-topup-calm-panel: rgba(23, 26, 24, 0.96);
  --slb-topup-calm-row: rgba(255, 255, 255, 0.045);
  --slb-topup-calm-button: rgba(255, 255, 255, 0.10);
  --slb-topup-calm-button-hover: rgba(255, 255, 255, 0.16);
  --slb-topup-calm-green: #5d7238;
}

.slb-topup-modal-wrapper .slb-topup-modal {
  width: min(500px, calc(100vw - 28px)) !important;
  color: var(--slb-topup-calm-text) !important;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.014) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, rgba(29, 32, 30, 0.98), rgba(15, 17, 16, 0.98)) !important;
}

.slb-topup-modal .boxHeader {
  display: none !important;
}

.slb-topup-modal .boxBody {
  padding: 22px 22px 14px !important;
  gap: 12px !important;
  background: var(--slb-topup-calm-panel) !important;
}

.slb-topup-modal .boxBody > *:not(.slb-topup-bonus-card),
.slb-topup-bonus-card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.slb-topup-modal .boxBody label,
.slb-topup-modal .boxBody [class*="label"],
.slb-topup-modal .boxBody [class*="Label"] {
  color: var(--slb-topup-calm-muted) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  margin-top: 7px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(186, 179, 173, 0.12) !important;
  background: rgba(255, 255, 255, 0.035) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] > :first-child:not(input):not(textarea):not(select),
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] [class*="currency"],
.slb-topup-modal [class*="PlayerBalanceModal-module__inputWrapper"] [class*="Currency"] {
  display: none !important;
}

.slb-topup-modal input,
.slb-topup-modal textarea {
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  color: var(--slb-topup-calm-strong) !important;
  background: transparent !important;
  border: 0 !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  caret-color: var(--slb-topup-calm-green) !important;
}

.slb-topup-modal input::placeholder,
.slb-topup-modal textarea::placeholder {
  color: var(--slb-topup-calm-muted) !important;
  opacity: 1 !important;
}

.slb-topup-bonus-card {
  margin-top: 12px !important;
  color: var(--slb-topup-calm-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.slb-topup-bonus-card h3 {
  margin: 0 0 9px !important;
  color: var(--slb-topup-calm-muted) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.slb-topup-bonus-card__rows {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 4px 0 !important;
  align-items: stretch !important;
}

.slb-topup-bonus-card__rows b,
.slb-topup-bonus-card__rows span {
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.slb-topup-bonus-card__rows b {
  min-width: 52px !important;
  justify-content: flex-start !important;
  padding: 0 8px 0 12px !important;
  color: var(--slb-topup-calm-green) !important;
  background: var(--slb-topup-calm-row) !important;
}

.slb-topup-bonus-card__rows span {
  padding: 0 12px 0 2px !important;
  color: var(--slb-topup-calm-muted) !important;
  background: var(--slb-topup-calm-row) !important;
  text-shadow: none !important;
}

.slb-topup-bonus-card p {
  margin: 9px 0 0 !important;
  color: rgba(186, 179, 173, 0.50) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.slb-topup-modal .boxFooter {
  padding: 14px 22px 20px !important;
  gap: 10px !important;
  background: var(--slb-topup-calm-panel) !important;
  border-top: 0 !important;
}

.slb-topup-modal .boxFooter button,
.slb-topup-modal .boxFooter [class*="Button-module__btn"],
.slb-topup-modal .boxFooter [class*="gray"],
.slb-topup-modal .boxFooter [class*="Gray"] {
  min-height: 40px !important;
  padding: 0 18px !important;
  border: 0 !important;
  color: var(--slb-topup-calm-muted) !important;
  background: var(--slb-topup-calm-button) !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 40px !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transform: none !important;
}

.slb-topup-modal .boxFooter button:hover,
.slb-topup-modal .boxFooter button:focus,
.slb-topup-modal .boxFooter [class*="Button-module__btn"]:hover,
.slb-topup-modal .boxFooter [class*="Button-module__btn"]:focus {
  color: var(--slb-topup-calm-strong) !important;
  background: var(--slb-topup-calm-button-hover) !important;
  border: 0 !important;
  transform: none !important;
}

/* SLABIY topup skins link tone final: match Close/Topup button text. */
html .slb-topup-modal a.slb-topup-skins-link,
html .slb-topup-modal .boxBody a.slb-topup-skins-link,
html .slb-topup-modal [data-slb-topup-skins-link],
html .slb-topup-modal a.slb-topup-skins-link span,
html .slb-topup-modal [data-slb-topup-skins-link] span {
  color: var(--slb-topup-calm-muted, rgba(186, 179, 173, 0.66)) !important;
}

html .slb-topup-modal a.slb-topup-skins-link:hover,
html .slb-topup-modal a.slb-topup-skins-link:focus-visible,
html .slb-topup-modal [data-slb-topup-skins-link]:hover,
html .slb-topup-modal [data-slb-topup-skins-link]:focus-visible,
html .slb-topup-modal a.slb-topup-skins-link:hover span,
html .slb-topup-modal a.slb-topup-skins-link:focus-visible span,
html .slb-topup-modal [data-slb-topup-skins-link]:hover span,
html .slb-topup-modal [data-slb-topup-skins-link]:focus-visible span {
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
}

@media (max-width: 560px) {
  .slb-topup-modal-wrapper .slb-topup-modal {
    width: calc(100vw - 20px) !important;
  }

  .slb-topup-modal .boxBody {
    padding: 18px 14px 12px !important;
  }

  .slb-topup-modal .boxFooter {
    padding: 12px 14px 16px !important;
  }
}

/* SLABIY profile server select visual absolute final: placed after all modal rules. */
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block select,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 28px !important;
  border: 1px solid rgba(245, 239, 229, 0.14) !important;
  background: rgba(0, 0, 0, 0.32) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
  text-align: center !important;
  line-height: 42px !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"]::before,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"]::after,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"]::before,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"]::after,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"]::before,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"]::after {
  content: none !important;
  display: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownCurrentItem"] *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="combobox"] *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-haspopup="listbox"] * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block:hover [class*="Selector-module__dropDownCurrentItem"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block:focus-within [class*="Selector-module__dropDownCurrentItem"] {
  border-color: rgba(93, 114, 56, 0.72) !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block svg *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Arrow"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="icon"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Icon"] {
  display: none !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"],
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] {
  box-sizing: border-box !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > * {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(245, 239, 229, 0.12) !important;
  border-left: 3px solid transparent !important;
  background: var(--slb-topup-calm-row, rgba(255, 255, 255, 0.045)) !important;
  color: var(--slb-topup-calm-muted, rgba(186, 179, 173, 0.66)) !important;
  text-align: center !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > * *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > * *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > * *,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > * * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.1 !important;
}

html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="Selector-module__dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="dropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [class*="DropDownList"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [role="listbox"] > *:hover,
html.slb-profile-page .slb-profile-native-server-slot .slb-profile-default-server-block [aria-selected="true"] {
  border-left-color: var(--slb-topup-calm-green, #5d7238) !important;
  background: rgba(93, 114, 56, 0.22) !important;
  color: var(--slb-topup-calm-strong, rgba(248, 236, 229, 0.86)) !important;
}

/* SLABIY topbar balance: visual mirror of native GameStore balance, no custom payment logic. */
.slb-topbar .slb-topbar__actions,
.slb-topbar .slb-topbar__topup {
  overflow: visible !important;
}

.slb-topbar .slb-topbar__topup {
  position: relative !important;
  z-index: 4 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 176px !important;
  width: 176px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 5px 18px 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: var(--slb-topbar-button-bg, var(--serverpanel-bg-color, hsla(0, 0%, 100%, 0.10))) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.012)), var(--slb-topbar-button-bg, var(--serverpanel-bg-color, hsla(0, 0%, 100%, 0.10))) !important;
  background-size: auto !important;
  background-position: center !important;
  color: var(--slb-topbar-button-text, hsla(27, 58%, 93%, 0.75)) !important;
  line-height: 1 !important;
  overflow: hidden !important;
  clip-path: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.slb-topbar .slb-topbar__topup:hover,
.slb-topbar .slb-topbar__topup:focus,
.slb-topbar .slb-topbar__topup:focus-visible {
  background-color: var(--slb-topbar-button-hover-bg, hsla(0, 0%, 100%, 0.16)) !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)), var(--slb-topbar-button-hover-bg, hsla(0, 0%, 100%, 0.16)) !important;
  color: var(--slb-topbar-button-hover-text, #ffffff) !important;
  outline: 0 !important;
}

.slb-topbar .slb-topbar__topup-label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: currentColor !important;
  font-family: var(--slb-topbar-stable-font, "Roboto Condensed", "Arial Narrow", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-shadow: inherit !important;
  pointer-events: none !important;
}

.slb-topbar .slb-topbar__topup .slb-topbar__balance {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 144px !important;
  max-width: 144px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #9fbd55 !important;
  font-family: var(--slb-topbar-stable-font, "Roboto Condensed", "Arial Narrow", Arial, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  pointer-events: none !important;
  user-select: none !important;
  transform: translateY(1px) !important;
}

.slb-topbar .slb-topbar__topup .slb-topbar__balance[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  .slb-topbar .slb-topbar__topup {
    justify-content: center !important;
    gap: 0 !important;
    min-width: 152px !important;
    width: 152px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin-bottom: 0 !important;
    padding: 5px 12px 4px !important;
    gap: 2px !important;
  }

  .slb-topbar .slb-topbar__topup.slb-topbar__topup--with-balance .slb-topbar__topup-label {
    position: absolute !important;
    display: block !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .slb-topbar .slb-topbar__topup.slb-topbar__topup--with-balance .slb-topbar__topup-label::after,
  .slb-topbar .slb-topbar__topup.slb-topbar__topup--with-balance .slb-topbar__balance::after {
    content: none !important;
    display: none !important;
  }

  .slb-topbar .slb-topbar__topup .slb-topbar__balance {
    display: inline-flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    color: var(--slb-topbar-button-text, hsla(27, 58%, 93%, 0.75)) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 430px), (max-resolution: 1dppx) and (max-width: 900px) {
  .slb-topbar .slb-topbar__topup {
    min-width: 118px !important;
    width: 118px !important;
    padding: 0 10px !important;
  }

  .slb-topbar .slb-topbar__topup .slb-topbar__balance {
    font-size: 13px !important;
  }
}

/* SLABIY feature cards and monitoring calm text hover final. */
:root {
  --slb-calm-window-text: rgba(248, 236, 227, 0.75);
  --slb-calm-window-text-strong: #ffffff;
  --slb-calm-window-icon: rgba(216, 237, 79, 0.24);
  --slb-calm-window-icon-strong: rgba(216, 237, 79, 0.36);
}

body .slb-feature-card .slb-feature-card__name,
body .slb-feature-card .slb-feature-card__desc,
body .slb-monitor-panel__head strong,
body .slb-monitor-online,
body .slb-monitor-server__title,
body .slb-monitor-server__title span,
body .slb-monitor-server__meta {
  color: var(--slb-calm-window-text) !important;
  transition: color 0.18s ease, text-shadow 0.18s ease, opacity 0.18s ease !important;
}

body .slb-feature-card:hover .slb-feature-card__name,
body .slb-feature-card:focus-visible .slb-feature-card__name,
body .slb-feature-card:hover .slb-feature-card__desc,
body .slb-feature-card:focus-visible .slb-feature-card__desc,
body .slb-monitor-panel__head:hover strong,
body .slb-monitor-panel__head:focus-within strong,
body .slb-monitor-online:hover,
body .slb-monitor-online:focus-visible,
body .slb-monitor-server:hover .slb-monitor-server__title,
body .slb-monitor-server:focus-within .slb-monitor-server__title,
body .slb-monitor-server:hover .slb-monitor-server__title span,
body .slb-monitor-server:focus-within .slb-monitor-server__title span,
body .slb-monitor-server:hover .slb-monitor-server__meta,
body .slb-monitor-server:focus-within .slb-monitor-server__meta {
  color: var(--slb-calm-window-text-strong) !important;
}

body .slb-feature-card--shop .slb-feature-card__cart,
body .slb-feature-card[data-slb-wipe-block]::before,
body .slb-feature-card--stats::before,
body .slb-feature-card--stats::after,
body .slb-feature-card--rules::before,
body .slb-feature-card--rules::after {
  color: var(--slb-calm-window-icon) !important;
  transition: color 0.18s ease, opacity 0.18s ease, filter 0.18s ease, transform 0.18s ease !important;
}

body .slb-feature-card--shop:hover .slb-feature-card__cart,
body .slb-feature-card--shop:focus-visible .slb-feature-card__cart,
body .slb-feature-card[data-slb-wipe-block]:hover::before,
body .slb-feature-card[data-slb-wipe-block]:focus-visible::before,
body .slb-feature-card--stats:hover::before,
body .slb-feature-card--stats:focus-visible::before,
body .slb-feature-card--stats:hover::after,
body .slb-feature-card--stats:focus-visible::after,
body .slb-feature-card--rules:hover::before,
body .slb-feature-card--rules:focus-visible::before,
body .slb-feature-card--rules:hover::after,
body .slb-feature-card--rules:focus-visible::after {
  color: var(--slb-calm-window-icon-strong) !important;
}

/* SLABIY native shop server selector: no sticky white focus, static size. */
body .slb-shop-section .slb-native-shop-server-selector-row,
body .slb-shop-section [class*="select-server"],
body .slb-shop-section [class*="SelectServer"],
body .slb-shop-section [class*="server-switcher"],
body .slb-shop-section [class*="ServerSwitcher"] {
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body .slb-shop-section .slb-native-shop-server-selector,
body .slb-shop-section .slb-native-shop-server-selector:visited,
body .slb-shop-section .slb-native-shop-server-selector:focus,
body .slb-shop-section .slb-native-shop-server-selector:focus-visible,
body .slb-shop-section .slb-native-shop-server-selector:active,
body .slb-shop-section .slb-native-shop-server-selector.is-active,
body .slb-shop-section .slb-native-shop-server-selector.active,
body .slb-shop-section .slb-native-shop-server-selector[class*="active"],
body .slb-shop-section .slb-native-shop-server-selector[class*="selected"],
body .slb-shop-section .slb-native-shop-server-selector[aria-current="true"],
body .slb-shop-section .slb-native-shop-server-selector[aria-selected="true"],
body .slb-shop-section .slb-native-shop-server-selector[aria-pressed="true"],
body .slb-shop-section .slb-native-shop-server-selector[data-active="true"],
body .slb-shop-section .slb-native-shop-server-selector[data-selected="true"],
body .slb-shop-section .server-btn:focus,
body .slb-shop-section .server-btn:focus-visible,
body .slb-shop-section .server-btn:active,
body .slb-shop-section [class*="server-btn"]:focus,
body .slb-shop-section [class*="server-btn"]:focus-visible,
body .slb-shop-section [class*="server-btn"]:active,
body .slb-shop-section [class*="ServerBtn"]:focus,
body .slb-shop-section [class*="ServerBtn"]:focus-visible,
body .slb-shop-section [class*="ServerBtn"]:active,
body .slb-shop-section [class*="select-server"] button:focus,
body .slb-shop-section [class*="select-server"] button:focus-visible,
body .slb-shop-section [class*="select-server"] button:active,
body .slb-shop-section [class*="server-switcher"] button:focus,
body .slb-shop-section [class*="server-switcher"] button:focus-visible,
body .slb-shop-section [class*="server-switcher"] button:active,
body .slb-shop-section [class*="ServerSwitcher"] button:focus,
body .slb-shop-section [class*="ServerSwitcher"] button:focus-visible,
body .slb-shop-section [class*="ServerSwitcher"] button:active,
body .slb-shop-section .slb-server-tabs .is-active,
body .slb-shop-section .slb-native-shop-server-selector-row .is-active {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(34, 34, 34, 0.62) !important;
  background-color: rgba(34, 34, 34, 0.62) !important;
  background-image: none !important;
  color: rgba(248, 236, 227, 0.75) !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 220px !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 330px !important;
  min-height: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  padding: 6px 12px !important;
  font-family: var(--slb-font-main, "Roboto Condensed", "Arial Narrow", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  outline: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
  transition: none !important;
  transform: none !important;
}

body .slb-shop-section .slb-native-shop-server-selector:hover,
body .slb-shop-section .slb-native-shop-server-selector:focus-visible:hover,
body .slb-shop-section .server-btn:hover,
body .slb-shop-section [class*="server-btn"]:hover,
body .slb-shop-section [class*="ServerBtn"]:hover,
body .slb-shop-section [class*="select-server"] button:hover,
body .slb-shop-section [class*="server-switcher"] button:hover,
body .slb-shop-section [class*="ServerSwitcher"] button:hover {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(48, 48, 48, 0.78) !important;
  background-color: rgba(48, 48, 48, 0.78) !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: none !important;
}

body .slb-shop-section .slb-native-shop-server-selector.slb-native-shop-server-selector--selected,
body .slb-shop-section .slb-native-shop-server-selector.slb-native-shop-server-selector--selected:focus,
body .slb-shop-section .slb-native-shop-server-selector.slb-native-shop-server-selector--selected:focus-visible,
body .slb-shop-section .slb-native-shop-server-selector.slb-native-shop-server-selector--selected:active {
  border-color: rgba(216, 237, 79, 0.28) !important;
  background: var(--slb-green-active-v57, #5d7238) !important;
  background-color: var(--slb-green-active-v57, #5d7238) !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: none !important;
}

body .slb-shop-section .slb-native-shop-server-selector.slb-native-shop-server-selector--selected:hover {
  border-color: rgba(216, 237, 79, 0.42) !important;
  background: var(--slb-green-active-v57, #5d7238) !important;
  background-color: var(--slb-green-active-v57, #5d7238) !important;
  color: #ffffff !important;
  transform: none !important;
}

body .slb-shop-section .slb-native-shop-server-selector *,
body .slb-shop-section .server-btn *,
body .slb-shop-section [class*="server-btn"] *,
body .slb-shop-section [class*="ServerBtn"] *,
body .slb-shop-section [class*="select-server"] button *,
body .slb-shop-section [class*="server-switcher"] button *,
body .slb-shop-section [class*="ServerSwitcher"] button * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: inherit !important;
  font-family: var(--slb-font-main, "Roboto Condensed", "Arial Narrow", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transition: none !important;
  transform: none !important;
}

body .slb-shop-section .slb-native-shop-server-selector.slb-native-shop-server-selector--selected *,
body .slb-shop-section .slb-native-shop-server-selector.slb-native-shop-server-selector--selected:hover *,
body .slb-shop-section .slb-native-shop-server-selector:hover *,
body .slb-shop-section .server-btn:hover *,
body .slb-shop-section [class*="server-btn"]:hover *,
body .slb-shop-section [class*="ServerBtn"]:hover *,
body .slb-shop-section [class*="select-server"] button:hover *,
body .slb-shop-section [class*="server-switcher"] button:hover *,
body .slb-shop-section [class*="ServerSwitcher"] button:hover * {
  color: #ffffff !important;
}

/* SLABIY shop server proxy buttons: visible buttons click hidden native GameStore controls. */
body .slb-shop-section .slb-native-shop-server-source-row {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  z-index: -1 !important;
  display: block !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body .slb-shop-section .slb-native-shop-server-source-control {
  position: absolute !important;
  left: -9999px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body .slb-shop-section .slb-shop-server-proxy-row {
  box-sizing: border-box !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body .slb-shop-section .slb-shop-server-proxy-button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 220px !important;
  width: auto !important;
  min-width: 180px !important;
  max-width: 330px !important;
  min-height: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(34, 34, 34, 0.62) !important;
  background-color: rgba(34, 34, 34, 0.62) !important;
  background-image: none !important;
  color: rgba(248, 236, 227, 0.75) !important;
  font-family: var(--slb-font-main, "Roboto Condensed", "Arial Narrow", Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
}

body .slb-shop-section .slb-shop-server-proxy-button:hover,
body .slb-shop-section .slb-shop-server-proxy-button:focus-visible {
  border: 0 !important;
  border-color: transparent !important;
  background: rgba(48, 48, 48, 0.78) !important;
  background-color: rgba(48, 48, 48, 0.78) !important;
  color: #ffffff !important;
  transform: none !important;
}

body .slb-shop-section .slb-shop-server-proxy-button.is-active,
body .slb-shop-section .slb-shop-server-proxy-button.is-active:hover,
body .slb-shop-section .slb-shop-server-proxy-button.is-active:focus-visible {
  border: 0 !important;
  border-color: transparent !important;
  background: var(--slb-green-active-v57, #5d7238) !important;
  background-color: var(--slb-green-active-v57, #5d7238) !important;
  background-image: none !important;
  color: #ffffff !important;
  transform: none !important;
}

/* SLABIY profile default server empty-shell EOF override. */
html.slb-profile-page .slb-profile-native-server-empty-shell,
html.slb-profile-page .slb-profile-native-server-empty-shell[hidden],
html.slb-profile-page .slb-profile-native-server-empty-shell * {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* SLABIY mobile topbar two-row EOF final: keep Calendar visible and stop topup text overlap. */
@media (max-width: 520px) {
  :root {
    --slb-topbar-height: 92px;
  }

  .slb-topbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 46px 46px !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100vw !important;
    min-height: 92px !important;
    height: 92px !important;
    padding: 0 !important;
    gap: 1px !important;
    overflow: hidden !important;
  }

  .slb-topbar__nav,
  .slb-topbar__actions {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 1px !important;
    overflow: hidden !important;
  }

  .slb-topbar__nav {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-items: stretch !important;
  }

  .slb-topbar__actions {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 0.92fr) !important;
  }

  .slb-topbar__link[href*="/page/wipes"],
  .slb-topbar__link[href*="/page/wipes1"] {
    display: inline-flex !important;
  }

  .slb-topbar .slb-topbar__nav > .slb-topbar__link,
  .slb-topbar .slb-topbar__nav > .slb-monitor-toggle,
  .slb-topbar .slb-topbar__link[href*="/page/wipes"],
  .slb-topbar .slb-topbar__link[href*="/page/wipes1"] {
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .slb-topbar .slb-topbar__link,
  .slb-topbar .slb-topbar__topup,
  .slb-topbar .slb-topbar__login {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 5px !important;
    overflow: hidden !important;
    font-size: 12.5px !important;
    line-height: 46px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .slb-topbar .slb-topbar__topup {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  .slb-topbar .slb-topbar__topup .slb-topbar__topup-label {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: auto !important;
    color: currentColor !important;
    font-size: 12.5px !important;
    line-height: 46px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .slb-topbar .slb-topbar__topup .slb-topbar__topup-label::after,
  .slb-topbar .slb-topbar__topup .slb-topbar__balance,
  .slb-topbar .slb-topbar__topup .slb-topbar__balance::after {
    content: none !important;
    display: none !important;
  }
}

/* SLABIY support widget final: fixed bottom menu with native ticket link and Telegram. */
.slb-support-widget {
  position: fixed !important;
  right: max(18px, env(safe-area-inset-right, 0px)) !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 2147483300 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  pointer-events: none !important;
}

.slb-support-widget,
.slb-support-widget * {
  box-sizing: border-box !important;
}

.slb-support-widget .slb-support-float {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  color: rgba(248, 236, 227, 0.78) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.014)), #5d7238 !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34) !important;
  outline: 0 !important;
  text-decoration: none !important;
  transform: none !important;
  transition: background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease !important;
  animation: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.slb-support-widget .slb-support-float::before,
.slb-support-widget .slb-support-float::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.slb-support-widget .slb-support-float:hover,
.slb-support-widget .slb-support-float:focus-visible,
.slb-support-widget.is-open .slb-support-float {
  color: #ffffff !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.018)), #6d8641 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38) !important;
  filter: none !important;
  transform: none !important;
}

.slb-support-widget .slb-support-float__icon,
.slb-support-widget .slb-support-icon-svg {
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  color: currentColor !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}

.slb-support-panel {
  position: absolute !important;
  right: 0 !important;
  bottom: 62px !important;
  width: min(420px, calc(100vw - 32px)) !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate3d(0, 8px, 0) !important;
  transform-origin: right bottom !important;
  pointer-events: none !important;
  transition: opacity 0.16s ease, visibility 0.16s ease, transform 0.16s ease !important;
}

.slb-support-widget.is-open .slb-support-panel {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) !important;
  pointer-events: auto !important;
}

.slb-support-choice {
  position: relative !important;
  min-height: 68px !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
  color: rgba(248, 236, 227, 0.72) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016)), rgba(17, 19, 18, 0.94) !important;
  border: 1px solid rgba(248, 236, 227, 0.08) !important;
  border-radius: 4px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.34) !important;
  text-decoration: none !important;
  outline: 0 !important;
  transform: none !important;
  transition: color 0.16s ease, border-color 0.16s ease, background-color 0.16s ease, filter 0.16s ease !important;
}

.slb-support-choice::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: url("https://pic.survivalhost.org/images/2026/05/21/rust-body-overlay.png") repeat !important;
  opacity: 0.16 !important;
  pointer-events: none !important;
}

.slb-support-choice > * {
  position: relative !important;
  z-index: 1 !important;
}

.slb-support-choice:hover,
.slb-support-choice:focus-visible {
  color: #ffffff !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)), rgba(24, 27, 25, 0.96) !important;
  border-color: rgba(248, 236, 227, 0.18) !important;
  filter: none !important;
  transform: none !important;
}

.slb-support-choice--tg {
  background: radial-gradient(circle at 0 50%, rgba(43, 145, 175, 0.18), transparent 42%), linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016)), rgba(17, 19, 18, 0.94) !important;
}

.slb-support-choice--ticket {
  background: radial-gradient(circle at 0 50%, rgba(93, 114, 56, 0.22), transparent 42%), linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016)), rgba(17, 19, 18, 0.94) !important;
}

.slb-support-choice__icon {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  color: rgba(248, 236, 227, 0.78) !important;
  box-shadow: none !important;
}

.slb-support-choice--tg .slb-support-choice__icon {
  background: rgba(43, 145, 175, 0.24) !important;
  border: 1px solid rgba(43, 145, 175, 0.34) !important;
}

.slb-support-choice--ticket .slb-support-choice__icon {
  color: rgba(248, 236, 227, 0.78) !important;
  background: rgba(93, 114, 56, 0.34) !important;
  border: 1px solid rgba(93, 114, 56, 0.44) !important;
}

.slb-support-choice__text {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

.slb-support-choice__title,
.slb-support-choice__desc {
  display: block !important;
  min-width: 0 !important;
  font-family: "Roboto Condensed", var(--default-font-family, sans-serif) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.slb-support-choice__title {
  color: rgba(248, 236, 227, 0.74) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  text-transform: none !important;
}

.slb-support-choice__desc {
  color: rgba(248, 236, 227, 0.52) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
}

.slb-support-choice--ticket .slb-support-choice__title,
.slb-support-choice--ticket .slb-support-choice__desc {
  color: inherit !important;
}

.slb-support-choice:hover .slb-support-choice__icon,
.slb-support-choice:focus-visible .slb-support-choice__icon {
  color: #ffffff !important;
}

.slb-support-choice:hover .slb-support-choice__title,
.slb-support-choice:focus-visible .slb-support-choice__title {
  color: #ffffff !important;
}

.slb-support-choice:hover .slb-support-choice__desc,
.slb-support-choice:focus-visible .slb-support-choice__desc {
  color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 620px) {
  .slb-support-widget {
    right: max(12px, env(safe-area-inset-right, 0px)) !important;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .slb-support-widget .slb-support-float {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  .slb-support-panel {
    right: 0 !important;
    bottom: 58px !important;
    width: calc(100vw - 24px) !important;
  }

  .slb-support-choice {
    min-height: 64px !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 9px 10px !important;
  }

  .slb-support-choice__icon {
    width: 40px !important;
    height: 40px !important;
  }

  .slb-support-choice__icon .slb-support-icon-svg {
    width: 24px !important;
    height: 24px !important;
  }

  .slb-support-choice__title {
    font-size: 18px !important;
  }

  .slb-support-choice__desc {
    font-size: 12.5px !important;
  }
}

@media (max-width: 380px) {
  .slb-support-choice__title {
    font-size: 18px !important;
  }

  .slb-support-choice__desc {
    font-size: 12.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .slb-support-widget .slb-support-float,
  .slb-support-panel,
  .slb-support-choice {
    transition: none !important;
    animation: none !important;
  }
}