@layer wuim-user-bonuses-mobile { @media(max-width:700px), (max-width:1100px) and (pointer:coarse){ :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) *{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:0!important;} } /* Shared mobile presentation. Native controls preserve each role's permissions. */ @media (max-width:700px), (max-width:1100px) and (pointer:coarse) { #userBonusesView.ubm-mobile, #userBonusPreviewModal.ubm-guide, .ubm-aux { --ubm-bg:#f7f8fc!important;--ubm-panel:#fff!important;--ubm-text:#182338!important;--ubm-muted:#5c6a7e!important;--ubm-line:#dce2ec!important;--ubm-accent:#6655f5!important;--ubm-tint:#efedff!important;--ubm-good:#137655!important;--ubm-good-bg:#e5f5ee!important; color:var(--ubm-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; } html[data-theme="dark"] :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide,.ubm-aux) { --ubm-bg:#0f1726!important;--ubm-panel:#151f30!important;--ubm-text:#edf2fa!important;--ubm-muted:#a0aec2!important;--ubm-line:#2c394c!important;--ubm-tint:#29244b!important;--ubm-good:#64d7ac!important;--ubm-good-bg:#15372f!important; } #userBonusesView.ubm-mobile *, #userBonusPreviewModal.ubm-guide * {box-sizing:border-box!important;} main:has(> #userBonusesView.ubm-mobile:not(.is-hidden)) {padding-left:max(calc(16 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-left,0px))!important;padding-right:max(calc(16 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-right,0px))!important;background:#f7f8fc!important;} html[data-theme="dark"] main:has(> #userBonusesView.ubm-mobile:not(.is-hidden)) {background:#0f1726!important;} #userBonusesView.ubm-mobile {min-width:0!important;width:100%!important;} #userBonusesView.ubm-mobile .data-card {background:var(--ubm-bg)!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;min-width:0!important;} #userBonusesView.ubm-mobile .data-card > .data-card-head, #userBonusesView.ubm-mobile .user-bonus-filterbar, #userBonusesView.ubm-mobile .user-bonus-gated-content > :is(.tablewrap,#userBonusKanban) {display:none!important;} #userBonusesView.ubm-mobile .ubm-head {display:flex!important;align-items:center!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;padding:0!important;margin:0 0 calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-head > .bonus-type-tabs {flex:1!important;min-width:0!important;width:auto!important;} #userBonusesView.ubm-mobile :is(button,summary),#userBonusPreviewModal.ubm-guide button {touch-action:manipulation!important;box-shadow:none!important;transform:none!important;} #userBonusesView.ubm-mobile #openUserBonusBasics {width:100%!important;flex:none!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;border:1px solid var(--ubm-line)!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;max-width:none!important;white-space:normal!important;line-height:1.35!important;padding:calc(8 * var(--wuim-mobile-unit, 1px)) calc(10 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-options {position:relative!important;flex:none!important;} #userBonusesView.ubm-mobile .ubm-options > summary {width:calc(44 * var(--wuim-mobile-unit, 1px))!important;height:calc(44 * var(--wuim-mobile-unit, 1px))!important;display:grid!important;place-items:center!important;background:var(--ubm-panel)!important;border:1px solid var(--ubm-line)!important;border-radius:calc(10 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(20 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-options > summary::after {display:none!important;} #userBonusesView.ubm-mobile .ubm-options > summary {display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;gap:0!important;line-height:1!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-dots {display:flex!important;align-items:center!important;justify-content:center!important;gap:calc(4 * var(--wuim-mobile-unit, 1px))!important;width:calc(20 * var(--wuim-mobile-unit, 1px))!important;height:calc(20 * var(--wuim-mobile-unit, 1px))!important;flex:none!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-dots > span {display:block!important;width:calc(3 * var(--wuim-mobile-unit, 1px))!important;height:calc(3 * var(--wuim-mobile-unit, 1px))!important;border-radius:50%!important;background:currentColor!important;} #userBonusesView.ubm-mobile .ubm-totals {margin-top:0!important;} #userBonusesView.ubm-mobile .ubm-options > .ubm-options-body {position:absolute!important;z-index:5!important;right:0!important;top:calc(50 * var(--wuim-mobile-unit, 1px))!important;width:min(calc(280 * var(--wuim-mobile-unit, 1px)),calc(100vw - calc(32 * var(--wuim-mobile-unit, 1px))))!important;} #userBonusesView.ubm-mobile summary {cursor:pointer!important;color:var(--ubm-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;list-style:none!important;} #userBonusesView.ubm-mobile summary::-webkit-details-marker,#userBonusPreviewModal.ubm-guide summary::-webkit-details-marker {display:none!important;} #userBonusesView.ubm-mobile summary::after {content:'+'!important;font-size:calc(18 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile details[open] > summary::after {content:'−'!important;} #userBonusesView.ubm-mobile .ubm-options-body {display:grid!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;padding:calc(12 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:calc(10 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;} #userBonusesView.ubm-mobile #delegateBonusesToWuim {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;width:100%!important;white-space:normal!important;} #userBonusesView.ubm-mobile .ubm-totals .user-bonus-unlocked-summary {padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;background:transparent!important;border:0!important;} #userBonusesView.ubm-mobile .ubm-totals .user-bonus-metric {display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:calc(6 * var(--wuim-mobile-unit, 1px))!important;padding:calc(12 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(86 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:calc(12 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;} #userBonusesView.ubm-mobile .ubm-totals .user-bonus-metric span {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.4!important;font-weight:500!important;color:var(--ubm-muted)!important;} #userBonusesView.ubm-mobile .ubm-totals .user-bonus-metric strong {font-size:clamp(calc(17 * var(--wuim-mobile-unit, 1px)),4.7vw,calc(22 * var(--wuim-mobile-unit, 1px)))!important;line-height:1.3!important;font-weight:650!important;letter-spacing:-.calc(4 * var(--wuim-mobile-unit, 1px))!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important;color:var(--ubm-text)!important;} #userBonusesView.ubm-mobile .bonus-type-tabs {display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:calc(4 * var(--wuim-mobile-unit, 1px))!important;padding:calc(4 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:calc(12 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;} #userBonusesView.ubm-mobile .bonus-type-tab {min-width:0!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;border-radius:calc(8 * var(--wuim-mobile-unit, 1px))!important;background:transparent!important;color:var(--ubm-muted)!important;} #userBonusesView.ubm-mobile .ubm-head .bonus-type-tab.is-active {background:var(--ubm-accent)!important;color:#fff!important;} #userBonusesView.ubm-mobile .ubm-filters {display:grid!important;grid-template-columns:minmax(0,1fr) calc(44 * var(--wuim-mobile-unit, 1px))!important;align-items:start!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;margin:calc(8 * var(--wuim-mobile-unit, 1px)) 0 calc(16 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-search {display:block!important;min-width:0!important;margin:0!important;} #userBonusesView.ubm-mobile .ubm-search input {display:block!important;width:100%!important;min-width:0!important;height:calc(44 * var(--wuim-mobile-unit, 1px))!important;margin:0!important;padding:0 calc(12 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:calc(10 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;font-size:calc(16 * var(--wuim-mobile-unit, 1px))!important;line-height:normal!important;box-shadow:none!important;} #userBonusesView.ubm-mobile .ubm-search input::placeholder {color:var(--ubm-muted)!important;opacity:1!important;} #userBonusesView.ubm-mobile .ubm-filter-toggle {display:grid!important;place-items:center!important;width:calc(44 * var(--wuim-mobile-unit, 1px))!important;height:calc(44 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;padding:0!important;margin:0!important;border:1px solid var(--ubm-line)!important;border-radius:calc(10 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;} #userBonusesView.ubm-mobile .ubm-filter-toggle svg {width:calc(20 * var(--wuim-mobile-unit, 1px))!important;height:calc(20 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-filter-toggle[aria-expanded="true"] {background:var(--ubm-tint)!important;border-color:var(--ubm-accent)!important;} #userBonusesView.ubm-mobile .ubm-visually-hidden {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;} #userBonusesView.ubm-mobile .ubm-filter-toggle {position:relative!important;} #userBonusesView.ubm-mobile .ubm-filter-toggle.has-filters {color:var(--ubm-navigation-accent)!important;background:var(--ubm-tint)!important;border-color:var(--ubm-accent)!important;} #userBonusesView.ubm-mobile .ubm-filter-badge {position:absolute!important;top:calc(-5 * var(--wuim-mobile-unit, 1px))!important;right:calc(-5 * var(--wuim-mobile-unit, 1px))!important;min-width:calc(18 * var(--wuim-mobile-unit, 1px))!important;height:calc(18 * var(--wuim-mobile-unit, 1px))!important;padding:0 calc(4 * var(--wuim-mobile-unit, 1px))!important;display:grid!important;place-items:center!important;border-radius:calc(99 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-accent)!important;color:#fff!important;font-size:calc(10 * var(--wuim-mobile-unit, 1px))!important;font-weight:700!important;border:2px solid var(--ubm-bg)!important;} #userBonusesView.ubm-mobile .ubm-active-filters {grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:calc(6 * var(--wuim-mobile-unit, 1px))!important;min-width:0!important;} #userBonusesView.ubm-mobile .ubm-filter-chip {display:flex!important;align-items:center!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;max-width:100%!important;padding:calc(8 * var(--wuim-mobile-unit, 1px)) calc(12 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:calc(24 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-tint)!important;color:var(--ubm-text)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;text-align:left!important;} #userBonusesView.ubm-mobile .ubm-filter-chip span {overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #userBonusesView.ubm-mobile .ubm-filter-chip svg {width:calc(14 * var(--wuim-mobile-unit, 1px))!important;height:calc(14 * var(--wuim-mobile-unit, 1px))!important;flex:none!important;} #userBonusesView.ubm-mobile .ubm-filter-fields {position:fixed!important;inset:auto 0 0!important;width:min(100%,calc(460 * var(--wuim-mobile-unit, 1px)))!important;max-width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - calc(24 * var(--wuim-mobile-unit, 1px)))!important;margin:0 auto!important;padding:0!important;border:1px solid var(--ubm-line)!important;border-bottom:0!important;border-radius:calc(24 * var(--wuim-mobile-unit, 1px)) calc(24 * var(--wuim-mobile-unit, 1px)) 0 0!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;overflow:hidden!important;box-shadow:0 calc(-12 * var(--wuim-mobile-unit, 1px)) calc(48 * var(--wuim-mobile-unit, 1px)) #0002!important;} #userBonusesView.ubm-mobile .ubm-filter-fields[open] {display:flex!important;flex-direction:column!important;} #userBonusesView.ubm-mobile .ubm-filter-fields:not([open]),#userBonusesView.ubm-mobile :is(.ubm-filter-fields,.ubm-active-filters,.ubm-filter-badge)[hidden] {display:none!important;} #userBonusesView.ubm-mobile .ubm-filter-fields::backdrop {background:rgb(9 16 29 / 48%)!important;} body:has(#ubmBonusFilters[open]) {overflow:hidden!important;} #userBonusesView.ubm-mobile .ubm-filter-head {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;padding:calc(12 * var(--wuim-mobile-unit, 1px)) calc(16 * var(--wuim-mobile-unit, 1px)) calc(12 * var(--wuim-mobile-unit, 1px)) calc(20 * var(--wuim-mobile-unit, 1px))!important;border-bottom:1px solid var(--ubm-line)!important;flex:none!important;} #userBonusesView.ubm-mobile #ubmFilterTitle {font-size:calc(18 * var(--wuim-mobile-unit, 1px))!important;font-weight:650!important;margin:0!important;letter-spacing:-.calc(3 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-filter-fields button {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:calc(6 * var(--wuim-mobile-unit, 1px))!important;line-height:1.35!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;border:1px solid var(--ubm-line)!important;border-radius:calc(12 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;} #userBonusesView.ubm-mobile .ubm-filter-fields .ubm-filter-close {width:calc(44 * var(--wuim-mobile-unit, 1px))!important;padding:0!important;border:0!important;border-radius:50%!important;background:var(--ubm-bg)!important;} #userBonusesView.ubm-mobile .ubm-filter-close svg {width:calc(20 * var(--wuim-mobile-unit, 1px))!important;height:calc(20 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-filter-body {padding:calc(20 * var(--wuim-mobile-unit, 1px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;min-height:0!important;} #userBonusesView.ubm-mobile .ubm-filter-fields label {display:grid!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;margin:0 0 calc(24 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-filter-fields .ubm-native-progress {display:none!important;} #userBonusesView.ubm-mobile .ubm-filter-fields select {width:100%!important;min-width:0!important;max-width:100%!important;height:calc(48 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(16 * var(--wuim-mobile-unit, 1px))!important;padding:0 calc(12 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-bg)!important;color:var(--ubm-text)!important;border:1px solid var(--ubm-line)!important;border-radius:calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-filter-label {display:block!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;color:var(--ubm-muted)!important;margin:0 0 calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-progress-choices {display:grid!important;grid-template-columns:1fr 1fr!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-progress-choices button[aria-pressed="true"] {background:var(--ubm-tint)!important;color:var(--ubm-navigation-accent)!important;border-color:var(--ubm-accent)!important;} #userBonusesView.ubm-mobile .ubm-filter-footer {display:grid!important;grid-template-columns:1fr 1.4fr!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;flex:none!important;padding:calc(16 * var(--wuim-mobile-unit, 1px)) calc(20 * var(--wuim-mobile-unit, 1px)) max(calc(20 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-bottom,0px))!important;border-top:1px solid var(--ubm-line)!important;} #userBonusesView.ubm-mobile .ubm-filter-footer button {min-height:calc(48 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-filter-footer .ubm-filter-apply {background:var(--ubm-accent)!important;color:#fff!important;border-color:transparent!important;} #userBonusesView.ubm-mobile .ubm-filter-footer button:disabled {opacity:.45!important;} #userBonusesView.ubm-mobile #userBonusFilterCount {display:none!important;} #userBonusesView.ubm-mobile :is(#openUserBonusBasics,#delegateBonusesToWuim,.bonus-type-tab) {display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:calc(6 * var(--wuim-mobile-unit, 1px))!important;margin:0!important;line-height:1.35!important;} #userBonusesView.ubm-mobile #openUserBonusBasics.is-complete::after {margin:0!important;} #userBonusesView.ubm-mobile .ubm-list-head {display:flex!important;justify-content:space-between!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;margin-bottom:calc(10 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-list {display:grid!important;gap:calc(16 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-card {display:block!important;width:100%!important;min-width:0!important;padding:calc(16 * var(--wuim-mobile-unit, 1px))!important;text-align:left!important;white-space:normal!important;border:1px solid var(--ubm-line)!important;border-radius:calc(14 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;font-weight:400!important;line-height:1.5!important;} #userBonusesView.ubm-mobile :is(.ubm-card-main,.ubm-next) {display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important;color:var(--ubm-text)!important;text-align:left!important;white-space:normal!important;line-height:1.5!important;font-weight:400!important;} #userBonusesView.ubm-mobile .ubm-next {display:flex!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-card .ubm-progress {margin-top:calc(14 * var(--wuim-mobile-unit, 1px))!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide,.ubm-expiries) {--ubm-warn:#89500c!important;--ubm-warn-bg:#fff6e8!important;--ubm-bad:#b53339!important;--ubm-bad-bg:#fff0ef!important;} html[data-theme="dark"] :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide,.ubm-expiries) {--ubm-warn:#f3bc66!important;--ubm-warn-bg:#2b241c!important;--ubm-bad:#ff928b!important;--ubm-bad-bg:#302027!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-expiry-link {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;width:100%!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;margin:calc(6 * var(--wuim-mobile-unit, 1px)) 0 0!important;padding:calc(6 * var(--wuim-mobile-unit, 1px)) 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ubm-muted)!important;text-align:left!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.45!important;white-space:normal!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-expiry-link.is-urgent,#userBonusesView.ubm-mobile .ubm-expiry-alert {background:transparent!important;color:var(--ubm-warn)!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-expiry-link.is-expired,#userBonusesView.ubm-mobile .ubm-expiry-alert.is-expired {background:transparent!important;color:var(--ubm-bad)!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-expiry-link.is-complete {background:transparent!important;color:var(--ubm-good)!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-expiry-text {display:grid!important;gap:calc(3 * var(--wuim-mobile-unit, 1px))!important;flex:1!important;min-width:0!important;overflow-wrap:anywhere!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-expiry-text strong {font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-expiry-text small {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;color:inherit!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-expiry-symbol {display:grid!important;place-items:center!important;flex:none!important;width:calc(16 * var(--wuim-mobile-unit, 1px))!important;height:calc(16 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(16 * var(--wuim-mobile-unit, 1px))!important;line-height:1!important;} #userBonusesView.ubm-mobile .ubm-expiry-alert {width:100%!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;border:0!important;border-radius:0!important;margin-top:calc(6 * var(--wuim-mobile-unit, 1px))!important;padding:calc(6 * var(--wuim-mobile-unit, 1px)) 0!important;text-align:left!important;white-space:normal!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;} #userBonusesView.ubm-mobile.ubm-agenda-open :is(.ubm-catalog,.ubm-head) {display:none!important;} #userBonusesView.ubm-mobile .ubm-agenda-head {display:flex!important;align-items:center!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-head h2 {margin:0!important;font-size:calc(18 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-back {width:calc(44 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;padding:0!important;background:transparent!important;color:var(--ubm-text)!important;border:0!important;font-size:calc(24 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-caption {margin:calc(4 * var(--wuim-mobile-unit, 1px)) 0 calc(16 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.5!important;} #userBonusesView.ubm-mobile .ubm-agenda-filters {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:calc(4 * var(--wuim-mobile-unit, 1px))!important;padding:calc(4 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:calc(12 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;} #userBonusesView.ubm-mobile .ubm-agenda-filter {display:flex!important;align-items:center!important;justify-content:center!important;gap:calc(5 * var(--wuim-mobile-unit, 1px))!important;min-width:0!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;padding:calc(6 * var(--wuim-mobile-unit, 1px)) calc(3 * var(--wuim-mobile-unit, 1px))!important;border:0!important;border-radius:calc(8 * var(--wuim-mobile-unit, 1px))!important;background:transparent!important;color:var(--ubm-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;} #userBonusesView.ubm-mobile .ubm-agenda-filter[aria-pressed="true"] {background:var(--ubm-tint)!important;color:var(--ubm-text)!important;} #userBonusesView.ubm-mobile .ubm-agenda-count {font-size:calc(10 * var(--wuim-mobile-unit, 1px))!important;font-variant-numeric:tabular-nums!important;opacity:.8!important;} #userBonusesView.ubm-mobile .ubm-agenda-group {margin-top:calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda .ubm-agenda-row {display:grid!important;grid-template-columns:calc(32 * var(--wuim-mobile-unit, 1px)) minmax(0,1fr) calc(12 * var(--wuim-mobile-unit, 1px))!important;align-items:start!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;margin:0!important;padding:calc(16 * var(--wuim-mobile-unit, 1px)) 0!important;border-bottom:1px solid var(--ubm-line)!important;border-radius:0!important;background:transparent!important;color:var(--ubm-muted)!important;font-weight:400!important;} #userBonusesView.ubm-mobile .ubm-agenda-avatar {display:grid!important;place-items:center!important;width:calc(32 * var(--wuim-mobile-unit, 1px))!important;height:calc(32 * var(--wuim-mobile-unit, 1px))!important;border-radius:50%!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;font-size:calc(14 * var(--wuim-mobile-unit, 1px))!important;overflow:hidden!important;} #userBonusesView.ubm-mobile .ubm-agenda-avatar img {width:100%!important;height:100%!important;object-fit:contain!important;} #userBonusesView.ubm-mobile .ubm-agenda-labels {display:grid!important;min-width:0!important;gap:calc(4 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-bookie {font-size:calc(14 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;line-height:1.4!important;color:var(--ubm-text)!important;overflow-wrap:anywhere!important;} #userBonusesView.ubm-mobile .ubm-agenda-name {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.5!important;overflow-wrap:anywhere!important;} #userBonusesView.ubm-mobile .ubm-agenda-meta {display:flex!important;flex-wrap:wrap!important;gap:calc(4 * var(--wuim-mobile-unit, 1px)) calc(10 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;line-height:1.5!important;font-variant-numeric:tabular-nums!important;} #userBonusesView.ubm-mobile .ubm-agenda-row.is-expired .ubm-agenda-date {color:var(--ubm-bad)!important;} #userBonusesView.ubm-mobile .ubm-agenda-row.is-urgent .ubm-agenda-date {color:var(--ubm-warn)!important;} #userBonusesView.ubm-mobile .ubm-agenda-row > .ubm-chevron {align-self:center!important;color:var(--ubm-muted)!important;} #userBonusesView.ubm-mobile .ubm-options-body .ubm-secondary {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;width:100%!important;border:1px solid var(--ubm-line)!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-expiry {display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;gap:calc(3 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;margin:calc(12 * var(--wuim-mobile-unit, 1px)) 0 0!important;padding:calc(10 * var(--wuim-mobile-unit, 1px)) 0 0!important;border:0!important;border-top:1px solid var(--ubm-line)!important;color:var(--ubm-muted)!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-expiry-heading {display:grid!important;grid-template-columns:minmax(0,1fr) auto calc(10 * var(--wuim-mobile-unit, 1px))!important;align-items:center!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-expiry-label {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;color:var(--ubm-text)!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-expiry-status {font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;color:var(--ubm-muted)!important;text-align:right!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-expiry.is-expired .ubm-guide-expiry-status {color:var(--ubm-bad)!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-expiry.is-urgent .ubm-guide-expiry-status {color:var(--ubm-warn)!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-expiry.is-complete .ubm-guide-expiry-status {color:var(--ubm-good)!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-expiry-name {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:400!important;color:var(--ubm-muted)!important;line-height:1.4!important;overflow-wrap:anywhere!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-expiry-date {font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;font-weight:400!important;color:var(--ubm-muted)!important;font-variant-numeric:tabular-nums!important;} #userBonusPreviewModal.ubm-guide .bonus-progress-step-head > .user-bonus-step-expiry {display:none!important;} #userBonusesView.ubm-mobile .ubm-fine,#userBonusExpiriesModal.ubm-expiries .ubm-fine {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.6!important;color:var(--ubm-muted)!important;margin:calc(12 * var(--wuim-mobile-unit, 1px)) 0!important;} #userBonusExpiriesModal.ubm-expiries {padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;align-items:end!important;} #userBonusExpiriesModal.ubm-expiries .admin-help-dialog {width:100%!important;max-width:none!important;height:auto!important;max-height:min(82dvh,calc(680 * var(--wuim-mobile-unit, 1px)))!important;margin:0!important;border:0!important;border-radius:calc(16 * var(--wuim-mobile-unit, 1px)) calc(16 * var(--wuim-mobile-unit, 1px)) 0 0!important;background:var(--ubm-bg)!important;} #userBonusExpiriesModal.ubm-expiries .connect-note-head {flex:none!important;padding:calc(12 * var(--wuim-mobile-unit, 1px)) calc(16 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-bg)!important;border-bottom:1px solid var(--ubm-line)!important;} #userBonusExpiriesModal.ubm-expiries .connect-note-head strong {color:var(--ubm-text)!important;} #userBonusExpiriesModal.ubm-expiries .connect-note-head span {color:var(--ubm-muted)!important;} #userBonusExpiriesModal.ubm-expiries .confirm-close {width:calc(44 * var(--wuim-mobile-unit, 1px))!important;height:calc(44 * var(--wuim-mobile-unit, 1px))!important;flex:none!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;border:1px solid var(--ubm-line)!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent {flex:1!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:0 calc(16 * var(--wuim-mobile-unit, 1px)) calc(16 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-bg)!important;} #userBonusExpiriesModal.ubm-expiries .user-bonus-expiry-list {gap:0!important;background:var(--ubm-bg)!important;} #userBonusExpiriesModal.ubm-expiries .user-bonus-expiry {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--ubm-line)!important;border-radius:0!important;background:var(--ubm-bg)!important;} #userBonusExpiriesModal.ubm-expiries .user-bonus-expiry > strong {font-size:calc(15 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-text)!important;font-weight:600!important;overflow-wrap:anywhere!important;} #userBonusExpiriesModal.ubm-expiries .user-bonus-expiry > small {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;} #userBonusExpiriesModal.ubm-expiries [data-user-bonus-expiry-countdown] {font-size:calc(20 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;font-variant-numeric:tabular-nums!important;color:var(--ubm-text)!important;} #userBonusExpiriesModal.ubm-expiries .is-expired [data-user-bonus-expiry-countdown] {color:var(--ubm-bad)!important;} #userBonusExpiriesModal.ubm-expiries .ubm-expiry-urgent:not(.is-expired) [data-user-bonus-expiry-countdown] {color:var(--ubm-warn)!important;} #userBonusExpiriesModal.ubm-expiries .is-complete [data-user-bonus-expiry-countdown] {color:var(--ubm-good)!important;} #userBonusExpiriesModal.ubm-expiries .user-bonus-expiry-date {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:400!important;color:var(--ubm-muted)!important;} #userBonusExpiriesModal.ubm-expiries .ubm-expiry-editor summary {display:flex!important;align-items:center!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-text)!important;cursor:pointer!important;} #userBonusExpiriesModal.ubm-expiries .user-bonus-expiry-editor {display:grid!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;padding:calc(8 * var(--wuim-mobile-unit, 1px)) 0!important;border:0!important;} #userBonusExpiriesModal.ubm-expiries .user-bonus-expiry-editor label {color:var(--ubm-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:400!important;} #userBonusExpiriesModal.ubm-expiries .user-bonus-expiry-editor input {font-size:calc(16 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;border-color:var(--ubm-line)!important;} #userBonusExpiriesModal.ubm-expiries :is(.ubm-expiry-go,.user-bonus-expiry-editor button) {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;width:100%!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;border:0!important;border-radius:calc(8 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-accent)!important;color:#fff!important;padding:calc(10 * var(--wuim-mobile-unit, 1px))!important;} #userBonusExpiriesModal.ubm-expiries .ubm-expiry-go:not(.is-next),#userBonusExpiriesModal.ubm-expiries .user-bonus-expiry:has(.ubm-expiry-editor[open]) .ubm-expiry-go {background:var(--ubm-panel)!important;color:var(--ubm-text)!important;border:1px solid var(--ubm-line)!important;} #userBonusExpiriesModal.ubm-expiries :is(button,input,.user-bonus-expiry,.user-bonus-expiry-list) {box-shadow:none!important;background-image:none!important;transform:none!important;} #userBonusExpiriesModal.ubm-expiries button {display:flex!important;align-items:center!important;justify-content:center!important;font-weight:500!important;} #userBonusExpiriesModal.ubm-expiries #closeUserBonusExpiries {width:100%!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;border:1px solid var(--ubm-line)!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent :is(.user-bonus-expiry-list,.user-bonus-expiry) {background:var(--ubm-bg)!important;background-image:none!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent [data-user-bonus-expiry-countdown] {color:var(--ubm-text)!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent .ubm-expiry-urgent [data-user-bonus-expiry-countdown] {color:var(--ubm-warn)!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent .is-expired [data-user-bonus-expiry-countdown] {color:var(--ubm-bad)!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent .is-complete [data-user-bonus-expiry-countdown] {color:var(--ubm-good)!important;} #userBonusExpiriesModal.ubm-expiries .connect-note-actions {flex:none!important;padding:calc(12 * var(--wuim-mobile-unit, 1px)) calc(16 * var(--wuim-mobile-unit, 1px)) calc(calc(12 * var(--wuim-mobile-unit, 1px)) + env(safe-area-inset-bottom,0px))!important;background:var(--ubm-bg)!important;border-color:var(--ubm-line)!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesStatus:empty {display:none!important;} #userBonusesView.ubm-mobile .ubm-card .ubm-expiry-text {display:block!important;} #userBonusesView.ubm-mobile .ubm-card-main .ubm-numbers {margin:calc(12 * var(--wuim-mobile-unit, 1px)) 0 0!important;} #userBonusesView.ubm-mobile .ubm-card .ubm-progress {margin-top:calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-card .ubm-expiry-text :is(strong,small) {display:inline!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:400!important;} #userBonusesView.ubm-mobile .ubm-card .ubm-expiry-text small {color:var(--ubm-muted)!important;} #userBonusesView.ubm-mobile .ubm-card .ubm-expiry-text small::before {content:' · '!important;} #userBonusesView.ubm-mobile {--ubm-deadline:#b6434a!important;--ubm-deadline-bg:#fbefef!important;} html[data-theme="dark"] #userBonusesView.ubm-mobile {--ubm-deadline:#f09b9d!important;--ubm-deadline-bg:#35272e!important;} #userBonusesView.ubm-mobile .ubm-clock-alert {display:block!important;width:calc(18 * var(--wuim-mobile-unit, 1px))!important;height:calc(18 * var(--wuim-mobile-unit, 1px))!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important;} #userBonusesView.ubm-mobile .ubm-card .ubm-expiry-link.is-expired {min-height:calc(64 * var(--wuim-mobile-unit, 1px))!important;padding:calc(8 * var(--wuim-mobile-unit, 1px)) 0 calc(12 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-deadline)!important;} #userBonusesView.ubm-mobile .ubm-card .is-expired .ubm-expiry-symbol {width:calc(32 * var(--wuim-mobile-unit, 1px))!important;height:calc(32 * var(--wuim-mobile-unit, 1px))!important;border-radius:calc(10 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-deadline-bg)!important;} #userBonusesView.ubm-mobile .ubm-card .is-expired .ubm-expiry-text {display:grid!important;gap:calc(3 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-card .is-expired .ubm-expiry-text strong {display:block!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;} #userBonusesView.ubm-mobile .ubm-card .is-expired .ubm-expiry-text small {display:block!important;} #userBonusesView.ubm-mobile .ubm-card .is-expired .ubm-expiry-text small::before {content:none!important;} #userBonusesView.ubm-mobile .ubm-expiry-alert {display:flex!important;align-items:center!important;gap:calc(6 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-expiry-alert.is-expired {color:var(--ubm-deadline)!important;} #userBonusesView.ubm-mobile .ubm-expiry-alert .ubm-clock-alert {width:calc(16 * var(--wuim-mobile-unit, 1px))!important;height:calc(16 * var(--wuim-mobile-unit, 1px))!important;} #userBonusExpiriesModal.ubm-expiries .ubm-expiry-help > summary {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;display:flex!important;align-items:center!important;list-style:none!important;font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;cursor:pointer!important;} #userBonusExpiriesModal.ubm-expiries .ubm-expiry-item > summary {display:grid!important;grid-template-columns:minmax(0,1fr) auto calc(12 * var(--wuim-mobile-unit, 1px))!important;align-items:center!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(76 * var(--wuim-mobile-unit, 1px))!important;padding:calc(12 * var(--wuim-mobile-unit, 1px)) 0!important;list-style:none!important;cursor:pointer!important;} #userBonusExpiriesModal.ubm-expiries summary::-webkit-details-marker {display:none!important;} #userBonusExpiriesModal.ubm-expiries .ubm-expiry-labels {display:grid!important;gap:calc(3 * var(--wuim-mobile-unit, 1px))!important;min-width:0!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent .ubm-expiry-labels strong {font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;color:var(--ubm-text)!important;line-height:1.4!important;overflow-wrap:anywhere!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent .ubm-expiry-labels :is(small,.user-bonus-expiry-date) {font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;font-weight:400!important;color:var(--ubm-muted)!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent .ubm-expiry-item [data-user-bonus-expiry-countdown] {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;max-width:calc(100 * var(--wuim-mobile-unit, 1px))!important;line-height:1.4!important;text-align:right!important;} #userBonusExpiriesModal.ubm-expiries .ubm-expiry-chevron {color:var(--ubm-muted)!important;font-size:calc(14 * var(--wuim-mobile-unit, 1px))!important;} #userBonusExpiriesModal.ubm-expiries .ubm-expiry-item[open] > summary .ubm-expiry-chevron {transform:rotate(180deg)!important;} #userBonusExpiriesModal.ubm-expiries .ubm-expiry-body {display:grid!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;padding:0 0 calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusExpiriesModal.ubm-expiries #closeUserBonusExpiries {display:none!important;} #userBonusExpiriesModal.ubm-expiries .connect-note-actions:has(#userBonusExpiriesStatus:empty) {display:none!important;} #userBonusExpiriesModal.ubm-expiries #userBonusExpiriesContent {padding-bottom:max(calc(16 * var(--wuim-mobile-unit, 1px)),env(safe-area-inset-bottom,0px))!important;} #userBonusesView.ubm-mobile .ubm-card-head {display:flex!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;align-items:center!important;} #userBonusesView.ubm-mobile .ubm-avatar {display:grid!important;place-items:center!important;flex:none!important;width:calc(36 * var(--wuim-mobile-unit, 1px))!important;height:calc(36 * var(--wuim-mobile-unit, 1px))!important;border-radius:calc(10 * var(--wuim-mobile-unit, 1px))!important;overflow:hidden!important;background:var(--ubm-tint)!important;font-size:calc(14 * var(--wuim-mobile-unit, 1px))!important;font-weight:650!important;} #userBonusesView.ubm-mobile .ubm-avatar img {display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;} #userBonusesView.ubm-mobile .ubm-card-name {flex:1!important;min-width:0!important;} #userBonusesView.ubm-mobile .ubm-card-name strong {display:block!important;font-size:calc(15 * var(--wuim-mobile-unit, 1px))!important;line-height:1.35!important;font-weight:650!important;overflow-wrap:anywhere!important;} #userBonusesView.ubm-mobile .ubm-card-name small {display:block!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;margin-top:calc(3 * var(--wuim-mobile-unit, 1px))!important;overflow-wrap:anywhere!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-chip {font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;line-height:1.5!important;padding:calc(3 * var(--wuim-mobile-unit, 1px)) calc(7 * var(--wuim-mobile-unit, 1px))!important;border-radius:calc(5 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-tint)!important;color:var(--ubm-text)!important;font-weight:400!important;white-space:nowrap!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-chip.is-done {background:var(--ubm-good-bg)!important;color:var(--ubm-good)!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-numbers {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;margin:calc(16 * var(--wuim-mobile-unit, 1px)) 0 calc(14 * var(--wuim-mobile-unit, 1px))!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-numbers > div+div {border-left:1px solid var(--ubm-line)!important;padding-left:calc(12 * var(--wuim-mobile-unit, 1px))!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-numbers span {display:block!important;font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;font-weight:400!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-numbers strong {display:block!important;font-size:clamp(calc(17 * var(--wuim-mobile-unit, 1px)),4.5vw,calc(20 * var(--wuim-mobile-unit, 1px)))!important;line-height:1.4!important;margin-top:2px!important;letter-spacing:-.calc(4 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important;color:var(--ubm-text)!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-numbers > .ubm-profit {grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;border-left:0!important;border-top:1px solid var(--ubm-line)!important;padding:calc(10 * var(--wuim-mobile-unit, 1px)) 0 0!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-profit strong {font-size:calc(15 * var(--wuim-mobile-unit, 1px))!important;line-height:1.4!important;margin:0!important;text-align:right!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-profit span {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-progress-label {display:flex!important;justify-content:space-between!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;font-weight:400!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-track {height:calc(4 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-line)!important;border-radius:calc(4 * var(--wuim-mobile-unit, 1px))!important;overflow:hidden!important;margin-top:calc(7 * var(--wuim-mobile-unit, 1px))!important;} :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) .ubm-track > span {height:100%!important;display:block!important;background:var(--ubm-accent)!important;} #userBonusesView.ubm-mobile .ubm-next {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;margin-top:calc(14 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-chevron {font-size:calc(20 * var(--wuim-mobile-unit, 1px))!important;flex:none!important;color:var(--ubm-muted)!important;} #userBonusesView.ubm-mobile .ubm-completed {margin-top:calc(16 * var(--wuim-mobile-unit, 1px))!important;border-top:1px solid var(--ubm-line)!important;} #userBonusesView.ubm-mobile .ubm-empty {font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;padding:calc(20 * var(--wuim-mobile-unit, 1px)) 0!important;color:var(--ubm-muted)!important;} #userBonusesView.ubm-mobile .user-bonus-basics-gate {margin:0!important;grid-template-columns:1fr!important;background:var(--ubm-panel)!important;border-color:var(--ubm-line)!important;} #userBonusesView.ubm-mobile .user-bonus-basics-gate button {grid-column:auto!important;grid-row:auto!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;white-space:normal!important;} #userBonusesView.ubm-mobile.is-bonus-basics-locked .user-bonus-gated-content {display:none!important;} #userBonusesView.ubm-mobile.is-bonus-basics-locked .ubm-totals {display:none!important;} #userBonusPreviewModal.ubm-guide {z-index:1330!important;padding:0!important;align-items:stretch!important;justify-items:stretch!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;} #userBonusPreviewModal.ubm-guide .admin-help-dialog {display:flex!important;flex-direction:column!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;min-width:0!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--ubm-bg)!important;color:var(--ubm-text)!important;box-shadow:none!important;overflow:hidden!important;} #userBonusPreviewModal.ubm-guide .admin-help-dialog > .connect-note-head {display:none!important;} #userBonusPreviewModal.ubm-guide .ubm-detail-head {display:grid!important;grid-template-columns:calc(44 * var(--wuim-mobile-unit, 1px)) minmax(0,1fr) calc(44 * var(--wuim-mobile-unit, 1px))!important;align-items:center!important;gap:calc(4 * var(--wuim-mobile-unit, 1px))!important;flex:none!important;padding:calc(calc(10 * var(--wuim-mobile-unit, 1px)) + env(safe-area-inset-top,0px)) calc(12 * var(--wuim-mobile-unit, 1px)) calc(10 * var(--wuim-mobile-unit, 1px))!important;border-bottom:1px solid var(--ubm-line)!important;} #userBonusPreviewModal.ubm-guide .ubm-detail-head h2 {font-size:calc(20 * var(--wuim-mobile-unit, 1px))!important;line-height:1.25!important;letter-spacing:-.calc(3 * var(--wuim-mobile-unit, 1px))!important;font-weight:650!important;text-align:center!important;margin:0!important;overflow-wrap:anywhere!important;} #userBonusPreviewModal.ubm-guide .ubm-detail-head p {margin:calc(4 * var(--wuim-mobile-unit, 1px)) 0 0!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.4!important;color:var(--ubm-muted)!important;text-align:center!important;overflow-wrap:anywhere!important;} #userBonusPreviewModal.ubm-guide :is(.ubm-back,.ubm-guide-options > summary) {width:calc(44 * var(--wuim-mobile-unit, 1px))!important;height:calc(44 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:calc(23 * var(--wuim-mobile-unit, 1px))!important;line-height:1!important;list-style:none!important;background:transparent!important;color:var(--ubm-text)!important;border-radius:calc(8 * var(--wuim-mobile-unit, 1px))!important;cursor:pointer!important;padding:0!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-options {position:relative!important;} #userBonusPreviewModal.ubm-guide .ubm-options-body {position:absolute!important;right:0!important;top:calc(48 * var(--wuim-mobile-unit, 1px))!important;z-index:2!important;display:grid!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;padding:calc(10 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;border:1px solid var(--ubm-line)!important;border-radius:calc(10 * var(--wuim-mobile-unit, 1px))!important;min-width:calc(170 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide .ubm-options-body button {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;white-space:normal!important;background:var(--ubm-tint)!important;color:var(--ubm-text)!important;border:0!important;} #userBonusPreviewModal.ubm-guide .ubm-scroll {flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;padding:calc(16 * var(--wuim-mobile-unit, 1px))!important;scroll-behavior:auto!important;} #userBonusPreviewModal.ubm-guide .ubm-summary {padding:calc(16 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:calc(14 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;margin-bottom:calc(14 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide .ubm-summary-head {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide .ubm-summary-head > strong {font-size:calc(15 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;} #userBonusPreviewModal.ubm-guide .ubm-detail-tabs {display:grid!important;grid-template-columns:1fr 1fr!important;border-bottom:1px solid var(--ubm-line)!important;margin-bottom:calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide .ubm-detail-tabs button {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--ubm-muted)!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;font-weight:400!important;padding:calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide .ubm-detail-tabs button[aria-pressed="true"] {color:var(--ubm-text)!important;border-bottom-color:var(--ubm-accent)!important;font-weight:600!important;} #userBonusPreviewModal.ubm-guide #userBonusPreviewContent {display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important;background:transparent!important;color:var(--ubm-text)!important;} #userBonusPreviewModal.ubm-guide .bonus-progress-list {display:block!important;height:auto!important;min-height:0!important;} #userBonusPreviewModal.ubm-guide #userBonusPreviewContent .bonus-progress-section {display:block!important;height:auto!important;min-height:0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--ubm-line)!important;border-radius:0!important;background:transparent!important;overflow:visible!important;} #userBonusPreviewModal.ubm-guide .bonus-progress-step-head {display:none!important;} #userBonusPreviewModal.ubm-guide .is-active-step > .bonus-progress-step-head {display:flex!important;flex-wrap:wrap!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;padding:0 0 calc(10 * var(--wuim-mobile-unit, 1px))!important;background:transparent!important;border:0!important;} #userBonusPreviewModal.ubm-guide .bonus-progress-step-head .bonus-progress-check {display:none!important;} #userBonusPreviewModal.ubm-guide .bonus-progress-step-head > .user-bonus-step-expiry {display:flex!important;flex:1!important;min-width:0!important;white-space:normal!important;} #userBonusPreviewModal.ubm-guide .bonus-progress-step-head .user-bonus-operations-button {min-width:calc(44 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide #userBonusPreviewContent .user-bonus-operations-button {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:100%!important;max-width:100%!important;min-width:calc(44 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;margin:0!important;font-size:0!important;background:var(--ubm-tint)!important;color:var(--ubm-text)!important;border:1px solid var(--ubm-line)!important;border-radius:calc(8 * var(--wuim-mobile-unit, 1px))!important;padding:calc(8 * var(--wuim-mobile-unit, 1px)) calc(12 * var(--wuim-mobile-unit, 1px))!important;box-shadow:none!important;} #userBonusPreviewModal.ubm-guide #userBonusPreviewContent .user-bonus-operations-button > span {display:none!important;} #userBonusPreviewModal.ubm-guide #userBonusPreviewContent .user-bonus-operations-button::after {content:'Operaciones'!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;line-height:1.3!important;} #userBonusPreviewModal.ubm-guide .bonus-guide-section-body {display:none!important;height:auto!important;max-height:none!important;min-height:0!important;padding:0 0 calc(16 * var(--wuim-mobile-unit, 1px))!important;overflow:visible!important;font-size:calc(14 * var(--wuim-mobile-unit, 1px))!important;line-height:1.65!important;background:transparent!important;color:var(--ubm-text)!important;overflow-wrap:anywhere!important;} #userBonusPreviewModal.ubm-guide .is-active-step .bonus-guide-section-body {display:block!important;} #userBonusPreviewModal.ubm-guide.ubm-steps-collapsed :is(.bonus-guide-section-body,.bonus-progress-step-head,.connect-note-actions) {display:none!important;} #userBonusPreviewModal.ubm-guide .ubm-step-open[aria-current="step"] .ubm-step-number {border-color:var(--ubm-accent)!important;color:var(--ubm-accent)!important;background:var(--ubm-tint)!important;} #userBonusPreviewModal.ubm-guide .bonus-guide-section-body :is(img,video,iframe) {max-width:100%!important;} #userBonusPreviewModal.ubm-guide #userBonusPreviewContent .bonus-guide-section-body > * {min-width:0!important;max-width:100%!important;} #userBonusPreviewModal.ubm-guide .bonus-guide-section-body table {width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important;} #userBonusPreviewModal.ubm-guide .bonus-guide-section-body :is(th,td) {width:auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:calc(7 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide #userBonusPreviewContent .bonus-guide-section-body :is(th,td) {overflow-wrap:anywhere!important;word-break:break-word!important;} #userBonusPreviewModal.ubm-guide .bonus-guide-section-body :is(button,.bonus-content-check) {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;max-width:100%!important;white-space:normal!important;} #userBonusPreviewModal.ubm-guide .bonus-guide-section-body input:not([type="checkbox"]) {font-size:calc(16 * var(--wuim-mobile-unit, 1px))!important;max-width:100%!important;min-width:0!important;} #userBonusPreviewModal.ubm-guide .ubm-step-open {display:flex!important;align-items:center!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;width:100%!important;min-height:calc(62 * var(--wuim-mobile-unit, 1px))!important;padding:calc(12 * var(--wuim-mobile-unit, 1px)) 0!important;background:transparent!important;color:var(--ubm-text)!important;border:0!important;text-align:left!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;line-height:1.45!important;font-weight:500!important;white-space:normal!important;} #userBonusPreviewModal.ubm-guide .ubm-step-number {width:calc(26 * var(--wuim-mobile-unit, 1px))!important;height:calc(26 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:50%!important;display:grid!important;place-items:center!important;flex:none!important;font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;} #userBonusPreviewModal.ubm-guide .ubm-step-number.is-done {background:var(--ubm-good-bg)!important;color:var(--ubm-good)!important;border-color:transparent!important;} #userBonusPreviewModal.ubm-guide .ubm-step-name {flex:1!important;min-width:0!important;overflow-wrap:anywhere!important;} #userBonusPreviewModal.ubm-guide .ubm-step-symbol {color:var(--ubm-muted)!important;font-size:calc(18 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide .ubm-step-open:disabled {opacity:.55!important;cursor:default!important;} #userBonusPreviewModal.ubm-guide .ubm-fact {display:flex!important;align-items:start!important;justify-content:space-between!important;gap:calc(16 * var(--wuim-mobile-unit, 1px))!important;padding:calc(13 * var(--wuim-mobile-unit, 1px)) 0!important;border-bottom:1px solid var(--ubm-line)!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;line-height:1.5!important;} #userBonusPreviewModal.ubm-guide .ubm-fact > span {color:var(--ubm-muted)!important;flex:1!important;} #userBonusPreviewModal.ubm-guide .ubm-fact > strong {max-width:60%!important;overflow-wrap:anywhere!important;text-align:right!important;font-weight:500!important;} #userBonusPreviewModal.ubm-guide .ubm-tools {display:grid!important;grid-template-columns:1fr 1fr!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;margin-top:calc(16 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide .ubm-secondary {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:calc(8 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;white-space:normal!important;padding:calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusPreviewModal.ubm-guide :is(.ubm-secondary,.ubm-detail-tabs button,.ubm-options-body button,.user-bonus-step-actions button) {display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:0!important;line-height:1.4!important;} #userBonusPreviewModal.ubm-guide .ubm-tools > :last-child:nth-child(odd) {grid-column:1 / -1!important;} #userBonusPreviewModal.ubm-guide .ubm-fine {color:var(--ubm-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.65!important;margin:calc(16 * var(--wuim-mobile-unit, 1px)) 0 0!important;} #userBonusPreviewModal.ubm-guide .user-bonus-step-actions {display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;align-items:stretch!important;flex:none!important;padding:calc(10 * var(--wuim-mobile-unit, 1px)) calc(16 * var(--wuim-mobile-unit, 1px)) calc(calc(10 * var(--wuim-mobile-unit, 1px)) + env(safe-area-inset-bottom,0px))!important;background:var(--ubm-bg)!important;border-top:1px solid var(--ubm-line)!important;} #userBonusPreviewModal.ubm-guide .user-bonus-step-actions #userBonusProgressStatus {grid-column:1 / -1!important;order:0!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;min-height:0!important;margin:0!important;} #userBonusPreviewModal.ubm-guide #userBonusProgressStatus:empty {display:none!important;} #userBonusPreviewModal.ubm-guide .user-bonus-step-actions button {width:100%!important;min-width:0!important;min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;white-space:normal!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;line-height:1.3!important;font-weight:600!important;border-radius:calc(8 * var(--wuim-mobile-unit, 1px))!important;padding:calc(9 * var(--wuim-mobile-unit, 1px)) calc(6 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;color:var(--ubm-text)!important;} #userBonusPreviewModal.ubm-guide #userBonusStepBack {order:1!important;} #userBonusPreviewModal.ubm-guide .user-bonus-step-complete-wrap {display:contents!important;} #userBonusPreviewModal.ubm-guide .user-bonus-step-actions #userBonusStepComplete {order:2!important;background:var(--ubm-accent)!important;color:#fff!important;} #userBonusPreviewModal.ubm-guide .user-bonus-step-actions #userBonusStepComplete.is-undo {background:var(--ubm-panel)!important;color:var(--ubm-text)!important;border:1px solid var(--ubm-line)!important;} #userBonusPreviewModal.ubm-guide .user-bonus-step-actions #userBonusStepNext {order:3!important;background:var(--ubm-tint)!important;color:var(--ubm-text)!important;} #userBonusPreviewModal.ubm-guide .user-bonus-step-actions #userBonusStepNext:not(:disabled) {background:var(--ubm-accent)!important;color:#fff!important;} #userBonusPreviewModal.ubm-guide #userBonusChecklistWarning {position:static!important;transform:none!important;grid-column:1 / -1!important;order:0!important;width:100%!important;max-width:none!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.5!important;text-align:left!important;} #userBonusPreviewModal.ubm-guide.ubm-information .user-bonus-step-actions > :not(#userBonusProgressStatus) {display:none!important;} #userBonusPreviewModal.ubm-guide.ubm-information .user-bonus-step-actions {padding:0 calc(16 * var(--wuim-mobile-unit, 1px)) env(safe-area-inset-bottom,0px)!important;border:0!important;} #userBonusPreviewModal.ubm-guide.ubm-information :is(#userBonusStepComplete,#userBonusChecklistWarning) {display:none!important;} #userBonusPreviewModal.ubm-guide .ubm-tab-hidden, :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide) [hidden] {display:none!important;} .ubm-aux .admin-help-dialog {width:calc(100vw - calc(24 * var(--wuim-mobile-unit, 1px)))!important;max-height:calc(100dvh - calc(24 * var(--wuim-mobile-unit, 1px)))!important;min-width:0!important;background:var(--ubm-bg)!important;color:var(--ubm-text)!important;box-shadow:none!important;} .ubm-aux:is(#userBonusNotesModal,#userBonusIncidentModal,#userBonusExpiriesModal,#userBonusCharacteristicsModal) {z-index:1400!important;} .ubm-aux .connect-note-head {min-width:0!important;flex-wrap:wrap!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;} .ubm-aux .connect-note-head > div {min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;} .ubm-aux button {min-height:calc(44 * var(--wuim-mobile-unit, 1px))!important;white-space:normal!important;} .ubm-aux :is(input,textarea) {font-size:calc(16 * var(--wuim-mobile-unit, 1px))!important;max-width:100%!important;min-width:0!important;} } @media (max-width:700px), (max-width:1100px) and (pointer:coarse) { #userBonusesView.ubm-mobile {--ubm-navigation-accent:#6655f5!important;} html[data-theme="dark"] #userBonusesView.ubm-mobile {--ubm-navigation-accent:#b3a4ff!important;} #userBonusesView.ubm-mobile .ubm-agenda-month::first-letter {text-transform:uppercase!important;} #userBonusesView.ubm-mobile .ubm-line-icon {display:block!important;width:calc(20 * var(--wuim-mobile-unit, 1px))!important;height:calc(20 * var(--wuim-mobile-unit, 1px))!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important;} #userBonusesView.ubm-mobile .ubm-options > .ubm-options-body {width:min(calc(252 * var(--wuim-mobile-unit, 1px)),calc(100vw - calc(32 * var(--wuim-mobile-unit, 1px))))!important;top:calc(52 * var(--wuim-mobile-unit, 1px))!important;padding:calc(6 * var(--wuim-mobile-unit, 1px))!important;gap:0!important;border-radius:calc(16 * var(--wuim-mobile-unit, 1px))!important;border-color:var(--ubm-line)!important;z-index:30!important;} #userBonusesView.ubm-mobile .ubm-options[open] > summary {background:var(--ubm-tint)!important;color:var(--ubm-navigation-accent)!important;} #userBonusesView.ubm-mobile .ubm-options-body > :is(#openUserBonusBasics,#delegateBonusesToWuim,.ubm-secondary) {display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;min-height:calc(50 * var(--wuim-mobile-unit, 1px))!important;padding:calc(12 * var(--wuim-mobile-unit, 1px))!important;border:0!important;border-radius:calc(10 * var(--wuim-mobile-unit, 1px))!important;background:transparent!important;color:var(--ubm-text)!important;font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;} #userBonusesView.ubm-mobile .ubm-options-body > .ubm-menu-item:hover {background:var(--ubm-bg)!important;} #userBonusesView.ubm-mobile .ubm-options-body .ubm-line-icon {color:var(--ubm-muted)!important;} #userBonusesView.ubm-mobile .ubm-options-body > #delegateBonusesToWuim {margin-top:calc(5 * var(--wuim-mobile-unit, 1px))!important;padding-top:calc(14 * var(--wuim-mobile-unit, 1px))!important;border-top:1px solid var(--ubm-line)!important;border-radius:0 0 calc(10 * var(--wuim-mobile-unit, 1px)) calc(10 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-navigation-accent)!important;} #userBonusesView.ubm-mobile .ubm-options-body > #delegateBonusesToWuim .ubm-line-icon {color:var(--ubm-navigation-accent)!important;} #userBonusesView.ubm-mobile .ubm-options-body #openUserBonusBasics.is-complete::after {margin-left:auto!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda {padding-bottom:calc(calc(24 * var(--wuim-mobile-unit, 1px)) + var(--wuim-update-inset,0px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-head {gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-head .ubm-back {display:grid!important;place-items:center!important;border-radius:calc(12 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;border:1px solid var(--ubm-line)!important;flex:none!important;} #userBonusesView.ubm-mobile .ubm-agenda-head h2 {font-size:calc(20 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;letter-spacing:-.calc(3 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-caption {margin:calc(10 * var(--wuim-mobile-unit, 1px)) 0 calc(18 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-count {font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;opacity:1!important;min-width:calc(20 * var(--wuim-mobile-unit, 1px))!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;height:calc(20 * var(--wuim-mobile-unit, 1px))!important;padding:0 calc(5 * var(--wuim-mobile-unit, 1px))!important;border-radius:calc(6 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-bg)!important;} #userBonusesView.ubm-mobile .ubm-agenda-filter[aria-pressed="true"] {color:var(--ubm-navigation-accent)!important;} #userBonusesView.ubm-mobile .ubm-agenda-filter[aria-pressed="true"] .ubm-agenda-count {background:var(--ubm-panel)!important;color:var(--ubm-text)!important;} #userBonusesView.ubm-mobile .ubm-agenda-group {display:grid!important;gap:calc(10 * var(--wuim-mobile-unit, 1px))!important;margin-top:calc(20 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-month {margin:calc(12 * var(--wuim-mobile-unit, 1px)) 0 0!important;color:var(--ubm-muted)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;font-weight:500!important;text-transform:none!important;} #userBonusesView.ubm-mobile .ubm-agenda-month:first-child {margin-top:0!important;} #userBonusesView.ubm-mobile .ubm-agenda .ubm-agenda-row {grid-template-columns:minmax(0,1fr) calc(12 * var(--wuim-mobile-unit, 1px))!important;align-items:center!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;padding:calc(14 * var(--wuim-mobile-unit, 1px))!important;border:1px solid var(--ubm-line)!important;border-radius:calc(14 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;} #userBonusesView.ubm-mobile .ubm-agenda-bookie-head {display:flex!important;align-items:center!important;gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;min-width:0!important;} #userBonusesView.ubm-mobile .ubm-agenda-avatar {width:calc(24 * var(--wuim-mobile-unit, 1px))!important;height:calc(24 * var(--wuim-mobile-unit, 1px))!important;flex:none!important;background:var(--ubm-bg)!important;font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-bookie {font-size:calc(13 * var(--wuim-mobile-unit, 1px))!important;font-weight:600!important;} #userBonusesView.ubm-mobile .ubm-agenda-labels {gap:calc(8 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-name {font-size:calc(12 * var(--wuim-mobile-unit, 1px))!important;line-height:1.45!important;} #userBonusesView.ubm-mobile .ubm-agenda-meta {align-items:center!important;justify-content:space-between!important;gap:calc(6 * var(--wuim-mobile-unit, 1px)) calc(10 * var(--wuim-mobile-unit, 1px))!important;font-size:calc(11 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-date {display:inline-flex!important;align-items:center!important;gap:calc(5 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-date .ubm-line-icon {width:calc(13 * var(--wuim-mobile-unit, 1px))!important;height:calc(13 * var(--wuim-mobile-unit, 1px))!important;} #userBonusesView.ubm-mobile .ubm-agenda-row.is-expired .ubm-agenda-date {color:var(--ubm-deadline)!important;} #userBonusesView.ubm-mobile .ubm-agenda-step {white-space:nowrap!important;color:var(--ubm-muted)!important;} #userBonusesView.ubm-mobile .ubm-agenda-empty {display:grid!important;justify-items:center!important;gap:calc(12 * var(--wuim-mobile-unit, 1px))!important;padding:calc(32 * var(--wuim-mobile-unit, 1px)) calc(16 * var(--wuim-mobile-unit, 1px))!important;background:var(--ubm-panel)!important;border:1px solid var(--ubm-line)!important;border-radius:calc(14 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-muted)!important;} #userBonusesView.ubm-mobile .ubm-agenda-empty > .ubm-line-icon {width:calc(28 * var(--wuim-mobile-unit, 1px))!important;height:calc(28 * var(--wuim-mobile-unit, 1px))!important;color:var(--ubm-navigation-accent)!important;} #userBonusesView.ubm-mobile .ubm-agenda-empty .ubm-empty {margin:0!important;padding:0!important;} } @media(max-width:700px), (max-width:1100px) and (pointer:coarse){ #userBonusesView.ubm-mobile .ubm-head .ubm-expiry-alert{position:relative!important;display:grid!important;place-items:center!important;flex:none!important;width:calc(44 * var(--wuim-mobile-unit,1px))!important;height:calc(44 * var(--wuim-mobile-unit,1px))!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid var(--ubm-line)!important;border-radius:calc(10 * var(--wuim-mobile-unit,1px))!important;background:var(--ubm-panel)!important;color:#986262!important;} html[data-theme=dark] #userBonusesView.ubm-mobile .ubm-head .ubm-expiry-alert{color:#c68e8e!important;} #userBonusesView.ubm-mobile .ubm-head .ubm-expiry-alert[hidden]{display:none!important;} #userBonusesView.ubm-mobile .ubm-alert-count{position:absolute!important;right:calc(-3 * var(--wuim-mobile-unit,1px))!important;top:calc(-5 * var(--wuim-mobile-unit,1px))!important;min-width:calc(17 * var(--wuim-mobile-unit,1px))!important;height:calc(17 * var(--wuim-mobile-unit,1px))!important;padding:0 calc(3 * var(--wuim-mobile-unit,1px))!important;border-radius:99px!important;background:#f6eeee!important;font-size:calc(10 * var(--wuim-mobile-unit,1px))!important;line-height:1.7!important;text-align:center!important;} html[data-theme=dark] #userBonusesView.ubm-mobile .ubm-alert-count{background:#30262e!important;} #userBonusesView.ubm-mobile .ubm-head .bonus-type-tab{white-space:normal!important;min-width:0!important;padding-left:calc(6 * var(--wuim-mobile-unit,1px))!important;padding-right:calc(6 * var(--wuim-mobile-unit,1px))!important;} } @layer wuim-bonus-menu-fixes { @media(max-width:700px), (max-width:1100px) and (pointer:coarse){ #userBonusPreviewModal.ubm-guide #userBonusStepOperations,#userBonusPreviewModal.ubm-guide .ubm-tab-hidden{display:none!important;} #userBonusPreviewModal.ubm-guide .user-bonus-step-actions:not(:has(#userBonusStepComplete)){grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:700px), (max-width:1100px) and (pointer:coarse){ :is(#userBonusesView.ubm-mobile,#userBonusPreviewModal.ubm-guide,.ubm-aux) [hidden][hidden][hidden]{display:none!important;} } @media(max-width:700px), (max-width:1100px) and (pointer:coarse){ #userBonusesView.ubm-mobile .ubm-head .ubm-expiry-alert{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;} #userBonusesView.ubm-mobile .ubm-head .ubm-expiry-alert>.ubm-line-icon{width:calc(20 * var(--wuim-mobile-unit,1px))!important;height:calc(20 * var(--wuim-mobile-unit,1px))!important;flex:none!important;margin:0!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-options>.ubm-options-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:min(calc(252 * var(--wuim-mobile-unit,1px)),calc(100vw - 32px))!important;min-width:0!important;gap:0!important;padding:calc(6 * var(--wuim-mobile-unit,1px))!important;border-radius:calc(16 * var(--wuim-mobile-unit,1px))!important;background:var(--ubm-panel)!important;border:1px solid var(--ubm-line)!important;box-shadow:0 8px 24px #0f172614!important;z-index:30!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-options .ubm-options-body>button:not([hidden]):not(.is-hidden){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:calc(12 * var(--wuim-mobile-unit,1px))!important;grid-column:1!important;grid-row:auto!important;order:0!important;width:100%!important;min-height:calc(50 * var(--wuim-mobile-unit,1px))!important;margin:0!important;padding:calc(12 * var(--wuim-mobile-unit,1px))!important;background:transparent!important;border:0!important;border-radius:calc(10 * var(--wuim-mobile-unit,1px))!important;text-align:left!important;color:var(--ubm-text)!important;font-size:calc(13 * var(--wuim-mobile-unit,1px))!important;font-weight:500!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-options .ubm-options-body>button:hover{background:var(--ubm-bg)!important;} #userBonusPreviewModal.ubm-guide .ubm-guide-options .ubm-options-body .ubm-line-icon{flex:none!important;width:calc(20 * var(--wuim-mobile-unit,1px))!important;height:calc(20 * var(--wuim-mobile-unit,1px))!important;color:var(--ubm-muted)!important;} } } }