/* Classic 2006 MySpace Profile Re-Theme for Home Deck */
:root[data-hd-mode="myspace"] {
  --hd-c-void: #e5e5e5;
  --hd-c-base: #e5e5e5;
  --hd-ground: #e5e5e5;
  --hd-ground-top: #e5e5e5;
  --hd-ground-image: none;
  --hd-surface: #ffffff;
  --hd-surface-2: #f5f8fc;
  --hd-row: #ffffff;
  --hd-plate: #ffffff;
  --hd-chrome: #003399;
  --hd-chrome-hot: #ff6600;
  --hd-chrome-dim: #336699;
  --hd-chrome-fill: #ff9933;
  --hd-chrome-deep: #d5e8fb;
  --hd-chrome-rgb: 0, 51, 153;
  --hd-act: #003399;
  --hd-act-soft: #3366cc;
  --hd-act-dim: #666666;
  --hd-act-fill: #ffcc99;
  --hd-on-act: #ffffff;
  --hd-act-rgb: 0, 51, 153;
  --hd-select-bg: #ffcc99;
  --hd-select-ink: #003399;
  --hd-focus: #ff6600;
  --hd-text: #000000;
  --hd-text-strong: #003399;
  --hd-text-meta: #666666;
  --hd-text-disabled: #999999;
  --hd-signal: #cc0000;
  --hd-on-signal: #ffffff;
  --hd-good: #008000;
  --hd-bad: #cc0000;
  --hd-glow-strength: 0;
  --hd-glow-line: none;
  --hd-glow-text: none;
  --hd-glow-signal: none;
  --hd-glow-act: none;
  --hd-glow-drop: none;
  --hd-glow-drop-act: none;
  --hd-haze-top: none;
  --hd-scanline: none;
  --hd-cut-xs: 0px;
  --hd-cut-s: 0px;
  --hd-cut-m: 0px;
  --hd-cut-l: 0px;
  --oct: none;
  --hd-font-ui: Verdana, Arial, Helvetica, sans-serif;
  --hd-font-display: "Trebuchet MS", Arial, Helvetica, sans-serif;
  --hd-font-num: Verdana, Tahoma, Arial, sans-serif;
  --hd-font-device: Georgia, "Times New Roman", serif;
  --hd-font-mono: Tahoma, Verdana, Arial, sans-serif;
  --hd-font-ui-stretch: 100%;
}

:root[data-hd-mode="myspace"] body::after,
:root[data-hd-mode="myspace"] .bg-glow,
:root[data-hd-mode="myspace"] .bg-shade,
:root[data-hd-mode="myspace"] .tint,
:root[data-hd-mode="myspace"] .hd-edge-rails,
:root[data-hd-mode="myspace"] .brand__row .hd-barcode,
:root[data-hd-mode="myspace"] .hero__spine,
:root[data-hd-mode="myspace"] .hd-brackets__layer,
:root[data-hd-mode="myspace"] .top-rule,
:root[data-hd-mode="myspace"] .hd-glitch__echo {
  display: none !important;
}

