/* Isolated UI for Profile > Interface > Background settings. */
#rc-dash #rcBgCustomizer.rc-bg-customizer {
  display: block !important;
  margin: 18px 0 14px !important;
  padding: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 15px !important;
  color: rgba(255,255,255,.88) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.022)),rgba(14,14,14,.72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.075),0 18px 45px rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  backdrop-filter: blur(24px) !important;
}
#rc-dash #rcBgCustomizer * { box-sizing: border-box !important; }
#rc-dash #rcBgCustomizer .rc-bg-head { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:12px !important; margin:0 0 11px !important; }
#rc-dash #rcBgCustomizer .rc-bg-head h4 { margin:0 0 3px !important; font-size:13px !important; line-height:1.3 !important; font-weight:650 !important; color:#fff !important; }
#rc-dash #rcBgCustomizer .rc-bg-head p { max-width:260px !important; margin:0 !important; font-size:10px !important; line-height:1.4 !important; color:rgba(255,255,255,.48) !important; }
#rc-dash #rcBgCustomizer .rc-bg-live { display:inline-flex !important; align-items:center !important; gap:5px !important; flex:0 0 auto !important; padding:5px 7px !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:99px !important; color:rgba(255,255,255,.58) !important; background:rgba(255,255,255,.035) !important; font-size:9px !important; line-height:1 !important; white-space:nowrap !important; }
#rc-dash #rcBgCustomizer .rc-bg-live i { display:block !important; width:5px !important; height:5px !important; border-radius:50% !important; background:#eee !important; box-shadow:0 0 8px rgba(255,255,255,.55) !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview { position:relative !important; display:flex !important; align-items:flex-end !important; width:100% !important; height:92px !important; margin:0 !important; padding:10px !important; overflow:hidden !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; background:#090909 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.075) !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview::after { content:"" !important; display:block !important; position:absolute !important; inset:0 !important; pointer-events:none !important; background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.38)) !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-glass { position:relative !important; z-index:1 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; min-height:31px !important; margin:0 !important; padding:7px 9px !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:9px !important; background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important; -webkit-backdrop-filter:blur(18px) !important; backdrop-filter:blur(18px) !important; cursor:pointer !important; text-align:left !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-glass span { color:rgba(255,255,255,.94) !important; font-size:10px !important; font-weight:650 !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-glass small { color:rgba(255,255,255,.62) !important; font-size:9px !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-meta { display:flex !important; align-items:center !important; gap:7px !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-meta svg { display:block !important; width:9px !important; height:6px !important; color:rgba(255,255,255,.52) !important; transition:transform .22s ease !important; }
#rc-dash #rcBgCustomizer.theme-menu-open .rc-bg-preview-meta svg { transform:rotate(180deg) !important; }
#rc-dash #rcBgCustomizer .rc-theme-title { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; margin:10px 1px 6px !important; }
#rc-dash #rcBgCustomizer .rc-theme-title b { color:rgba(255,255,255,.78) !important; font-size:9px !important; font-weight:650 !important; }
#rc-dash #rcBgCustomizer .rc-theme-title span { color:rgba(255,255,255,.33) !important; font-size:8px !important; }
#rc-dash #rcBgCustomizer .rc-bg-title { margin-top:9px !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; width:100% !important; max-height:0 !important; margin:0 !important; padding:0 1px !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; transform:translateY(-8px) scale(.985) !important; transform-origin:top center !important; transition:max-height .28s cubic-bezier(.2,.8,.2,1),opacity .18s ease,transform .24s ease,margin .24s ease,padding .24s ease !important; }
#rc-dash #rcBgCustomizer.theme-menu-open .rc-ui-themes { max-height:190px !important; margin:7px 0 2px !important; padding:2px 1px 3px !important; opacity:1 !important; pointer-events:auto !important; transform:translateY(0) scale(1) !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes button { display:flex !important; align-items:center !important; gap:8px !important; min-width:0 !important; min-height:43px !important; margin:0 !important; padding:6px 8px !important; border:1px solid rgba(255,255,255,.075) !important; border-radius:10px !important; color:rgba(255,255,255,.68) !important; background:rgba(255,255,255,.022) !important; box-shadow:none !important; text-align:left !important; cursor:pointer !important; transition:border-color .18s ease,background .18s ease,transform .18s ease !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes button:hover { transform:translateY(-1px) !important; color:#fff !important; border-color:rgba(255,255,255,.17) !important; background:rgba(255,255,255,.052) !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes button.active { color:#fff !important; border-color:rgba(255,255,255,.25) !important; background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.035)) !important; box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 20px rgba(0,0,0,.20) !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes button>i { position:relative !important; display:block !important; width:28px !important; height:28px !important; flex:0 0 28px !important; overflow:hidden !important; border:1px solid rgba(255,255,255,.15) !important; border-radius:8px !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes button>i::after { content:"" !important; position:absolute !important; inset:6px !important; border:1px solid rgba(255,255,255,.22) !important; border-radius:4px !important; background:rgba(255,255,255,.08) !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes i.liquid { background:radial-gradient(circle at 25% 10%,#777,transparent 45%),#111 !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes i.panel { background:#050505 !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes i.bloom { background:radial-gradient(circle,#bbb 0,rgba(255,255,255,.3) 18%,transparent 58%),#050505 !important; box-shadow:inset 0 0 9px rgba(255,255,255,.14) !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes i.glass { background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.03)),#151515 !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes i.aurora { background:radial-gradient(circle at 20% 70%,#888,transparent 35%),radial-gradient(circle at 78% 24%,#555,transparent 40%),#080808 !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes i.clay { background:#292929 !important; box-shadow:inset 3px 3px 5px rgba(255,255,255,.14),inset -3px -3px 5px #070707 !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes button>span { display:block !important; min-width:0 !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes button b,#rc-dash #rcBgCustomizer .rc-ui-themes button small { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes button b { color:inherit !important; font-size:9px !important; font-weight:650 !important; }
#rc-dash #rcBgCustomizer .rc-ui-themes button small { margin-top:2px !important; color:rgba(255,255,255,.36) !important; font-size:7px !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-glass[data-preview-theme="panel"] { background:rgba(5,5,5,.94) !important; border-color:rgba(255,255,255,.08) !important; box-shadow:none !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-glass[data-preview-theme="bloom"] { background:rgba(12,12,14,var(--preview-alpha,.1)) !important; box-shadow:0 0 24px rgba(255,255,255,.14),inset 0 1px rgba(255,255,255,.14) !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-glass[data-preview-theme="glass"] { background:rgba(255,255,255,calc(var(--preview-alpha,.1) * .55)) !important; border-color:rgba(255,255,255,.22) !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-glass[data-preview-theme="aurora"] { background:radial-gradient(circle at 12% 100%,rgba(255,255,255,.16),transparent 34%),rgba(18,18,20,var(--preview-alpha,.1)) !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-glass[data-preview-theme="clay"] { background:rgba(42,42,44,.48) !important; border-color:rgba(255,255,255,.07) !important; box-shadow:inset 2px 2px 4px rgba(255,255,255,.12),inset -3px -3px 7px rgba(0,0,0,.34),0 8px 20px rgba(0,0,0,.30) !important; }
#rc-dash #rcBgCustomizer .rc-bg-preview-glass[data-preview-theme="liquid"] { background:linear-gradient(180deg,rgba(255,255,255,calc(var(--preview-alpha,.1) + .04)),rgba(255,255,255,calc(var(--preview-alpha,.1) * .35))) !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:6px !important; width:100% !important; margin:9px 0 !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets button { display:flex !important; align-items:center !important; gap:6px !important; min-width:0 !important; min-height:35px !important; margin:0 !important; padding:5px 6px !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:9px !important; color:rgba(255,255,255,.62) !important; background:rgba(255,255,255,.025) !important; box-shadow:none !important; cursor:pointer !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets button:hover { color:rgba(255,255,255,.90) !important; border-color:rgba(255,255,255,.15) !important; background:rgba(255,255,255,.06) !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets button.active { color:#fff !important; border-color:rgba(255,255,255,.21) !important; background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.11) !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets button i { display:block !important; width:22px !important; height:22px !important; flex:0 0 22px !important; border:1px solid rgba(255,255,255,.13) !important; border-radius:6px !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets button i.graphite { background:radial-gradient(circle at 20% 15%,#555,transparent 56%),#090909 !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets button i.silver { background:radial-gradient(circle at 25% 15%,#aaa,transparent 58%),#171717 !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets button i.smoke { background:radial-gradient(circle at 50% 45%,#777,transparent 62%),#080808 !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets button i.black { background:#030303 !important; }
#rc-dash #rcBgCustomizer .rc-bg-presets button span { display:block !important; min-width:0 !important; overflow:hidden !important; color:inherit !important; font-size:9px !important; font-weight:550 !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
#rc-dash #rcBgCustomizer .rc-color-title { display:flex !important; align-items:baseline !important; justify-content:space-between !important; gap:8px !important; margin:10px 1px 6px !important; }
#rc-dash #rcBgCustomizer .rc-color-title b { color:rgba(255,255,255,.76) !important; font-size:9px !important; font-weight:650 !important; }
#rc-dash #rcBgCustomizer .rc-color-title span { color:rgba(255,255,255,.33) !important; font-size:8px !important; }
#rc-dash #rcBgCustomizer .rc-bg-colors { display:flex !important; align-items:center !important; gap:7px !important; width:100% !important; margin:0 0 10px !important; }
#rc-dash #rcBgCustomizer .rc-bg-colors button,#rc-dash #rcBgCustomizer .rc-bg-color-picker { display:grid !important; place-items:center !important; width:22px !important; height:22px !important; min-width:22px !important; margin:0 !important; padding:0 !important; border:1px solid rgba(255,255,255,.13) !important; border-radius:50% !important; background:var(--rc-color) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important; cursor:pointer !important; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease !important; }
#rc-dash #rcBgCustomizer .rc-bg-colors button:hover,#rc-dash #rcBgCustomizer .rc-bg-color-picker:hover { transform:translateY(-1px) !important; border-color:rgba(255,255,255,.54) !important; }
#rc-dash #rcBgCustomizer .rc-bg-colors button.active { border-color:#fff !important; box-shadow:0 0 0 2px rgba(255,255,255,.24),inset 0 1px 0 rgba(255,255,255,.24) !important; }
#rc-dash #rcBgCustomizer .rc-bg-color-picker { position:relative !important; width:auto !important; min-width:48px !important; padding:0 7px !important; border-radius:99px !important; background:linear-gradient(135deg,#f7f7f7,#777,#1a1a1a) !important; overflow:hidden !important; }
#rc-dash #rcBgCustomizer .rc-bg-color-picker input { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; padding:0 !important; border:0 !important; opacity:0 !important; cursor:pointer !important; }
#rc-dash #rcBgCustomizer .rc-bg-color-picker span { position:relative !important; pointer-events:none !important; color:#fff !important; font-size:8px !important; font-weight:650 !important; text-shadow:0 1px 3px #000 !important; }
#rc-dash #rcBgCustomizer .rc-bg-controls { display:grid !important; grid-template-columns:1fr 1fr !important; gap:7px !important; width:100% !important; margin:0 0 8px !important; }
#rc-dash #rcBgCustomizer .rc-bg-controls label:last-child { grid-column:1 / -1 !important; }
#rc-dash #rcBgCustomizer .rc-bg-controls label { display:block !important; margin:0 !important; padding:8px 9px !important; border:1px solid rgba(255,255,255,.075) !important; border-radius:9px !important; background:rgba(255,255,255,.022) !important; }
#rc-dash #rcBgCustomizer .rc-bg-controls label>span { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:7px !important; margin:0 0 7px !important; }
#rc-dash #rcBgCustomizer .rc-bg-controls b { color:rgba(255,255,255,.68) !important; font-size:9px !important; line-height:1.2 !important; font-weight:550 !important; }
#rc-dash #rcBgCustomizer .rc-bg-controls output { color:rgba(255,255,255,.88) !important; font-size:9px !important; white-space:nowrap !important; }
#rc-dash #rcBgCustomizer .rc-bg-controls input[type="range"] { display:block !important; width:100% !important; height:4px !important; min-height:4px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:99px !important; appearance:none !important; background:rgba(255,255,255,.13) !important; box-shadow:none !important; }
#rc-dash #rcBgCustomizer .rc-bg-controls input[type="range"]::-webkit-slider-thumb { width:13px !important; height:13px !important; border:2px solid #262626 !important; border-radius:50% !important; appearance:none !important; background:#f1f1f1 !important; box-shadow:0 2px 7px rgba(0,0,0,.48) !important; cursor:pointer !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload { display:flex !important; align-items:center !important; gap:9px !important; width:100% !important; min-height:52px !important; margin:0 !important; padding:8px 9px !important; overflow:hidden !important; border:1px dashed rgba(255,255,255,.16) !important; border-radius:11px !important; background:rgba(255,255,255,.025) !important; cursor:pointer !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload:hover,#rc-dash #rcBgCustomizer .rc-bg-upload:focus-visible,#rc-dash #rcBgCustomizer .rc-bg-upload.dragging { border-color:rgba(255,255,255,.32) !important; background:rgba(255,255,255,.055) !important; outline:0 !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload.loading { opacity:.6 !important; pointer-events:none !important; }
#rc-dash #rcBgCustomizer #rcBgFile { display:none !important; width:0 !important; height:0 !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload-icon { display:grid !important; place-items:center !important; width:32px !important; height:32px !important; flex:0 0 32px !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:9px !important; background:rgba(255,255,255,.06) !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload-icon svg { display:block !important; width:16px !important; height:16px !important; max-width:16px !important; max-height:16px !important; color:rgba(255,255,255,.76) !important; fill:none !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload>div:nth-child(3) { min-width:0 !important; flex:1 !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload strong,#rc-dash #rcBgCustomizer .rc-bg-upload span { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload strong { margin:0 0 2px !important; color:rgba(255,255,255,.88) !important; font-size:10px !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload span { color:rgba(255,255,255,.44) !important; font-size:8px !important; }
#rc-dash #rcBgCustomizer .rc-bg-upload-btn { flex:0 0 auto !important; margin:0 !important; padding:6px 8px !important; border:1px solid rgba(255,255,255,.11) !important; border-radius:7px !important; color:rgba(255,255,255,.76) !important; background:rgba(255,255,255,.055) !important; font-size:9px !important; line-height:1 !important; }
#rc-dash #rcBgCustomizer .rc-bg-actions { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; margin:8px 0 0 !important; }
#rc-dash #rcBgCustomizer .rc-bg-actions button { margin:0 !important; padding:6px 8px !important; border:1px solid rgba(255,255,255,.09) !important; border-radius:7px !important; color:rgba(255,255,255,.62) !important; background:rgba(255,255,255,.025) !important; font-size:9px !important; }
#rc-dash #rcBgCustomizer .rc-bg-actions span { color:rgba(255,255,255,.34) !important; font-size:8px !important; text-align:right !important; }
@media (max-width:720px) {
  #rc-dash #rcBgCustomizer .rc-bg-head { display:block !important; }
  #rc-dash #rcBgCustomizer .rc-bg-live { margin-top:6px !important; }
  #rc-dash #rcBgCustomizer .rc-bg-presets { grid-template-columns:1fr 1fr !important; }
  #rc-dash #rcBgCustomizer .rc-ui-themes { grid-template-columns:1fr !important; }
  #rc-dash #rcBgCustomizer .rc-bg-controls { grid-template-columns:1fr !important; }
  #rc-dash #rcBgCustomizer .rc-bg-controls label:last-child { grid-column:auto !important; }
  #rc-dash #rcBgCustomizer .rc-bg-upload-btn { display:none !important; }
}