← Back to Layouts
layoutESPACIAAAL

Name: FriendRewind
Author: FriendRewind
Author: BeezyBub
Category: Art
Created: October 29, 2026
YA SABI PO
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"tile","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#bddeff","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */

a, .profile a, .table-section a, .module a { color: #bddeff !important; }
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>

  <style id="fr-vb2">

/* ==================================================
   FRIENDREWIND — SPACESHIP TERMINAL / CRT PROFILE
   Fixed monitor frame + tiled background
   CUSTOM SHAPED INFORMATION BOXES
   ================================================== */


/* ==================================================
   1. FONTS AND CUSTOM CURSOR
   ================================================== */

@import url('https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap');

* {
  box-sizing: border-box;
  cursor: url("https://friendrewind.com/uploads/gallery/40487/img_6ae0218d3783d8.72328813.webp"), auto !important;
}


/* ==================================================
   2. COLOR SYSTEM AND IMAGE URLS
   ================================================== */

:root {
  /* TERMINAL COLORS */

  --terminal-black: #000000;
  --terminal-dark: #001000;
  --terminal-green: #44ff00;
  --terminal-bright: #b5ff9b;
  --terminal-dim: #207a20;
  --terminal-border: #287a28;
  --terminal-glow: rgba(68, 255, 0, 0.25);

  /* NEON PURPLE ACCENTS */

  --neon-purple: #c000ff;
  --purple-bright: #ed9bff;
  --purple-dark: #280039;
  --purple-glow: rgba(192, 0, 255, 0.45);


  /* ================================================
     PAGE BACKGROUND
     ================================================ */

  --page-background-image:
    url("https://friendrewind.com/uploads/gallery/40487/img_6ae2eb380e03c9.93913821.webp");


  /* ================================================
     FIXED MONITOR FRAME
     ================================================ */

  --page-monitor-frame:
    url("https://friendrewind.com/uploads/gallery/40487/img_6ae2e7ab5e5974.46850331.webp");


  /* ================================================
     MONITOR SCREEN POSITION
     ================================================ */

  --monitor-screen-top: 8vh;
  --monitor-screen-right: 8vw;
  --monitor-screen-bottom: 8vh;
  --monitor-screen-left: 8vw;

  --monitor-frame-size: 100% 100%;


  /* ================================================
     CUSTOM INFORMATION BOX SHAPES
     YOUR PLACEHOLDER IMAGE
     ================================================

     Every variable below controls a different type
     of information box.

     All currently use your placeholder image.
     Replace any URL independently to give that box
     its own unique shape.

     Images stretch to fill the existing box size.
     The box dimensions and layout remain unchanged.
     ================================================ */

  --box-placeholder:
    url("https://friendrewind.com/uploads/gallery/40487/img_6ae2f17eda1847.03856383.webp");


  /* MUTUAL FRIENDS AND FRIENDS SECTIONS */

  --box-mutual-friends: var(--box-placeholder);
  --box-friends: var(--box-placeholder);


  /* PROFILE INFORMATION */

  --box-profile-info: var(--box-placeholder);
  --box-about: var(--box-placeholder);
  --box-blurbs: var(--box-placeholder);


  /* INTERESTS AND PERSONAL DETAILS */

  --box-interests: var(--box-placeholder);
  --box-contact: var(--box-placeholder);
  --box-url-info: var(--box-placeholder);
  --box-badges: var(--box-placeholder);


  /* GENERAL INFORMATION AND TABLE SECTIONS */

  --box-module: var(--box-placeholder);
  --box-section: var(--box-placeholder);
  --box-table-section: var(--box-placeholder);
  --box-friend-space: var(--box-placeholder);


  /* PROFILE COMMENTS */

  --box-comments: url(https://friendrewind.com/uploads/gallery/40487/img_6ae2ff18c77cb1.00757559.webp);


  /* PROFILE TUNES / MUSIC PLAYER */

  --box-profile-tunes: var(--box-placeholder);


  /* ================================================
     OPTIONAL SHARED BOX FRAME

     Kept as a fallback for other supported sections.
     ================================================ */

  --box-frame: var(--box-placeholder);


  /* FRIEND AVATAR FRAME */

  --friend-avatar-frame: none;


  /* MAIN AVATAR FRAME — ORIGINAL URL PRESERVED */

  --main-avatar-frame:
    url("https://friendrewind.com/uploads/gallery/40487/img_6ae021e71ec5b8.51964495.webp");
}


/* ==================================================
   3. TILED BACKGROUND
   ================================================== */

html {
  min-height: 100%;
  background-color: #000000 !important;

  background-image: var(--page-background-image) !important;
  background-repeat: repeat !important;
  background-position: top left !important;
  background-size: auto !important;
  background-attachment: fixed !important;
}

body,
body.profile-page {
  min-height: 100vh;

  background-color: transparent !important;
  background-image: none !important;

  color: var(--terminal-green) !important;
  font-family: 'VT323', monospace !important;
  font-size: 20px;

  text-shadow: 0 0 2px rgba(68, 255, 0, 0.3);
}


/* ==================================================
   4. FIXED MONITOR FRAME
   ================================================== */

html::after {
  content: "";
  position: fixed;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 100vh;

  background-image: var(--page-monitor-frame);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: var(--monitor-frame-size);

  pointer-events: none;
  z-index: 99999;
}


/* ==================================================
   5. POSITION CONTENT INSIDE MONITOR SCREEN
   ================================================== */

body,
body.profile-page {
  padding-top: var(--monitor-screen-top) !important;
  padding-right: var(--monitor-screen-right) !important;
  padding-bottom: var(--monitor-screen-bottom) !important;
  padding-left: var(--monitor-screen-left) !important;
}

.profile {
  position: relative !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--terminal-green) !important;
}


/* ==================================================
   6. NAVIGATION
   ================================================== */

header,
.myspace-header,
.myspace-header *,
.myspace-header .main-nav,
.myspace-header .main-nav ul,
.myspace-header .main-nav li,
nav,
nav ul,
nav li {
  background-color: #000000 !important;
  background-image: none !important;
}

.myspace-header,
.myspace-header .main-nav {
  border-color: var(--neon-purple) !important;
}

.myspace-header {
  border-bottom: 1px solid var(--neon-purple) !important;
}

.myspace-header .main-nav li a {
  color: var(--terminal-green) !important;
  font-family: 'Share Tech Mono', monospace !important;
  text-shadow: 0 0 5px var(--terminal-glow);
}

.myspace-header .main-nav li a:hover {
  color: var(--purple-bright) !important;
  background-color: var(--purple-dark) !important;
  text-shadow: 0 0 8px var(--neon-purple);
}



/* ==================================================
   7. INVISIBLE ORIGINAL BOXES
   Remove original frames, backgrounds and shadows.
   Preserve the existing box dimensions and layout.
   ================================================== */

.blurbs,
.module,
.profileInfo,
.table-section,
.section,
.friend-space,
.badges-section,
.url-info,
.contact,
.interests,
.friends,
.comments,
.comment-section,
#comments,
.profile-comments,
.mutual-friends,
.mutualFriends,
#mutual-friends,
#mutualFriends {
  position: relative !important;

  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  isolation: auto !important;
}