:root[data-hd-mode="myspace"] .stage {
  background: #e5e5e5 !important;
  color: #000000 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

/* Main white canvas container with classic MySpace top blue header + light blue nav */
:root[data-hd-mode="myspace"] .ground {
  background-color: #e5e5e5 !important;
  background-image:
    linear-gradient(180deg,
      #003399 0px, #003399 116px,
      #6698cb 116px, #6698cb 164px,
      #ffffff 164px, #ffffff 1068px,
      #e5e5e5 1068px) !important;
  background-size: 1780px 1080px !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

:root[data-hd-mode="myspace"] .ground::after {
  content: "";
  position: absolute;
  left: 70px;
  right: 70px;
  top: 0;
  bottom: 12px;
  border: 1px solid #003399;
  pointer-events: none;
}

/* Top Blue Header (#003399) */
:root[data-hd-mode="myspace"] .top {
  left: 96px !important;
  right: 96px !important;
  top: 10px !important;
  height: 96px !important;
  align-items: center !important;
}

:root[data-hd-mode="myspace"] .brand__mark {
  color: #ffffff !important;
  font-family: "Trebuchet MS", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 38px !important;
  letter-spacing: -0.02em !important;
  text-transform: lowercase !important;
}
:root[data-hd-mode="myspace"] .brand__mark .hd-glitch__main::after {
  content: ".com | a place for apps";
  font-family: Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #b8d4f2;
  letter-spacing: 0;
  margin-left: 8px;
}

:root[data-hd-mode="myspace"] .brand__row {
  margin-top: 6px !important;
}
:root[data-hd-mode="myspace"] .brand__row #brandSub {
  color: #ffcc66 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Classic MySpace Flash MP3 Mini-Player in Header */
:root[data-hd-mode="myspace"] .mid {
  height: 74px !important;
  align-self: center !important;
}

:root[data-hd-mode="myspace"] .radio {
  background: linear-gradient(180deg, #f2f2f2 0%, #c8c8c8 100%) !important;
  border: 2px outset #ffffff !important;
  border-radius: 3px !important;
  padding: 4px 16px !important;
  color: #000000 !important;
  box-shadow: 2px 2px 0 rgba(0,0,0,0.4) !important;
}
:root[data-hd-mode="myspace"] .radio::before,
:root[data-hd-mode="myspace"] .radio::after {
  display: none !important;
}

:root[data-hd-mode="myspace"] .radio__band .hd-label {
  color: #003399 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

:root[data-hd-mode="myspace"] .radio__freq {
  color: #222222 !important;
  font-size: 24px !important;
  font-family: Tahoma, monospace !important;
}

:root[data-hd-mode="myspace"] .radio__station {
  color: #cc0000 !important;
  font-family: Verdana, sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

:root[data-hd-mode="myspace"] .radio__track {
  background: #142414 !important;
  color: #66ff66 !important;
  padding: 3px 10px !important;
  border: 2px inset #888888 !important;
  font-family: "Courier New", monospace !important;
  font-size: 18px !important;
}
:root[data-hd-mode="myspace"] .radio__track b {
  color: #99ff99 !important;
}

:root[data-hd-mode="myspace"] .radio__meter i {
  background: #00aa00 !important;
}
:root[data-hd-mode="myspace"] .radio__meter i:nth-child(n+9) {
  background: #ff6600 !important;
}

:root[data-hd-mode="myspace"] .radio__pp {
  background: #e0e0e0 !important;
  border: 2px outset #ffffff !important;
  color: #000000 !important;
}
:root[data-hd-mode="myspace"] .radio__pp.is-focus {
  outline: 3px solid #ff6600 !important;
  background: #ffcc99 !important;
}

:root[data-hd-mode="myspace"] .hints .hd-hint {
  color: #ffffff !important;
  font-size: 17px !important;
}
:root[data-hd-mode="myspace"] .hints .hd-key {
  background: #ffffff !important;
  color: #003399 !important;
  border-color: #ffcc66 !important;
}

/* Clock & Weather in Header */
:root[data-hd-mode="myspace"] .clock__time {
  color: #ffffff !important;
  font-size: 44px !important;
  font-weight: 700 !important;
}
:root[data-hd-mode="myspace"] .clock__time .hd-num__frac,
:root[data-hd-mode="myspace"] .clock__time .hd-num__unit,
:root[data-hd-mode="myspace"] .clock .hd-label,
:root[data-hd-mode="myspace"] .clock .hd-label span {
  color: #d5e8fb !important;
}

:root[data-hd-mode="myspace"] .wx__head,
:root[data-hd-mode="myspace"] .wx__cond,
:root[data-hd-mode="myspace"] .wx__city {
  color: #d5e8fb !important;
}
:root[data-hd-mode="myspace"] .wx__temp,
:root[data-hd-mode="myspace"] .wx__ico {
  color: #ffcc66 !important;
}

/* MySpace Light Blue Navigation Sub-bar (#6698cb) */
:root[data-hd-mode="myspace"] .bar {
  top: 116px !important;
  left: 71px !important;
  right: 71px !important;
  height: 48px !important;
  padding: 0 28px !important;
  background: #6698cb !important;
  border-top: 1px solid #99bbe8 !important;
  border-bottom: 1px solid #003399 !important;
  z-index: 20 !important;
}

:root[data-hd-mode="myspace"] .bar .hd-tabs {
  gap: 0 !important;
}

:root[data-hd-mode="myspace"] .bar .hd-tab {
  color: #ffffff !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 0 20px !important;
  min-height: 34px !important;
  border-right: 1px solid #003399 !important;
}
:root[data-hd-mode="myspace"] .bar .hd-tab::before {
  display: none !important;
}
:root[data-hd-mode="myspace"] .bar .hd-tab[aria-selected="true"] {
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #ffff99 !important;
  text-decoration: underline !important;
  text-shadow: none !important;
}
:root[data-hd-mode="myspace"] .bar .hd-tab.is-focus,
:root[data-hd-mode="myspace"] .barbtn.is-focus {
  background: #003399 !important;
  color: #ffcc66 !important;
  outline: 2px solid #ff6600 !important;
  outline-offset: -2px !important;
}

:root[data-hd-mode="myspace"] .bar__rule {
  background: transparent !important;
}

:root[data-hd-mode="myspace"] .barbtn {
  color: #ffffff !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Left Column: Profile Card + Contact Box + URL Box + Details Table (.hero) */
:root[data-hd-mode="myspace"] .hero {
  left: 96px !important;
  top: 180px !important;
  width: 580px !important;
  height: 870px !important;
  padding: 0 !important;
  background: #ffffff !important;
  overflow: visible !important;
}

/* Default Pic Box */
:root[data-hd-mode="myspace"] .bg {
  left: 96px !important;
  top: 236px !important;
  width: 230px !important;
  height: 230px !important;
  padding: 10px !important;
  background: #0b0c12 !important;
  border: 2px solid #003399 !important;
  z-index: 5 !important;
}
:root[data-hd-mode="myspace"] .bg.on {
  opacity: 1 !important;
}

/* Profile Name above pic */
:root[data-hd-mode="myspace"] .hero__title {
  margin: 0 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  line-height: 1.2 !important;
  max-width: 580px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Quote & Mood & Online Now to the right of default pic */
:root[data-hd-mode="myspace"] .hero__desc {
  position: absolute !important;
  left: 250px !important;
  top: 56px !important;
  width: 325px !important;
  margin: 0 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  color: #000000 !important;
  white-space: normal !important;
}
:root[data-hd-mode="myspace"] .hero__desc::before {
  content: '":-P Connected & Streaming -:-"\A\A';
  white-space: pre;
  font-weight: 700;
  color: #333333;
}
:root[data-hd-mode="myspace"] .hero__desc::after {
  content: '\A\AMood: Chill 🎧\ALast Login: 10/24/2006\A\AView My: Pics | Videos';
  white-space: pre;
  font-size: 14px;
  color: #003399;
  font-weight: 700;
}

/* Online Now indicator */
:root[data-hd-mode="myspace"] .hero__meta {
  position: absolute !important;
  left: 250px !important;
  top: 248px !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

:root[data-hd-mode="myspace"] #hLabel {
  background: #ffffff !important;
  color: #009900 !important;
  border: 2px solid #009900 !important;
  padding: 2px 8px !important;
  font-family: Verdana, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
}
:root[data-hd-mode="myspace"] #hLabel::before {
  content: "🏃 ONLINE NOW! // ";
  color: #ff6600;
}

:root[data-hd-mode="myspace"] #hChip {
  background: #6698cb !important;
  color: #ffffff !important;
  clip-path: none !important;
  font-family: Verdana, sans-serif !important;
  font-size: 13px !important;
}

:root[data-hd-mode="myspace"] #hIdx {
  color: #666666 !important;
  font-size: 14px !important;
}

/* Contacting [App] Box */
:root[data-hd-mode="myspace"] .hero__next {
  position: absolute !important;
  left: 0 !important;
  top: 304px !important;
  width: 580px !important;
  margin: 0 !important;
  padding: 38px 16px 12px 16px !important;
  background: #ffffff !important;
  border: 2px solid #6698cb !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
}
:root[data-hd-mode="myspace"] .hero__next::before {
  content: "Contacting App" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 28px !important;
  background: #6698cb !important;
  color: #ffffff !important;
  font-family: Verdana, sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 4px 12px !important;
  clip-path: none !important;
  z-index: 1 !important;
}
:root[data-hd-mode="myspace"] .hero__next::after {
  content: "✉ Launch App          ★ Add to Top 8\A⇄ Switch Input        ♥ Pin to Favorites\A⚡ Instant Message     ⚑ Block / Uninstall" !important;
  white-space: pre !important;
  position: static !important;
  display: block !important;
  width: 100% !important;
  padding-top: 8px !important;
  border-top: 1px solid #d5e8fb !important;
  color: #003399 !important;
  font-family: Verdana, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  background: transparent !important;
  clip-path: none !important;
}
:root[data-hd-mode="myspace"] .hero__next .hd-label {
  color: #cc6600 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
:root[data-hd-mode="myspace"] .hero__next .t {
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
:root[data-hd-mode="myspace"] .hero__next .ok {
  margin-left: auto !important;
  color: #003399 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* MySpace URL & General Interests Table at bottom of left column */
:root[data-hd-mode="myspace"] .hero::after {
  content: "MySpace URL:   http://www.myspace.com/homedeck\A\AHome Deck's Interests & Details\AGeneral:      Streaming 4K HDR, Retro Gaming, Late Night TV\AMusic:        Spotify, Night Drive FM, Zeds Dead, Halcyon Wire\AMovies:       Sci-Fi, Anime Simulcasts, Criterion Collection\ATelevision:   Live Sports, 4K 120Hz HDMI 2.1, Custom Themes\ARemote Tips:  Hold OK on any app for Options  |  Hold Back for Jump To";
  white-space: pre-wrap;
  position: absolute;
  left: 0;
  top: 478px;
  width: 580px;
  height: 340px;
  padding: 10px 16px;
  background:
    linear-gradient(180deg,
      #ffffff 0px, #ffffff 42px,
      #b1d0f0 42px, #b1d0f0 68px,
      #d5e8fb 68px, #d5e8fb 100%) !important;
  border: 2px solid #6698cb !important;
  color: #003399 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 26px !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  animation: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

/* Right Column: Extended Network Banner + Top 8 Friend Space + Comments (.deck) */
:root[data-hd-mode="myspace"] .deck {
  left: 704px !important;
  top: 180px !important;
  width: 1120px !important;
  height: 870px !important;
  perspective: none !important;
}

/* Extended Network Box at top of right column */
:root[data-hd-mode="myspace"] .deck::before {
  content: "Home Deck is in your extended network";
  display: grid;
  place-items: center;
  height: 62px;
  margin-bottom: 14px;
  border: 2px solid #000000;
  background: #ffffff;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

:root[data-hd-mode="myspace"] .section {
  top: 78px !important;
  transform-style: flat !important;
}

/* Disable 3D lean/fade on rows so it reads like a crisp web page */
:root[data-hd-mode="myspace"] .row {
  transform: none !important;
  opacity: 1 !important;
  background: #ffffff !important;
  border: 2px solid #ffcc99 !important;
  padding: 0 0 14px 0 !important;
  margin-bottom: 14px !important;
}

/* Classic MySpace Orange Section Header Bar (#ffcc99 bg, #cc6600 text) */
:root[data-hd-mode="myspace"] .row__title {
  background: #ffcc99 !important;
  color: #cc6600 !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 5px 14px !important;
  margin: 0 0 12px 0 !important;
}
:root[data-hd-mode="myspace"] .row__title::after {
  display: none !important;
}
:root[data-hd-mode="myspace"] .row__title .hd-mono {
  color: #003399 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 14px !important;
  margin-left: auto !important;
}
:root[data-hd-mode="myspace"] .row[data-row="fav"] .row__title .hd-mono::before {
  content: "Home Deck has ";
  font-weight: 400;
  color: #000000;
}
:root[data-hd-mode="myspace"] .row[data-row="fav"] .row__title .hd-mono::after {
  content: " Top Friends  [View All]";
  font-weight: 700;
  color: #cc0000;
}

/* Classic 2 Rows of 4 Top 8 Grid Layout! */
:root[data-hd-mode="myspace"] #favRow {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px 20px !important;
  padding: 4px 28px !important;
  justify-items: center !important;
}

:root[data-hd-mode="myspace"] #fav {
  display: contents !important;
}

/* Top 8 Friend Tile styling: Blue underlined friend name on top, double-bordered square pic below */
:root[data-hd-mode="myspace"] #favRow .art,
:root[data-hd-mode="myspace"] #favRow .badge,
:root[data-hd-mode="myspace"] #favRow .slot {
  width: 210px !important;
  height: 170px !important;
  padding: 28px 35px 6px 35px !important;
  background: #ffffff !important;
  border: 1px solid transparent !important;
  box-sizing: border-box !important;
}

:root[data-hd-mode="myspace"] .tiles--apps .art--sm,
:root[data-hd-mode="myspace"] .tiles--apps .badge--sm,
:root[data-hd-mode="myspace"] #inp .art,
:root[data-hd-mode="myspace"] #inp .badge {
  width: 138px !important;
  height: 158px !important;
  padding: 26px 6px 4px 6px !important;
  background: #ffffff !important;
  border: 1px solid #d5e8fb !important;
  box-sizing: border-box !important;
}

:root[data-hd-mode="myspace"] #favRow .art::before,
:root[data-hd-mode="myspace"] .tiles--apps .art--sm::before,
:root[data-hd-mode="myspace"] #inp .art::before {
  content: attr(data-ms-name);
  position: absolute;
  top: 3px;
  left: 2px;
  right: 2px;
  text-align: center;
  color: #003399;
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:root[data-hd-mode="myspace"] .art img {
  opacity: 1 !important;
  border: 2px solid #003399 !important;
  background: #0b0c12 !important;
  box-sizing: border-box !important;
  filter: none !important;
}

/* Scan (Search Friends) button in Top 8 */
:root[data-hd-mode="myspace"] .scan {
  width: 210px !important;
  height: 170px !important;
  padding-top: 22px !important;
  background: #f0f6ff !important;
  border: 2px dashed #003399 !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}
:root[data-hd-mode="myspace"] .scan::before {
  content: "🔍 Find Apps" !important;
  position: absolute !important;
  top: 3px !important;
  left: 0 !important;
  right: 0 !important;
  height: 20px !important;
  text-align: center !important;
  color: #003399 !important;
  font-family: Verdana, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  background: transparent !important;
  clip-path: none !important;
}
:root[data-hd-mode="myspace"] .scan::after {
  display: none !important;
}
:root[data-hd-mode="myspace"] .scan__name {
  color: #003399 !important;
  font-size: 16px !important;
}
:root[data-hd-mode="myspace"] .scan__mic {
  color: #cc6600 !important;
  font-size: 13px !important;
}

/* Focus Highlight in MySpace Mode */
:root[data-hd-mode="myspace"] .art.is-focus,
:root[data-hd-mode="myspace"] .badge.is-focus,
:root[data-hd-mode="myspace"] .slot.is-focus,
:root[data-hd-mode="myspace"] .scan.is-focus {
  background: #fff3d6 !important;
  border: 2px solid #ff6600 !important;
  box-shadow: 0 4px 12px rgba(255, 102, 0, 0.35) !important;
  transform: translateY(-4px) !important;
}
:root[data-hd-mode="myspace"] .art.is-focus::before {
  color: #ff6600 !important;
}
:root[data-hd-mode="myspace"] .art.is-focus img {
  border-color: #ff6600 !important;
}

/* Row 2: Friends Comments / Wall Posts (#cw) */
:root[data-hd-mode="myspace"] #cw {
  padding: 0 16px !important;
  gap: 12px !important;
  overflow-x: auto !important;
}

:root[data-hd-mode="myspace"] .cw {
  width: 204px !important;
  height: 136px !important;
  padding: 10px 10px !important;
  background: #f9ebd2 !important;
  border: 1px solid #ffcc99 !important;
  box-shadow: inset 68px 0 0 #ffdead !important;
  grid-template-columns: 58px 1fr !important;
  grid-template-rows: auto auto 1fr auto !important;
}
:root[data-hd-mode="myspace"] .cw::before,
:root[data-hd-mode="myspace"] .cw::after,
:root[data-hd-mode="myspace"] .cw__strip {
  display: none !important;
}
:root[data-hd-mode="myspace"] .cw__thumb {
  grid-row: 1 / 4 !important;
  grid-column: 1 !important;
  width: 50px !important;
  height: 50px !important;
  border: 2px solid #003399 !important;
  background: #0b0c12 !important;
}
:root[data-hd-mode="myspace"] .cw__title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  color: #003399 !important;
  font-size: 15px !important;
  text-decoration: underline !important;
  text-transform: none !important;
  line-height: 1.2 !important;
}
:root[data-hd-mode="myspace"] .cw__sub {
  grid-column: 2 !important;
  grid-row: 2 !important;
  color: #000000 !important;
  font-size: 12.5px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  margin-top: 4px !important;
}
:root[data-hd-mode="myspace"] .cw__bar {
  grid-column: 2 !important;
  grid-row: 3 !important;
}
:root[data-hd-mode="myspace"] .cw__left {
  grid-column: 2 !important;
  grid-row: 4 !important;
  color: #cc6600 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}
:root[data-hd-mode="myspace"] .cw.is-focus {
  outline: 3px solid #ff6600 !important;
  background: #fff8ea !important;
  transform: translateY(-4px) !important;
}

/* Apps Directory & Inputs */
:root[data-hd-mode="myspace"] .apps-view {
  left: 0 !important;
  right: 0 !important;
  padding: 0 !important;
}
:root[data-hd-mode="myspace"] .tiles--apps,
:root[data-hd-mode="myspace"] #inp {
  width: 100% !important;
  padding: 0 16px !important;
  gap: 14px !important;
}

/* Modals, Options, Jump To, Toasts in MySpace style */
:root[data-hd-mode="myspace"] .hd-panel {
  background: #ffffff !important;
  border: 3px solid #003399 !important;
  box-shadow: 6px 6px 0 rgba(0, 51, 153, 0.25) !important;
}
:root[data-hd-mode="myspace"] .hd-panel::before,
:root[data-hd-mode="myspace"] .hd-panel::after {
  display: none !important;
}
:root[data-hd-mode="myspace"] .hd-panel__head {
  background: #003399 !important;
  color: #ffffff !important;
}
:root[data-hd-mode="myspace"] .jl.is-focus,
:root[data-hd-mode="myspace"] .opts .hd-menu__item.is-focus {
  background: #ffcc99 !important;
  color: #003399 !important;
  outline: 2px solid #ff6600 !important;
}
:root[data-hd-mode="myspace"] .hd-toast {
  background: #ffffcc !important;
  border: 2px solid #ff6600 !important;
  color: #000000 !important;
}