/* Remove backgrounds that would hide the custom images */

.blurbs table,
.module table,
.profileInfo table,
.table-section table,
.section table,
.friend-space table,
.badges-section table,
.url-info table,
.contact table,
.interests table,
.friends table,
.comments table,
.comment-section table,
#comments table,
.profile-comments table,
.blurbs td,
.module td,
.profileInfo td,
.table-section td,
.section td,
.friend-space td,
.badges-section td,
.url-info td,
.contact td,
.interests td,
.friends td,
.comments td,
.comment-section td,
#comments td,
.profile-comments td {
  background-color: transparent !important;
  background-image: none !important;
}

/* Remove the old decorative frame layers */

.blurbs::before,
.module::before,
.profileInfo::before,
.table-section::before,
.section::before,
.friend-space::before,
.badges-section::before,
.url-info::before,
.contact::before,
.interests::before,
.friends::before,
.comments::before,
.comment-section::before,
#comments::before,
.profile-comments::before,
.mutual-friends::before,
.mutualFriends::before,
#mutual-friends::before,
#mutualFriends::before,
.blurbs::after,
.module::after,
.profileInfo::after,
.table-section::after,
.section::after,
.friend-space::after,
.badges-section::after,
.url-info::after,
.contact::after,
.interests::after,
.friends::after,
.comments::after,
.comment-section::after,
#comments::after,
.profile-comments::after,
.mutual-friends::after,
.mutualFriends::after,
#mutual-friends::after,
#mutualFriends::after {
  content: none !important;
  display: none !important;
}


/* ==================================================
   8. TERMINAL TYPOGRAPHY
   ================================================== */

.profile,
.table-section,
.module,
.blurbs,
.section,
.profileInfo,
.friend-space,
.badges-section,
.url-info,
.contact,
.interests,
.friends,
.comments,
.comment-section,
#comments,
.profile-comments {
  color: var(--terminal-green) !important;
  font-family: 'VT323', monospace !important;
}


/* ==================================================
   9. BOX HEADERS
   No separate heading bars: text sits directly over
   the custom purple shape belonging to its container.
   ================================================== */

.table-section .heading,
.friends .heading,
.blurbs .heading,
.section .heading,
.module .heading,
.profileInfo .heading,
.contact .heading,
.interests .heading,
.comments .heading,
.comment-section .heading,
#comments .heading,
.profile-comments .heading,
.mutual-friends .heading,
.mutualFriends .heading,
#mutual-friends .heading,
#mutualFriends .heading {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: var(--terminal-bright) !important;
  font-family: 'Share Tech Mono', monospace !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;

  text-shadow:
    0 0 4px var(--terminal-green),
    0 0 8px var(--purple-glow) !important;
}

/* Some headings contain their own styled links or spans. */
.table-section .heading *,
.friends .heading *,
.blurbs .heading *,
.section .heading *,
.module .heading *,
.profileInfo .heading *,
.contact .heading *,
.interests .heading *,
.comments .heading *,
.comment-section .heading *,
#comments .heading *,
.profile-comments .heading * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}


/* ==================================================
   10. LINKS AND HOVER EFFECTS
   ================================================== */

a,
.profile a,
.table-section a,
.module a,
.blurbs a,
.friends a,
.contact a,
.interests a {
  color: var(--terminal-green) !important;
  text-decoration: none !important;

  transition:
    color 0.15s ease,
    text-shadow 0.15s ease;
}

a:hover,
.profile a:hover,
.table-section a:hover,
.module a:hover,
.blurbs a:hover,
.friends a:hover {
  color: var(--purple-bright) !important;

  text-shadow:
    0 0 4px var(--neon-purple),
    0 0 10px var(--purple-glow);
}





/* ==================================================
   11. CUSTOM BOX BACKGROUNDS
   Direct backgrounds: no pseudo-elements.
   ================================================== */

/* Shared image behavior */

.blurbs,
.module,
.profileInfo,
.table-section,
.section,
.friend-space,
.badges-section,
.url-info,
.contact,
.interests,
.friends,
.comments,
.comment-section,
#comments,
.profile-comments,
.mutual-friends,
.mutualFriends,
#mutual-friends,
#mutualFriends {
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* About / blurbs */

.blurbs {
  background-image: var(--box-blurbs) !important;
}

/* General modules */

.module {
  background-image: var(--box-module) !important;
}

/* Profile information */

.profileInfo {
  background-image: var(--box-profile-info) !important;
}

/* Table sections */

.table-section {
  background-image: var(--box-table-section) !important;
}

/* General sections */

.section {
  background-image: var(--box-section) !important;
}

/* Friend space */

.friend-space {
  background-image: var(--box-friend-space) !important;
}

/* Badges */

.badges-section {
  background-image: var(--box-badges) !important;
}

/* Profile URL */

.url-info {
  background-image: var(--box-url-info) !important;
}

/* Contact box */

.contact {
  background-image: var(--box-contact) !important;
}

/* Interests */

.interests {
  background-image: var(--box-interests) !important;
}

/* Friends */

.friends {
  background-image: var(--box-friends) !important;
}

/* Mutual friends */

.mutual-friends,
.mutualFriends,
#mutual-friends,
#mutualFriends {
  background-image: var(--box-mutual-friends) !important;
}

/* Comments */

.comments,
.comment-section,
#comments,
.profile-comments {
  background-image: var(--box-comments) !important;
}

/* Support sections whose actual wrapper is a table-section */

.table-section:has(.interests),
.table-section:has([class*="interest"]),
.table-section:has([id*="interest"]) {
  background-image: var(--box-interests) !important;
}

.table-section:has(.comments),
.table-section:has([class*="comment"]),
.table-section:has([id*="comment"]) {
  background-image: var(--box-comments) !important;
}

.table-section:has(.mutual-friends),
.table-section:has([class*="mutual"]),
.table-section:has([id*="mutual"]) {
  background-image: var(--box-mutual-friends) !important;
}



/* ==================================================
   12. FRIEND AVATAR FRAMES
   ================================================== */

.friends .item,
.friends .person,
.friends .friend,
.friends .friend-item,
.friends td,
.friends li {
  position: relative;
}

.friends img {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: 0 0 4px var(--terminal-glow);
}

.friends a:has(img) {
  position: relative;
  display: inline-block;
}

.friends a:has(img)::after {
  content: "";
  position: absolute;
  inset: 0;

  background-image: var(--friend-avatar-frame);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;

  pointer-events: none;
  z-index: 2;
}


/* ==================================================
   13. MAIN PROFILE AVATAR FRAME
   Original URL preserved
   ================================================== */

.profile-pic {
  position: relative !important;
  display: inline-block !important;
  isolation: isolate;
}

.profile-pic img {
  display: block !important;
  width: 100%;
  height: 100%;
  object-fit: cover;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.profile-pic::after {
  content: "";
  position: absolute;
  inset: 0;

  background-image: var(--main-avatar-frame);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;

  pointer-events: none;
  z-index: 2;

  filter: drop-shadow(0 0 5px var(--terminal-glow));
}


/* ==================================================
   14. FOOTER AND BOTTOM INFORMATION BAR
   ================================================== */

footer,
.footer,
#footer,
.site-footer,
.profile-footer,
.footer-info,
.site-info,
.copyright,
.powered-by,
.bottom-bar,
.bottom-info,
.footer-container,
footer *,
.footer *,
#footer *,
.site-footer *,
.profile-footer * {
  background-color: #000000 !important;
  color: var(--terminal-green) !important;
  border-color: var(--terminal-border) !important;
  font-family: 'VT323', monospace !important;
}

body > footer,
body > #footer,
body > .footer,
body > .site-footer,
.profile-page footer,
.profile-page #footer,
.profile-page .footer,
.profile-page .site-footer {
  background: #000000 !important;
  background-image: none !important;
  box-shadow: 0 -1px 0 var(--terminal-border) !important;
}

footer a,
.footer a,
#footer a,
.site-footer a,
.profile-footer a {
  color: var(--terminal-green) !important;
}

footer a:hover,
.footer a:hover,
#footer a:hover,
.site-footer a:hover {
  color: var(--purple-bright) !important;
  text-shadow: 0 0 6px var(--neon-purple);
}


/* ==================================================
   15. TABLES
   ================================================== */

table,
tbody,
thead,
tr,
td,
th {
  border-color: var(--terminal-border);
}

.profile table,
.profile tbody,
.profile thead,
.profile tr,
.profile td,
.profile th {
  background-color: transparent !important;
  color: var(--terminal-green) !important;
}


/* ==================================================
   16. SUBTLE TERMINAL EFFECTS
   ================================================== */

.profile,
.blurbs,
.module,
.profileInfo,
.table-section,
.section,
.contact,
.interests,
.friends,
.comments,
.comment-section,
#comments,
.profile-comments {
  text-shadow: 0 0 2px rgba(68, 255, 0, 0.2);
}

img {
  text-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: 1px solid var(--neon-purple) !important;
  box-shadow: 0 0 6px var(--purple-glow) !important;
}

::selection {
  background-color: var(--neon-purple);
  color: #ffffff;
}


/* ==================================================
   END OF FRIENDREWIND TERMINAL THEME
   ================================================== */


/* ==================================================
   17. FINAL CUSTOM-BOX FIXES
   Keep each custom image on its outer section only.
   Remove duplicate heading bars and the comments frame.
   ================================================== */

/* Transparent headings: the custom shape is the only box
   background, with heading text layered over it. */
.profile .heading,
.profile .heading *,
.profile .heading a {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Make inner tables and cells transparent so they cannot
   cover the custom background image on the outer wrapper. */
.profile .blurbs table,
.profile .module table,
.profile .profileInfo table,
.profile .table-section table,
.profile .section table,
.profile .friend-space table,
.profile .badges-section table,
.profile .url-info table,
.profile .contact table,
.profile .interests table,
.profile .friends table,
.profile .blurbs tbody,
.profile .module tbody,
.profile .profileInfo tbody,
.profile .table-section tbody,
.profile .section tbody,
.profile .friend-space tbody,
.profile .badges-section tbody,
.profile .url-info tbody,
.profile .contact tbody,
.profile .interests tbody,
.profile .friends tbody,
.profile .blurbs tr,
.profile .module tr,
.profile .profileInfo tr,
.profile .table-section tr,
.profile .section tr,
.profile .friend-space tr,
.profile .badges-section tr,
.profile .url-info tr,
.profile .contact tr,
.profile .interests tr,
.profile .friends tr,
.profile .blurbs td,
.profile .module td,
.profile .profileInfo td,
.profile .table-section td,
.profile .section td,
.profile .friend-space td,
.profile .badges-section td,
.profile .url-info td,
.profile .contact td,
.profile .interests td,
.profile .friends td {
  background-color: transparent !important;
  background-image: none !important;
}

/* Interests: apply its image to the likely outer wrapper,
   not to the inner table. */
.profile .interests,
.profile .table-section:has(.interests),
.profile .table-section:has([class*="interest"]),
.profile .table-section:has([id*="interest"]),
.profile .section:has(.interests),
.profile .module:has(.interests) {
  background-color: transparent !important;
  background-image: var(--box-interests) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border: none !important;
  box-shadow: none !important;
}

/* Mutual Friends: apply the shape to its outer section. */
.profile .table-section:has(.mutual-friends),
.profile .table-section:has(.mutualFriends),
.profile .table-section:has(#mutual-friends),
.profile .table-section:has(#mutualFriends),
.profile .table-section:has([class*="mutual"]),
.profile .table-section:has([id*="mutual"]) {
  background-color: transparent !important;
  background-image: var(--box-mutual-friends) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==================================================
   COMMENTS: CUSTOM PURPLE BOX
   Use one large custom shape behind the entire comments
   section. Inner tables/cells remain transparent.
   ================================================== */

.profile .comments,
.profile .comment-section,
.profile #comments,
.profile .profile-comments,
.profile .table-section:has(.comments),
.profile .table-section:has(.comment-section),
.profile .table-section:has(#comments),
.profile .table-section:has(.profile-comments),
.profile .table-section:has([class*="comment"]),
.profile .table-section:has([id*="comment"]) {
  background-color: transparent !important;
  background-image: var(--box-comments) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Make comment content transparent so the purple shape shows
   through, while preserving text, avatars, and controls. */
.profile .comments table,
.profile .comment-section table,
.profile #comments table,
.profile .profile-comments table,
.profile .comments tbody,
.profile .comment-section tbody,
.profile #comments tbody,
.profile .profile-comments tbody,
.profile .comments tr,
.profile .comment-section tr,
.profile #comments tr,
.profile .profile-comments tr,
.profile .comments td,
.profile .comment-section td,
.profile #comments td,
.profile .profile-comments td,
.profile .comments th,
.profile .comment-section th,
.profile #comments th,
.profile .profile-comments th {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Remove only duplicate decorative pseudo-elements from
   comments wrappers; the actual custom background remains. */
.profile .comments::before,
.profile .comments::after,
.profile .comment-section::before,
.profile .comment-section::after,
.profile #comments::before,
.profile #comments::after,
.profile .profile-comments::before,
.profile .profile-comments::after {
  content: none !important;
  display: none !important;
}


/* ==================================================
   PROFILE TUNES: CUSTOM PURPLE BOX
   Covers common music/tunes wrapper names and any
   table-section that contains a tunes/music player.
   ================================================== */

.profile .profile-tunes,
.profile #profile-tunes,
.profile .profileTunes,
.profile #profileTunes,
.profile .profile-music,
.profile #profile-music,
.profile .music-player,
.profile #music-player,
.profile .tunes,
.profile #tunes,
.profile .table-section:has([class*="tune"]),
.profile .table-section:has([id*="tune"]),
.profile .table-section:has([class*="music"]),
.profile .table-section:has([id*="music"]),
.profile .section:has([class*="tune"]),
.profile .section:has([id*="tune"]),
.profile .section:has([class*="music"]),
.profile .section:has([id*="music"]),
.profile .module:has([class*="tune"]),
.profile .module:has([id*="tune"]),
.profile .module:has([class*="music"]),
.profile .module:has([id*="music"]) {
  background-color: transparent !important;
  background-image: var(--box-profile-tunes) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Prevent the inner tunes/music table from covering its box. */
.profile .profile-tunes table,
.profile #profile-tunes table,
.profile .profileTunes table,
.profile #profileTunes table,
.profile .profile-music table,
.profile #profile-music table,
.profile .music-player table,
.profile #music-player table,
.profile .tunes table,
.profile #tunes table,
.profile .table-section:has([class*="tune"]) table,
.profile .table-section:has([id*="tune"]) table,
.profile .table-section:has([class*="music"]) table,
.profile .table-section:has([id*="music"]) table {
  background-color: transparent !important;
  background-image: none !important;
}

</style>
  
</style>