/* ------------- Variable Declarations ------------- */
html.modal-open {
  overflow: hidden;
}
html.modal-open #content_parent {
  height: 100vh;
  overflow: hidden;
}
html.modal-open .modal {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

body.modal-open {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: none;
  -webkit-overflow-scrolling: touch;
}
body.modal-open #content_parent {
  height: 100vh;
  overflow: hidden;
}
body.modal-open .modal {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.panel_content {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.generic_text_input {
  margin-top: 12px;
  width: 50%;
  height: auto;
  padding: 10px;
  font-size: 18px;
}

.generic_dropdown {
  width: auto;
  min-width: 120px;
  font-size: 21px;
  text-align: center;
  padding-left: 21px;
  padding-right: 21px;
  height: 42px;
  line-height: 42px;
}

/* .noselect prevents dragging / selecting text. */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.row {
  width: 100%;
  float: left;
  height: 80px;
  line-height: 80px;
  margin-bottom: 25px;
}
.row.half {
  width: 50%;
}
.row.checkbox_row .checkbox_container {
  width: 8%;
  min-width: 80px;
  height: 80px;
  max-height: 80px;
  float: left;
  display: flex;
  justify-content: center;
}
.row.checkbox_row .checkbox_container .checkbox {
  align-self: center;
  width: 40px;
  height: 40px;
  border: 1px solid black;
  border-radius: 4px;
  line-height: 36px;
  text-align: center;
  font-size: 32px;
  display: flex;
  justify-content: center;
}
.row.checkbox_row .checkbox_container .checkbox:hover {
  cursor: pointer;
}
.row.checkbox_row .checkbox_container .checkbox.checked .checkbox_x {
  opacity: 1;
}
.row.checkbox_row .checkbox_container .checkbox .checkbox_x {
  line-height: 36px;
  text-align: center;
  font-size: 32px;
  pointer-events: none;
  opacity: 0;
  transition: all 0.1s;
}
.row.checkbox_row .checkbox_label {
  float: left;
  width: 60%;
  padding-left: 4%;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
}
.row.generic_row .generic_label {
  float: left;
  width: 60%;
  padding-left: 4%;
  height: 80px;
  line-height: 80px;
  font-size: 20px;
}
.row.generic_row .input_container {
  float: left;
}
.row.generic_row .input_container input.generic_root_input {
  width: 200px;
  height: 40px;
  border: 1px solid black;
  border-radius: 4px;
  line-height: 36px;
  text-align: center;
  font-size: 32px;
}
.row.generic_row.centered_ui {
  display: flex;
  justify-content: center;
}
.row.generic_row.centered_ui .generic_label {
  align-self: center;
  width: auto;
  padding-right: 50px;
  line-height: 70px;
}
.row.generic_row.centered_ui .input_container {
  align-self: center;
}
.row.save_changes_container {
  position: fixed;
  left: 0px;
  bottom: 0px;
  background-color: #fff;
  width: 100vw;
  height: 80px;
  line-height: 80px;
  z-index: 15;
  margin-bottom: 0px;
  overflow: hidden;
  font-size: 20px;
  transition: all 0.3s;
  border-top: 18px solid #771100;
}
.row.save_changes_container.hidden {
  bottom: -100px;
}
.row.save_changes_container div {
  float: left;
}
.row.save_changes_container .save_changes_text {
  float: left;
  width: 60%;
  text-align: right;
  padding-right: 5%;
  opacity: 0;
  transition: all 0.3s;
  position: relative;
  font-size: 20px;
  height: 80px;
  line-height: 80px;
}
.row.save_changes_container .save_changes_text img.warning_icon {
  position: absolute;
  right: 245px;
  top: 21px;
  width: 35px;
  height: 35px;
}

.gallery_container {
  float: left;
  width: 100%;
  min-height: 300px;
  max-height: 400px;
  overflow-y: scroll;
  margin-bottom: 4%;
  padding: 2%;
  border-radius: 5px;
}
.gallery_container.image_folder {
  width: 95%;
  overflow-y: clip;
}
.gallery_container .item {
  float: left;
  width: 25%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  min-height: 180px;
  max-height: 180px;
  margin-bottom: 0px;
}
.gallery_container .item:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.gallery_container .item .item_content {
  align-self: center;
  background-size: cover;
  background-position: center;
  width: 85%;
  display: flex;
  justify-content: center;
  position: relative;
}
.gallery_container .item .item_content:hover {
  cursor: pointer;
}
.gallery_container .item .item_content:after {
  content: "";
  display: block;
  padding-bottom: 95%;
}
.gallery_container .item .item_content img {
  align-self: center;
  width: 70%;
  height: auto;
}
.gallery_container .item .item_content img.star {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  left: 10px;
  display: none;
  -webkit-filter: drop-shadow(3px 3px 2px rgba(100, 0, 0, 0.7));
  filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.7));
}
.gallery_container .item .item_content img.star.featured {
  display: block;
}
.gallery_container .item .item_content img.plus {
  width: 40%;
}
.gallery_container .item .image_folder {
  padding-top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  vertical-align: center;
  overflow: hidden;
  position: relative;
}
.gallery_container .item .image_folder i {
  color: white;
  font-size: 80px;
  overflow: hidden;
}
.gallery_container .item .image_folder .folder_title {
  position: absolute;
  top: 200px;
  color: white;
  font-size: 14px;
  overflow: hidden;
}

.gallery_container.roqbox_colors::-webkit-scrollbar {
  width: 12px;
  color: #fff;
  border-radius: 10px;
}

.gallery_container.roqbox_colors::-webkit-scrollbar-button {
  width: 12px;
  color: #fff;
}

.gallery_container.roqbox_colors::-webkit-scrollbar-track {
  background-color: #771100;
  border-radius: 10px;
}

.gallery_container.roqbox_colors::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
}

.gallery_container.roqbox_colors::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgb(255, 255, 255);
}

.gallery_container.roqbox_colors::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgb(255, 255, 255);
}

.comments_wrapper {
  margin-bottom: 15vh;
}

.generic_comment_container {
  width: 100%;
  float: left;
  overflow: hidden;
  max-height: 100px;
}
.generic_comment_container.left {
  width: 18%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  max-height: 100px;
}
.generic_comment_container.left .profile_image_container {
  align-self: center;
  margin-top: 15px;
  width: 50px;
  height: 50px;
  border: 3px solid #771100;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.generic_comment_container.left .profile_image_container a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 50px;
}
.generic_comment_container.left .username {
  margin-top: 6px;
  align-self: center;
  height: auto;
  font-size: 12px;
  line-height: 12px;
}
.generic_comment_container.left .username a {
  text-decoration: none;
  color: black;
}
.generic_comment_container.left .username a:hover {
  text-decoration: underline;
}
.generic_comment_container.right {
  width: 60%;
  line-height: 100px;
  color: #000;
  font-size: 18px;
  padding-left: 3%;
  overflow: hidden;
  max-height: 100px;
}
.generic_comment_container.right:hover {
  text-decoration: underline;
  cursor: pointer;
}

.content_profile.item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  padding-top: 25px;
  height: 182px;
  position: relative;
}
.content_profile.item .mini_profile {
  margin-top: 150px;
  width: auto;
  min-width: 80px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-self: center;
  overflow: hidden;
  height: 200px;
  max-height: 200px;
  min-height: 200px;
}
.content_profile.item .mini_profile a.mini_profile_image_wrapper_link {
  align-self: center;
  overflow: hidden;
  height: 90px;
  min-height: 90px;
}
.content_profile.item .mini_profile a.mini_profile_image_wrapper_link .profile_image_container {
  align-self: center;
  margin-top: 0px;
  width: 80px;
  height: 80px;
  min-height: 80px;
  border: 3px solid #771100;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
}
.content_profile.item .mini_profile a.mini_profile_image_wrapper_link .profile_image_container.no_profile_pic {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.content_profile.item .mini_profile a.mini_profile_image_wrapper_link .profile_image_container.no_profile_pic i {
  align-self: center;
  font-size: 2.5em;
  margin-top: 0.3em;
}
.content_profile.item .mini_profile:hover .username a.mini_profile_image_wrapper_link {
  text-decoration: underline;
}
.content_profile.item .mini_profile .username {
  margin-top: 6px;
  align-self: center;
  height: 150px;
  max-height: 150px;
  font-size: 16px;
  line-height: 18px;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  overflow: hidden;
}
.content_profile.item .mini_profile .username a {
  text-decoration: none;
  overflow: hidden;
  height: auto;
}
.content_profile.item .mini_profile .username a:hover {
  text-decoration: underline;
}

#footer {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
  height: 100px;
  padding-top: 20px;
  transition: all 0.7s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#footer .panel_content {
  padding-top: 20px;
  font-size: 16px;
}
#footer .panel_content .roqbox_icons_class {
  float: left;
  max-height: 60px;
  height: 60px;
  overflow: hidden;
  width: 7%;
  font-size: 50px;
  line-height: 41px;
  margin-top: 3px;
}
#footer .panel_content .roqbox_icons_class a {
  text-decoration: none;
}
#footer .panel_content .text {
  float: left;
  max-height: 60px;
  height: 60px;
  overflow: hidden;
  width: 5%;
  font-size: 16px;
  line-height: 60px;
}
#footer .panel_content .text a {
  text-decoration: none;
}
#footer .panel_content .text a:hover {
  text-decoration: underline;
}
#footer .panel_content .text.left {
  width: 10%;
}
#footer .panel_content .text.right {
  float: right;
  width: 7.77%;
}
#footer .panel_content .text.right.footer_login_link_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  transition: all 0.5s;
}
#footer .panel_content .text.right.footer_login_link_container #footer_login_link {
  display: block;
  transition: all 0.5s;
  width: auto;
}
#footer .panel_content .text.right.footer_login_link_container input {
  display: none;
  border-radius: 0px;
  font-size: 0.95rem;
  width: 0px;
  transition: all 0.5s;
}
#footer .panel_content .text.right.footer_login_link_container #footer_login_go {
  display: none;
  width: 0px;
  overflow: hidden;
  padding-left: 12px;
  padding-right: 12px;
  transition: all 0.5s;
  opacity: 0;
}

.full_connections_gallery .content_profile.item .mini_profile a.mini_profile_image_wrapper_link .profile_image_container.no_profile_pic i {
  font-size: 4.5em;
}

.image_prev_and_next_links {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.image_prev_and_next_links a.lil_button {
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  width: 40px;
  height: 32px;
  border-radius: 32px;
  padding-left: 28px;
  padding-right: 28px;
  font-weight: bold;
  transition: all 0.25s;
  text-decoration: none;
}
.image_prev_and_next_links a.lil_button:hover {
  cursor: pointer;
}

/* This is forcing a CSS repaint in
   /includes/rootv2/js/music.js in order to
   address a Brave browser rendering issue. */
.force-repaint {
  transform: scale(1.01); /* Or any non-intrusive change */
}

/*---------------------------------------------------
|  Media queries
*/
@media screen and (max-width: 900px) {
  #footer .panel_content .text.left {
    width: 20%;
    padding-left: 2%;
  }
  #footer .panel_content .text.right {
    width: 12%;
    text-align: right;
  }
}
@media screen and (max-width: 800px) {
  .gallery_container .item {
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0px;
    height: 180px;
  }
  .gallery_container .item .mini_profile {
    margin-top: 90%;
  }
}
@media screen and (max-width: 700px) {
  #footer .panel_content .text.left {
    width: 20%;
    margin-left: 5%;
  }
  #footer .panel_content .text.right {
    width: 12%;
    text-align: right;
    margin-left: 5%;
  }
}
/* ------------- Font Declarations ----------------- */
.font_helvetica {
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 200;
  letter-spacing: 0;
  white-space: nowrap;
}

.font_lato {
  font-family: sans-serif;
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  letter-spacing: 0;
}

.font_lato.body_text {
  font-family: sans-serif;
  font-size: 18px;
  line-height: 1.15;
  font-weight: 300;
  letter-spacing: normal;
}

.bold_text {
  font-weight: 600;
}

.monospace {
  font-family: monospace;
}

input.font_lato {
  font-size: 18px;
  border: 0px;
  border-radius: 5px;
}

@font-face {
  font-family: roqbox_icons;
  src: url("/includes/fonts/roqbox_icons.otf") format("opentype");
}
/* --------------------------
| roqbox custom font / icons
*/
.roqbox_icons_class {
  font-family: roqbox_icons;
}

#roqbox_logo_container,
.roqbox_logo_container {
  position: fixed;
  width: 51px;
  height: 70px;
  left: 7px;
  z-index: 1000;
  overflow: hidden;
  top: 6px;
}
#roqbox_logo_container #roqbox_logo,
#roqbox_logo_container .roqbox_logo,
.roqbox_logo_container #roqbox_logo,
.roqbox_logo_container .roqbox_logo {
  font-family: roqbox_icons;
  font-size: 120px;
  position: absolute;
  top: -60px;
  opacity: 0.9;
  text-decoration: none;
  transition: color 0.2s;
}
#roqbox_logo_container #roqbox_logo:hover,
#roqbox_logo_container .roqbox_logo:hover,
.roqbox_logo_container #roqbox_logo:hover,
.roqbox_logo_container .roqbox_logo:hover {
  opacity: 0.75;
}
#roqbox_logo_container #roqbox_logo a,
#roqbox_logo_container .roqbox_logo a,
.roqbox_logo_container #roqbox_logo a,
.roqbox_logo_container .roqbox_logo a {
  position: absolute;
  top: 0px;
  font-family: roqbox_icons;
  font-size: 120px;
  opacity: 0.9;
  text-decoration: none;
  transition: all 0.2s;
}
#roqbox_logo_container #roqbox_logo a:hover,
#roqbox_logo_container .roqbox_logo a:hover,
.roqbox_logo_container #roqbox_logo a:hover,
.roqbox_logo_container .roqbox_logo a:hover {
  opacity: 0.75;
}

/* ------------- Modal ----------------------------- */
.generic_center_white_text {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 25px;
}

.universal_buttons_container {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  float: left;
}
.universal_buttons_container .generic_button {
  width: 90px;
  max-width: 90px;
  align-self: center;
  line-height: 40px;
  font-weight: 500;
}
.universal_buttons_container .trash_button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0210a;
}
.universal_buttons_container .trash_button img {
  align-self: center;
  width: 22px;
  height: 22px;
}
.universal_buttons_container .trash_button:hover {
  background-color: #ec7b6e;
}

.modal {
  position: fixed;
  left: 5vw;
  top: 60px;
  width: 88vw;
  height: 80vh;
  z-index: 10;
  background-color: #771100;
  pointer-events: all;
  opacity: 1;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: all 0.15s;
  box-shadow: 0px 0px 25px -10px #000000;
  /* -------------------------------------------------------*/
  /* -------------------------------------------------------*/
  /* -------------------------------------------------------*/
}
.modal.closed {
  opacity: 0;
  pointer-events: none;
}
.modal .modal_component {
  margin-top: 60px;
}
.modal .modal_component.content_modal_view_image {
  /*
  .sdfpanel_content {
  	overflow: initial;
  }
  */
}
.modal .modal_component.content_modal_view_image .image_container {
  width: 100%;
  max-height: 500px;
  height: auto;
  display: flex;
  justify-content: center;
  margin-top: 92px;
}
.modal .modal_component.content_modal_view_image .image_container .image_link_wrapper {
  align-self: center;
  max-height: 500px;
  max-width: 100%;
}
.modal .modal_component.content_modal_view_image .image_container .image_link_wrapper a {
  height: auto;
  width: auto;
  max-width: 100%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.modal .modal_component.content_modal_view_image .image_container .image_link_wrapper a img {
  align-self: center;
  height: auto;
  width: auto;
  max-width: 90%;
  max-height: 500px;
}
.modal .modal_component.content_modal_view_image, .modal .modal_component.content_modal_image_gallery {
  margin-top: 0px;
  padding-bottom: 56px;
}
.modal .modal_component.content_modal_view_image .path_bar, .modal .modal_component.content_modal_image_gallery .path_bar {
  font-size: 16px;
  line-height: 56px;
  padding-left: 56px;
  /*padding-left: 5%;*/
  margin-top: 7px;
  margin-bottom: 7px;
}
.modal .modal_component.content_modal_view_image .caption_container, .modal .modal_component.content_modal_image_gallery .caption_container {
  overflow: hidden;
  width: 60%;
  float: left;
  margin-left: 20%;
  margin-right: 20%;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  margin-top: 37px;
  margin-bottom: 37px;
}
.modal .modal_component.content_modal_view_image .gallery_container, .modal .modal_component.content_modal_image_gallery .gallery_container {
  padding: 0%;
  padding-top: 20px;
  padding-bottom: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25%, 0.33fr));
  grid-gap: 20px;
  align-items: stretch;
  /*
  float: left;
  width: 96%;
  min-height: 300px;
  height: auto;
  max-height: 500px;
  overflow-y: inherit;
  margin-bottom: 0%;
  border-radius: 0px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25%, 0.33fr));
   	grid-gap: 2px;
   	align-items: stretch;
   	*/
}
.modal .modal_component.content_modal_view_image .gallery_container .item, .modal .modal_component.content_modal_image_gallery .gallery_container .item {
  width: 100%;
  height: auto;
  min-height: none;
  max-height: none;
  margin-bottom: 0px;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
}
.modal .modal_component.content_modal_view_image .gallery_container .item .item_content, .modal .modal_component.content_modal_image_gallery .gallery_container .item .item_content {
  align-self: center;
  background-size: cover;
  background-position: center;
  width: 90%;
  display: flex;
  justify-content: center;
  position: relative;
}
.modal .modal_component.content_modal_view_image .gallery_container .item .item_content:hover, .modal .modal_component.content_modal_image_gallery .gallery_container .item .item_content:hover {
  cursor: pointer;
}
.modal .modal_component.content_modal_view_image .gallery_container .item .item_content img, .modal .modal_component.content_modal_image_gallery .gallery_container .item .item_content img {
  align-self: center;
  width: 70%;
  height: auto;
}
.modal .modal_component.content_modal_view_image .gallery_container .item .item_content img.star, .modal .modal_component.content_modal_image_gallery .gallery_container .item .item_content img.star {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  left: 10px;
  display: none;
  -webkit-filter: drop-shadow(3px 3px 2px rgba(100, 0, 0, 0.7));
  filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.7));
}
.modal .modal_component.content_modal_view_image .gallery_container .item .item_content img.star.featured, .modal .modal_component.content_modal_image_gallery .gallery_container .item .item_content img.star.featured {
  display: block;
}
.modal .modal_component.content_modal_view_image .gallery_container .item .item_content img.plus, .modal .modal_component.content_modal_image_gallery .gallery_container .item .item_content img.plus {
  width: 40%;
}
.modal .modal_component.content_modal_view_image .gallery_container {
  padding: 1%;
}
.modal .modal_component.content_modal_image_gallery .path_bar {
  margin-bottom: 0px;
}
.modal .modal_component.content_modal_image_gallery .gallery_container {
  padding: 0%;
  padding-top: 0px;
}
.modal .modal_component.image_upload_controls {
  margin-top: 95px;
}
.modal .modal_component.music_upload_controls {
  margin-top: 55px;
}
.modal .modal_component.delete_roqbox_account .font_lato {
  color: #fff;
  font-size: 18px;
  padding-left: 20%;
  padding-right: 20%;
  text-align: center;
  margin-bottom: 20px;
}
.modal .modal_component.delete_roqbox_account .font_lato.title {
  font-size: 32px;
  font-weight: 500;
}
.modal .modal_component.delete_roqbox_account .buttons_container {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.modal .modal_component.delete_roqbox_account .buttons_container .individual_button_container {
  width: 220px;
  max-width: 220px;
  align-self: center;
}
.modal .modal_component.delete_roqbox_account .buttons_container .individual_button_container .generic_button {
  width: 90px;
  max-width: 90px;
  align-self: center;
  line-height: 40px;
  font-weight: 500;
}
.modal .modal_component.root_image_upload_controls {
  margin-top: 0px;
  overflow: auto;
}
.modal .modal_component.root_image_upload_controls .path_bar {
  color: white;
  font-size: 24px;
  padding-left: 56px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.modal .modal_component.root_image_upload_controls .path_bar a {
  color: white;
  text-decoration: none;
}
.modal .modal_component.root_image_upload_controls .path_bar a:hover {
  text-decoration: underline;
}
.modal .modal_component.root_image_upload_controls .profile_single_image_error_message {
  text-align: center;
  color: white;
  font-size: 16px;
}
.modal .modal_component.root_image_upload_controls .upload_image_stage_1 {
  display: block;
  pointer-events: all;
}
.modal .modal_component.root_image_upload_controls .upload_image_stage_1.hidden {
  display: none;
  pointer-events: none;
}
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .row,
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .caption_textarea_wrapper,
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .buttons_container,
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .font_lato {
  align-self: center;
  text-align: center;
}
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .row .label,
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .caption_textarea_wrapper .label,
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .buttons_container .label,
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .font_lato .label {
  color: white;
  font-size: 16px;
}
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .caption_textarea_wrapper textarea {
  margin-top: 15px;
  margin-bottom: 50px;
  width: 52%;
}
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .buttons_container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.modal .modal_component.root_image_upload_controls #create_folder_target .create_folder_container .buttons_container .create_folder_button {
  font-size: 20px;
  line-height: 40px;
  font-weight: 500;
}
.modal .modal_component.root_view_image_folder .title_container {
  width: 91%;
  margin-left: 4%;
}
.modal .modal_component.root_view_image_folder .title_container .label {
  color: #fff;
  font-size: 18px;
  margin-bottom: 2px;
}
.modal .modal_component.root_view_image_folder .title_container input {
  width: 100%;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 4px;
  line-height: 36px;
  font-size: 32px;
  margin-bottom: 14px;
}
.modal .modal_component.root_view_image_folder .title_container textarea {
  width: 100%;
  height: 75px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 4px;
  margin-bottom: 0px;
  white-space: pre-wrap;
  overflow-y: scroll;
  resize: none;
  font-size: 14px;
}
.modal .modal_component.root_view_music #root_view_music_content_target textarea#root_view_music_lyrics {
  width: 60%;
  height: 250px;
  overflow-y: scroll;
  text-align: center;
  font-size: 16px;
}
.modal .upload_image_stage_2 {
  display: block;
  pointer-events: all;
}
.modal .upload_image_stage_2 .profile_image_preview {
  width: 100%;
  float: left;
  height: 250px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.modal .upload_image_stage_2 .profile_single_image_error_message {
  text-align: center;
  color: white;
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 16px;
  height: auto;
  width: 100%;
  float: left;
}
.modal .upload_image_stage_2.hidden {
  display: none;
  pointer-events: none;
}
.modal .upload_image_stage_2 #upload_image_form .select_file_button_container {
  width: 100%;
  height: auto;
  float: left;
  display: flex;
  justify-content: center;
}
.modal .upload_image_stage_2 #upload_image_form .select_file_button_container .generic_button {
  height: 24px;
  line-height: 24px;
  width: auto;
  max-width: 50%;
  align-self: center;
}
.modal .upload_image_stage_2 #upload_image_form .shortname_container {
  margin-bottom: 50px;
  height: auto;
  padding-bottom: 21px;
}
.modal .upload_image_stage_2 #upload_image_form .caption_label {
  margin-bottom: 0px;
}
.modal .upload_image_stage_2 #upload_image_form .caption_textarea_wrapper {
  margin-bottom: 32px;
}
.modal .upload_image_stage_2 #upload_image_form .bottom_margin {
  margin-bottom: 32px;
}
.modal .upload_image_stage_2 #upload_image_form .row.checkbox_row {
  width: 100%;
  float: left;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.modal .upload_image_stage_2 #upload_image_form .row.checkbox_row .checkbox_label {
  color: white;
  width: auto;
}
.modal .upload_image_stage_2 #upload_image_form .row.checkbox_row .checkbox_container {
  align-self: center;
}
.modal .upload_image_stage_2 #upload_image_form .row.checkbox_row .checkbox_container .checkbox {
  border-color: white;
}
.modal .upload_image_stage_2 #upload_image_form .row.checkbox_row .checkbox_container .checkbox .checkbox_x {
  color: white;
}
.modal .view_image,
.modal .root_view_image,
.modal #view_image_modal_component {
  display: none;
  padding-bottom: 50px;
  overflow: auto;
}
.modal .view_image .comment_section.panel_content.render_in_modal,
.modal .root_view_image .comment_section.panel_content.render_in_modal,
.modal #view_image_modal_component .comment_section.panel_content.render_in_modal {
  overflow: initial;
  padding-left: 10%;
  padding-right: 10%;
}
@media screen and (max-width: 650px) {
  .modal .view_image .comment_section.panel_content.render_in_modal,
  .modal .root_view_image .comment_section.panel_content.render_in_modal,
  .modal #view_image_modal_component .comment_section.panel_content.render_in_modal {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.modal .view_image .image_deleted_message,
.modal .root_view_image .image_deleted_message,
.modal #view_image_modal_component .image_deleted_message {
  display: none;
  color: #fff;
  width: 100%;
  height: 100px;
  font-size: 24px;
  text-align: center;
}
.modal .view_image .view_image_option,
.modal .root_view_image .view_image_option,
.modal #view_image_modal_component .view_image_option {
  width: 100%;
  float: left;
  min-height: 70px;
  color: #fff;
}
.modal .view_image .view_image_option._1,
.modal .root_view_image .view_image_option._1,
.modal #view_image_modal_component .view_image_option._1 {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.modal .view_image .view_image_option.image_container,
.modal .root_view_image .view_image_option.image_container,
.modal #view_image_modal_component .view_image_option.image_container {
  margin-left: 25%;
  margin-right: 25%;
  width: 50%;
  height: 300px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 50%;
  margin-bottom: 3%;
}
.modal .view_image .view_image_option.caption,
.modal .root_view_image .view_image_option.caption,
.modal #view_image_modal_component .view_image_option.caption {
  text-align: center;
  font-size: 16px;
}
.modal .view_image .view_image_option.comments_container,
.modal .root_view_image .view_image_option.comments_container,
.modal #view_image_modal_component .view_image_option.comments_container {
  text-align: center;
  font-size: 16px;
}
.modal .view_image .view_image_option.caption_label,
.modal .root_view_image .view_image_option.caption_label,
.modal #view_image_modal_component .view_image_option.caption_label {
  min-height: 0px;
  margin-bottom: 0px;
  height: auto;
  padding-bottom: 0px;
}
.modal .view_image .caption_textarea_wrapper,
.modal .root_view_image .caption_textarea_wrapper,
.modal #view_image_modal_component .caption_textarea_wrapper {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.modal .view_image .caption_textarea_wrapper .caption_textarea,
.modal .root_view_image .caption_textarea_wrapper .caption_textarea,
.modal #view_image_modal_component .caption_textarea_wrapper .caption_textarea {
  align-self: center;
  margin-top: 25px;
  height: 125px;
  margin-bottom: 0px;
  white-space: pre-wrap;
  overflow-y: scroll;
  resize: none;
}
.modal .view_image .buttons_container,
.modal .root_view_image .buttons_container,
.modal #view_image_modal_component .buttons_container {
  float: left;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
}
.modal .view_image .buttons_container .generic_button,
.modal .root_view_image .buttons_container .generic_button,
.modal #view_image_modal_component .buttons_container .generic_button {
  align-self: center;
  font-size: 20px;
  line-height: 41px;
}
.modal .view_image .buttons_container .image_delete_button,
.modal .root_view_image .buttons_container .image_delete_button,
.modal #view_image_modal_component .buttons_container .image_delete_button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0210a;
}
.modal .view_image .buttons_container .image_delete_button:hover,
.modal .root_view_image .buttons_container .image_delete_button:hover,
.modal #view_image_modal_component .buttons_container .image_delete_button:hover {
  background-color: #ec7b6e;
}
.modal .view_image .buttons_container .image_delete_button img,
.modal .root_view_image .buttons_container .image_delete_button img,
.modal #view_image_modal_component .buttons_container .image_delete_button img {
  align-self: center;
  width: 22px;
  height: 22px;
}
.modal .view_image .row.set_profile_pic_checkbox_and_label,
.modal .root_view_image .row.set_profile_pic_checkbox_and_label,
.modal #view_image_modal_component .row.set_profile_pic_checkbox_and_label {
  display: flex;
  justify-content: center;
}
.modal .view_image .row.set_profile_pic_checkbox_and_label .checkbox_container,
.modal .root_view_image .row.set_profile_pic_checkbox_and_label .checkbox_container,
.modal #view_image_modal_component .row.set_profile_pic_checkbox_and_label .checkbox_container {
  align-self: center;
}
.modal .view_image .row.set_profile_pic_checkbox_and_label .checkbox_container .checkbox,
.modal .root_view_image .row.set_profile_pic_checkbox_and_label .checkbox_container .checkbox,
.modal #view_image_modal_component .row.set_profile_pic_checkbox_and_label .checkbox_container .checkbox {
  border: 1px solid white;
  color: #fff;
}
.modal .view_image .row.set_profile_pic_checkbox_and_label .checkbox_label,
.modal .root_view_image .row.set_profile_pic_checkbox_and_label .checkbox_label,
.modal #view_image_modal_component .row.set_profile_pic_checkbox_and_label .checkbox_label {
  width: auto;
  align-self: center;
  padding-left: 1%;
  color: #fff;
  margin-right: 25px;
}
.modal .music_upload_controls {
  margin-bottom: 160px;
}
.modal .image_upload_controls,
.modal .music_upload_controls {
  display: none;
}
.modal .image_upload_controls .profile_image_preview,
.modal .image_upload_controls .music_cover_preview,
.modal .music_upload_controls .profile_image_preview,
.modal .music_upload_controls .music_cover_preview {
  float: left;
  width: 30%;
  margin-left: 35%;
  margin-right: 35%;
  margin-bottom: 4%;
  height: 300px;
  border: 5px solid #fff;
  background-size: cover;
  background-position: center;
}
.modal .image_upload_controls .profile_image_preview:after,
.modal .image_upload_controls .music_cover_preview:after,
.modal .music_upload_controls .profile_image_preview:after,
.modal .music_upload_controls .music_cover_preview:after {
  content: "";
  display: none;
  background-color: #777;
  padding-bottom: 100%;
}
.modal .image_upload_controls .profile_single_image_error_message,
.modal .image_upload_controls .music_upload_ui_message,
.modal .image_upload_controls .generic_center_white_text,
.modal .music_upload_controls .profile_single_image_error_message,
.modal .music_upload_controls .music_upload_ui_message,
.modal .music_upload_controls .generic_center_white_text {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 25px;
  height: 25px;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
}
.modal .image_upload_controls #upload_image_form,
.modal .image_upload_controls #upload_music_form,
.modal .music_upload_controls #upload_image_form,
.modal .music_upload_controls #upload_music_form {
  width: 100%;
  text-align: center;
  color: #fff;
}
.modal .image_upload_controls #upload_image_form .music_to_upload_wrapper,
.modal .image_upload_controls #upload_music_form .music_to_upload_wrapper,
.modal .music_upload_controls #upload_image_form .music_to_upload_wrapper,
.modal .music_upload_controls #upload_music_form .music_to_upload_wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal .image_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper,
.modal .image_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper,
.modal .music_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper,
.modal .music_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.modal .image_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper input#music_to_upload,
.modal .image_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper input#music_to_upload,
.modal .music_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper input#music_to_upload,
.modal .music_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper input#music_to_upload {
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  font-size: 90px;
  pointer-events: none;
  display: none;
}
.modal .image_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button,
.modal .image_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button,
.modal .music_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button,
.modal .music_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button {
  align-self: center;
  background-color: #11a26a;
  color: #fff;
  text-decoration: none;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 22px;
  padding-bottom: 22px;
  border-radius: 64px;
  font-size: 30px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: auto;
  height: 28px;
  margin-top: 0px;
  margin-bottom: 28px;
  transition: all 0.3s;
  min-width: 120px;
  width: auto;
}
.modal .image_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button:hover,
.modal .image_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button:hover,
.modal .music_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button:hover,
.modal .music_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button:hover {
  cursor: pointer;
  background-color: #41d29a;
}
.modal .image_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button.saved,
.modal .image_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button.saved,
.modal .music_upload_controls #upload_image_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button.saved,
.modal .music_upload_controls #upload_music_form .music_to_upload_wrapper .music_to_upload_button_wrapper .music_to_upload_button.saved {
  background-color: #3a0172;
}
.modal .message_details,
.modal .content_send_message,
.modal .content_connect_with_user {
  margin-top: 30px;
  display: none;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  pointer-events: none;
  opacity: 0;
}
.modal .message_details.message_open,
.modal .content_send_message.message_open,
.modal .content_connect_with_user.message_open {
  pointer-events: all;
  opacity: 1;
}
.modal .message_details.message_open .buttons_container,
.modal .content_send_message.message_open .buttons_container,
.modal .content_connect_with_user.message_open .buttons_container {
  pointer-events: all;
  opacity: 1;
}
.modal .message_details .top,
.modal .content_send_message .top,
.modal .content_connect_with_user .top {
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s;
}
.modal .message_details .top .left .profile_image_container,
.modal .content_send_message .top .left .profile_image_container,
.modal .content_connect_with_user .top .left .profile_image_container {
  border-radius: 3px;
}
.modal .message_details .top .left .profile_image_container.no_profile_pic,
.modal .content_send_message .top .left .profile_image_container.no_profile_pic,
.modal .content_connect_with_user .top .left .profile_image_container.no_profile_pic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .message_details .top .left .profile_image_container.no_profile_pic i,
.modal .content_send_message .top .left .profile_image_container.no_profile_pic i,
.modal .content_connect_with_user .top .left .profile_image_container.no_profile_pic i {
  font-size: 3em;
  margin-top: 0.25em;
}
.modal .message_details .top .left .username,
.modal .content_send_message .top .left .username,
.modal .content_connect_with_user .top .left .username {
  color: #fff;
}
.modal .message_details .top .left .username a,
.modal .content_send_message .top .left .username a,
.modal .content_connect_with_user .top .left .username a {
  color: #fff;
}
.modal .message_details .top .right,
.modal .content_send_message .top .right,
.modal .content_connect_with_user .top .right {
  color: #fff;
  font-size: 18px;
  line-height: 85px;
  font-weight: 500;
}
.modal .message_details .top .right:hover,
.modal .content_send_message .top .right:hover,
.modal .content_connect_with_user .top .right:hover {
  text-decoration: none;
  cursor: initial;
}
.modal .message_details .top.message_deleted,
.modal .content_send_message .top.message_deleted,
.modal .content_connect_with_user .top.message_deleted {
  opacity: 0;
  pointer-events: none;
}
.modal .message_details .message_text_container,
.modal .content_send_message .message_text_container,
.modal .content_connect_with_user .message_text_container {
  width: 95%;
  float: left;
  background-color: white;
  color: black;
  padding: 18px;
  font-size: 16px;
  margin-top: 40px;
  transition: all 0.3s;
  pointer-events: all;
  white-space: pre-wrap;
  height: 30vh;
  overflow-y: scroll;
}
.modal .message_details .message_text_container.message_deleted,
.modal .content_send_message .message_text_container.message_deleted,
.modal .content_connect_with_user .message_text_container.message_deleted {
  background-color: #771100;
  color: white;
}
@media screen and (max-width: 600px) {
  .modal .message_details .message_text_container,
  .modal .content_send_message .message_text_container,
  .modal .content_connect_with_user .message_text_container {
    width: 87%;
  }
}
.modal .message_details .buttons_container,
.modal .content_send_message .buttons_container,
.modal .content_connect_with_user .buttons_container {
  width: 95%;
  float: left;
  padding: 18px;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  flex-direction: row;
  opacity: 0;
  pointer-events: none;
}
.modal .message_details .buttons_container .generic_button,
.modal .content_send_message .buttons_container .generic_button,
.modal .content_connect_with_user .buttons_container .generic_button {
  margin-left: 100px;
  margin-right: 100px;
  align-self: center;
  min-width: 43px;
  width: auto;
  max-width: 15%;
  font-size: 20px;
  line-height: 41px;
  opacity: 1;
  pointer-events: all;
  display: block;
}
@media screen and (max-width: 750px) {
  .modal .message_details .buttons_container .generic_button,
  .modal .content_send_message .buttons_container .generic_button,
  .modal .content_connect_with_user .buttons_container .generic_button {
    margin-left: 5%;
    margin-right: 5%;
  }
}
.modal .message_details .buttons_container.message_deleted,
.modal .content_send_message .buttons_container.message_deleted,
.modal .content_connect_with_user .buttons_container.message_deleted {
  opacity: 0;
  pointer-events: none;
}
.modal .message_details .buttons_container.hidden,
.modal .content_send_message .buttons_container.hidden,
.modal .content_connect_with_user .buttons_container.hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.modal .message_details .buttons_container.hidden .generic_button,
.modal .content_send_message .buttons_container.hidden .generic_button,
.modal .content_connect_with_user .buttons_container.hidden .generic_button {
  opacity: 0;
  pointer-events: none;
  display: none;
}
.modal .message_details .message_textarea,
.modal .content_send_message .message_textarea,
.modal .content_connect_with_user .message_textarea {
  display: none;
}
.modal .content_send_message .message_textarea,
.modal .content_connect_with_user .message_textarea {
  display: none;
  pointer-events: none;
}
.modal .content_send_message.message_open .message_textarea,
.modal .content_connect_with_user.message_open .message_textarea {
  display: block;
  pointer-events: all;
}
.modal .content_send_message .compose_message_status,
.modal .content_connect_with_user .compose_message_status {
  width: 100%;
  height: 300px;
  text-align: center;
  font-size: 22px;
  pointer-events: none;
  display: none;
  opacity: 0;
  transition: all 0.3s;
}
.modal .content_connect_with_user .connection_request_hero {
  width: 100%;
  float: left;
  height: 150px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.modal .content_connect_with_user .connection_request_hero .profile_image {
  align-self: center;
  width: 85px;
  height: 85px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  overflow: hidden;
}
.modal .content_connect_with_user .connection_request_hero .profile_image.no_profile_pic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .content_connect_with_user .connection_request_hero .profile_image.no_profile_pic i {
  font-size: 4.75em;
  margin-top: 0.25em;
}
.modal .content_connect_with_user .connect_with_user_status {
  color: white;
  text-align: center;
}
.modal .content_connect_with_user .connect_with_user_status a {
  pointer-events: all;
}
.modal .content_connect_with_user .message_textarea {
  width: 60%;
  margin-left: 15%;
  margin-right: 15%;
  height: 70px;
}
.modal #modal_target {
  padding-top: 65px;
  padding-left: 5vw;
  padding-right: 5vw;
}
.modal #modal_target h1 {
  font-weight: bold;
  font-size: 26px;
}
.modal #modal_target h2 {
  font-weight: bold;
}

.modal::-webkit-scrollbar {
  width: 12px;
  color: #fff;
}

.modal::-webkit-scrollbar-button {
  width: 12px;
  color: #fff;
}

.modal::-webkit-scrollbar-track {
  background-color: #771100;
}

.modal::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
}

.modal::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgb(255, 255, 255);
}

.modal::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgb(255, 255, 255);
}

.black_modal_backdrop {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 9;
  background-color: #000;
  opacity: 1;
  pointer-events: all;
  overflow: hidden;
  transition: all 0.15s;
}
.black_modal_backdrop:hover {
  cursor: pointer;
}
.black_modal_backdrop.closed {
  opacity: 0;
  pointer-events: none;
}

.modal_x {
  position: fixed;
  right: 18px;
  top: 10px;
  width: 35px;
  height: 35px;
  opacity: 0.85;
  pointer-events: all;
  z-index: 11;
  transition: all 0.15s;
  color: red;
  font-size: 56px;
}
.modal_x:hover {
  cursor: pointer;
  opacity: 1;
}
.modal_x.closed {
  opacity: 0;
  pointer-events: none;
}
.modal_x.closed.hover {
  opacity: 0;
}

.modal_input_label {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 25px;
  height: 25px;
}

@media screen and (max-width: 700px) {
  .modal {
    left: 0vw;
    top: 0px;
    width: 100vw;
    height: 100vh;
    padding-bottom: 0px;
    margin-bottom: 0px;
    z-index: 10;
  }
  .modal .message_details {
    padding-top: 40px;
  }
  .modal .message_details .message_text_container {
    width: 80vw;
  }
}
@media screen and (max-width: 500px) {
  .modal .message_details {
    margin-left: 0;
    margin-right: 0;
  }
  .modal .message_details .generic_comment_container.top {
    width: 80%;
    margin-left: 7.77%;
  }
  .modal .message_details .generic_comment_container.left {
    width: 25%;
  }
  .modal .message_details .message_text_container {
    width: 85%;
    margin-left: 7.77%;
    padding-left: 10px;
  }
  .modal .message_details .buttons_container {
    flex-direction: column;
  }
}
.crunkstons_gallery_container {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 20px;
  padding-bottom: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25%, 0.33fr));
  grid-gap: 20px;
  align-items: stretch;
}
.crunkstons_gallery_container .item {
  width: 100%;
  padding-top: 100%;
  max-width: 100%;
  background-size: cover;
  background-position: center;
}
.crunkstons_gallery_container .item:hover {
  cursor: pointer;
}

#content_parent.images .panel_content.comment_section {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 700px;
}

/* ------------- Components ------------------------ */
.generic_button {
  background-color: #11a26a;
  color: #fff;
  text-decoration: none;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 28px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: auto;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 20px;
  transition: all 0.3s;
  min-width: 43px;
  width: auto;
  max-width: 15%;
  font-size: 20px;
  line-height: 41px;
}
.generic_button:hover {
  cursor: pointer;
  background-color: #41d29a;
}
.generic_button.saved {
  background-color: #3a0172;
}

.large_button_container {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}
.large_button_container .large_button {
  align-self: center;
  background-color: #11a26a;
  color: #fff;
  text-decoration: none;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 41px;
  padding-bottom: 41px;
  border-radius: 64px;
  font-size: 41px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: auto;
  height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: all 0.3s;
  min-width: 120px;
  width: auto;
}
.large_button_container .large_button:hover {
  cursor: pointer;
  background-color: #41d29a;
}
.large_button_container .large_button.saved {
  background-color: #3a0172;
}

.row.save_changes_container .save_changes_button {
  min-width: 43px;
  width: auto;
  max-width: 15%;
  float: right;
  margin-right: 10%;
  opacity: 0;
  transition: all 0.3s;
  font-size: 20px;
  line-height: 41px;
  position: relative;
}
.row.save_changes_container .save_changes_button img.loading_spinner {
  position: absolute;
  right: 30px;
  top: 11px;
  width: 35px;
  height: 35px;
  opacity: 1;
  transition: all 0.3s;
  pointer-events: none;
}
.row.save_changes_container .save_changes_button.grayed {
  background-color: #555;
  pointer-events: none;
}
.row.save_changes_container .save_changes_button.grayed img.loading_spinner {
  opacity: 1;
  pointer-events: none;
}
.row.save_changes_container .save_changes_button.grayed:hover {
  cursor: auto;
}

.small_button,
.noaction_small_button {
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  width: 40px;
  height: 32px;
  border-radius: 32px;
  padding-left: 28px;
  padding-right: 28px;
  font-weight: bold;
  transition: all 0.25s;
}
.small_button:hover,
.noaction_small_button:hover {
  cursor: pointer;
}

.comment_section {
  margin-bottom: 100px;
}

.comment {
  height: auto;
  font-size: 16px;
  line-height: 40px;
  margin-bottom: 41px;
  transition: all 0.5s linear;
  opacity: 1;
}
.comment .top {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.comment .middle {
  width: 100%;
  margin-bottom: 12px;
}
.comment .middle p {
  line-height: 24px;
}
.comment .bottom {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  position: relative;
}
.comment .bottom a {
  text-decoration: none;
}
.comment .bottom a.date:hover {
  text-decoration: underline;
}
.comment .bottom a.comments {
  position: absolute;
  right: 0px;
}
.comment .bottom a.comments i {
  margin-left: 10px;
}

.profile_pic {
  display: block;
  width: 35px;
  height: 35px;
  border: 3px solid;
  border-radius: 3px;
  margin-right: 18px;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
}
.profile_pic i {
  align-self: center;
  font-size: 32px;
  margin-top: 6px;
}

.display_name {
  text-decoration: none;
  font-weight: bold;
  line-height: 43px;
}

a.display_name:hover {
  text-decoration: underline;
}

.delete_controls {
  margin-right: 19px;
}
.delete_controls i.fas.fa-trash-can {
  line-height: 38px;
}
.delete_controls i.fas.fa-trash-can:hover {
  cursor: pointer;
}

.comment_box {
  width: 100%;
  margin-bottom: 72px;
}
.comment_box textarea {
  width: 98%;
  height: 141px;
  border-radius: 3px;
  margin-bottom: 7px;
  font-size: 16px;
}
.comment_box .post_bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.comment_box .post_bar .post_as {
  display: flex;
  flex-direction: row;
  justify-content: left;
  font-size: 16px;
  line-height: 32px;
}
.comment_box .post_bar .post_as input {
  height: 31px;
  line-height: 32px;
  font-size: 16px;
  margin-left: 7px;
  border: none;
}
@media screen and (max-width: 600px) {
  .comment_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .comment_box textarea {
    width: 85%;
  }
  .comment_box .post_bar {
    width: 90%;
  }
  .comment_box .post_bar .post_as {
    font-size: 12px;
  }
  .comment_box .post_bar .post_as input {
    width: 50%;
    font-size: 12px;
  }
  .comment_box .post_bar .small_button {
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 4px;
  }
}

.panel_content.static_post {
  padding-top: 32px;
}
@media screen and (max-width: 650px) {
  .panel_content.static_post {
    padding-top: 10px;
  }
}

/*---------------------------------------------------
|  Media queries
*/
/* ------------- Static / Direct Content ----------- */
.static_path_bar {
  font-size: 16px;
  line-height: 56px;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 38px;
  position: absolute;
  top: 0px;
}
@media screen and (max-width: 700px) {
  .static_path_bar {
    display: block;
    margin-left: 60px;
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
  }
}
@media screen and (min-width: 700px) {
  .static_path_bar {
    padding-top: 0px;
    margin-top: 0px;
  }
}
.static_path_bar.static_post {
  height: 56px;
  margin-top: 0px;
  margin-left: 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1178px) {
  .static_path_bar.static_post {
    margin-left: 0px;
  }
}
@media screen and (max-width: 700px) {
  .static_path_bar.static_post {
    display: block;
    margin-left: 41px;
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
  }
}

.static_image_gallery {
  padding-top: 20px;
  padding-bottom: 56px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(25%, 0.33fr));
  grid-gap: 20px;
  align-items: stretch;
}
.static_image_gallery .item {
  width: 100%;
  padding-top: 100%;
  max-width: 100%;
  background-size: cover;
  background-position: center;
}

#content_parent .image_container.added_static_styling {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  margin-bottom: 20px;
  overflow-x: hidden;
  max-width: 100vw;
  height: auto;
}
#content_parent .image_container.added_static_styling .image_link_wrapper {
  width: 90vw;
  display: flex;
  justify-content: center;
  align-self: center;
}
#content_parent .image_container.added_static_styling .image_link_wrapper a {
  display: flex;
  justify-content: center;
  max-width: 100%;
  align-self: center;
  height: auto;
}
#content_parent .image_container.added_static_styling .image_link_wrapper a img {
  width: 90%;
  max-width: 70vw;
  height: auto;
  align-self: center;
}
@media screen and (max-width: 600px) {
  #content_parent .image_container.added_static_styling .image_link_wrapper a img {
    max-width: 90vw;
  }
}
#content_parent .caption_container.added_static_styling {
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 700px) {
  body .static_path_bar {
    margin-left: 40px;
  }
}
@media screen and (max-width: 970px) {
  body .render_music_details .static_path_bar {
    margin-left: 60px;
  }
}

@media screen and (max-width: 700px) {
  body.modal-open .static_path_bar {
    margin-left: 60px;
  }
}

.music_details_play_button_container {
  margin-top: 10vh;
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.music_details_play_button_container .play_button.track_details_play_button {
  align-self: center;
  text-align: center;
  text-decoration: none;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 21px;
  padding-bottom: 21px;
  border-radius: 64px;
  font-size: 32px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: auto;
  height: 28px;
  transition: all 0.3s;
  min-width: 120px;
  width: auto;
}
.music_details_play_button_container .play_button.track_details_play_button:hover {
  cursor: pointer;
}
.music_details_play_button_container .play_button.track_details_play_button i {
  font-size: 24px;
  margin-right: 10px;
}

.page_listing {
  border: 1px solid black;
}

#music_player_timeline_container {
  width: 100%;
  height: 60px;
  position: fixed;
  left: 0px;
  bottom: 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 123;
  transition: all 0.7s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#music_player_timeline_container.hidden {
  bottom: -61px;
}
#music_player_timeline_container #audioplayer_playbutton {
  width: 7vw;
  line-height: 60px;
  text-align: center;
}
@media screen and (max-width: 700px) {
  #music_player_timeline_container #audioplayer_playbutton {
    width: 11vw;
  }
}
#music_player_timeline_container #volumecontrol {
  width: 7vw;
  line-height: 60px;
  text-align: center;
}
#music_player_timeline_container #audioplayer {
  width: 70vw;
  height: 60px;
  margin: 0px auto auto auto;
}
@media screen and (max-width: 700px) {
  #music_player_timeline_container #audioplayer {
    width: 65vw;
  }
}
#music_player_timeline_container #audioplayer .music_player_track_details_row {
  overflow: hidden;
  float: left;
  max-height: 24px;
}
#music_player_timeline_container #audioplayer #timeline {
  width: 100%;
  height: 20px;
  margin-top: 0px;
  float: left;
  border-radius: 4px;
}
@media screen and (max-width: 700px) {
  #music_player_timeline_container #audioplayer #timeline {
    width: 97%;
  }
}
#music_player_timeline_container #audioplayer #timeline #playhead {
  width: 18px;
  height: 18px;
  border-radius: 25%;
  margin-top: 1px;
}
#music_player_timeline_container #audioplayer #timeline #playhead:hover {
  cursor: pointer;
}
#music_player_timeline_container #audioplayer .font_lato {
  float: left;
}
#music_player_timeline_container #timeleft {
  text-align: center;
  width: 5vw;
  height: 60px;
  margin: 0px;
  line-height: 60px;
}
@media screen and (max-width: 700px) {
  #music_player_timeline_container #timeleft {
    width: 8vw;
  }
}
#music_player_timeline_container #timetotal {
  text-align: center;
  width: 5vw;
  height: 60px;
  margin: 0px;
  line-height: 60px;
  padding-right: 2vw;
}
@media screen and (max-width: 700px) {
  #music_player_timeline_container #timetotal {
    padding-right: 6vw;
  }
}
#music_player_timeline_container .font_lato {
  font-size: 14px;
}

.lyrics {
  margin-bottom: 64px;
}

/* ------------- Pages ----------------------------- */
body#create-account,
body#login {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100vw;
  min-height: 100vh;
  max-height: 100vh;
  padding-bottom: 0px;
  overflow: hidden;
}
body#create-account#create-account,
body#login#create-account {
  background-image: url("/includes/images/create_account_background_7.jpg");
}
body#create-account#login,
body#login#login {
  background-image: url("/includes/images/create_account_background_5.jpg");
}
body#create-account .container,
body#login .container {
  opacity: 0;
  transition: all 0.6s;
  width: 100%;
}
body#create-account .container .large_text,
body#login .container .large_text {
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 54px;
  font-weight: lighter;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  text-shadow: -2 1px 1px rgba(0, 0, 0, 0.5);
  text-align: center;
  margin-top: 85px;
  margin-bottom: 14px;
  width: 100%;
  float: left;
}
body#create-account .container .medium_text,
body#login .container .medium_text {
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  line-height: 1;
  letter-spacing: 1;
  white-space: nowrap;
  text-shadow: -2 1px 1px rgba(0, 0, 0, 0.3);
  text-align: center;
}
body#create-account .container .user_input,
body#login .container .user_input {
  width: 45%;
  font-weight: bold;
  line-height: 30px;
  background: 0;
  margin: 0 auto;
  display: block;
  border: 0;
  border-bottom: 3px solid #fff;
  border-bottom-width: 2px;
  color: #fff;
  outline: none;
  text-align: center;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: baseline;
  -webkit-appearance: textfield;
  padding: 1px;
  font-size: 30px;
}
body#create-account .container #userheader,
body#login .container #userheader {
  background-color: #ffff00;
}
body#create-account .container .text_button,
body#login .container .text_button {
  background: none !important;
  border: none;
  padding: 0 !important;
  border-bottom: 0px solid #444;
  cursor: pointer;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  color: #fff;
  line-height: 40px;
  letter-spacing: 1;
  white-space: nowrap;
  text-shadow: -2 1px 1px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
body#create-account .container .text_button:hover,
body#login .container .text_button:hover {
  text-decoration: underline;
}
body#create-account .container #error_text,
body#login .container #error_text {
  float: left;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}
body#create-account .container #new_user_form #new_user_password,
body#login .container #new_user_form #new_user_password {
  margin-bottom: 50px;
}
body#create-account .container #login_message,
body#login .container #login_message {
  width: 100%;
  float: left;
  overflow: hidden;
  font-size: 12px;
  white-space: pre-wrap;
}

/*---------------------------------------------------
|  Media queries
*/
@media screen and (max-width: 700px) {
  body#create-account,
  body#login {
    background-image: url("/includes/images/create_account_background_7.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
  body#create-account .container,
  body#login .container {
    opacity: 0;
    transition: all 0.6s;
  }
  body#create-account .container .large_text,
  body#login .container .large_text {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: lighter;
    color: #fff;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
    text-shadow: -2 1px 1px rgba(0, 0, 0, 0.5);
    text-align: center;
    margin-top: 65px;
    margin-bottom: 14px;
  }
  body#create-account .container .medium_text,
  body#login .container .medium_text {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    line-height: 1;
    letter-spacing: 1;
    white-space: nowrap;
    text-shadow: -2 1px 1px rgba(0, 0, 0, 0.3);
    text-align: center;
  }
  body#create-account .container .user_input,
  body#login .container .user_input {
    width: 65%;
    font-weight: bold;
    line-height: 30px;
    background: 0;
    margin: 0 auto;
    display: block;
    border: 0;
    border-bottom: 3px solid #fff;
    border-bottom-width: 2px;
    color: #fff;
    outline: none;
    text-align: center;
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    vertical-align: baseline;
    -webkit-appearance: textfield;
    padding: 1px;
    font-size: 30px;
  }
  body#create-account .container #userheader,
  body#login .container #userheader {
    background-color: #ffff00;
  }
  body#create-account .container .text_button,
  body#login .container .text_button {
    background: none !important;
    border: none;
    padding: 0 !important;
    border-bottom: 0px solid #444;
    cursor: pointer;
    font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    line-height: 22px;
    letter-spacing: 1;
    white-space: nowrap;
    text-shadow: -2 1px 1px rgba(0, 0, 0, 0.3);
    text-decoration: none;
  }
  body#create-account .container .text_button:hover,
  body#login .container .text_button:hover {
    text-decoration: underline;
  }
  body#create-account .container #error_text,
  body#login .container #error_text {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
  }
  body#create-account .container #new_user_form #new_user_password,
  body#login .container #new_user_form #new_user_password {
    margin-bottom: 20px;
  }
}
body.root_body::-webkit-scrollbar {
  width: 12px;
  color: #fff;
}

.modal::-webkit-scrollbar {
  width: 12px;
  color: #fff;
}

body.root_body::-webkit-scrollbar-track {
  background-color: #771100;
}

.modal::-webkit-scrollbar-track {
  background-color: #771100;
}

body.root_body::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.777);
  border-radius: 10px;
}

.modal::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.777);
  border-radius: 10px;
}

body.root_body::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #fff;
  cursor: pointer;
}

.modal::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #fff;
  cursor: pointer;
}

#root_parent {
  width: auto;
  padding-left: 56px;
  padding-right: 56px;
  padding-bottom: 5%;
  background-color: #771100;
}
#root_parent .roqbox_logo_container {
  height: 53px;
  left: 4px;
}
#root_parent .roqbox_logo_container .roqbox_logo {
  color: #fff;
  opacity: 1;
  top: -42px;
}
#root_parent .roqbox_logo_container .roqbox_logo a {
  color: #fff;
  opacity: 1;
  font-size: 100px;
  line-height: 100px;
}
#root_parent .breadcrumb_container {
  width: 100%;
  padding-left: 1%;
  float: left;
  height: 65px;
  color: white;
  font-size: 22px;
  display: flex;
  justify-content: left;
}
#root_parent .breadcrumb_container .arrow_divider {
  opacity: 0.25;
  padding-left: 1vw;
  padding-right: 1vw;
  line-height: 64px;
}
#root_parent .breadcrumb_container .profile_image_breadcrumb {
  display: flex;
  justify-content: center;
}
#root_parent .breadcrumb_container .profile_image_breadcrumb a {
  align-self: center;
  width: 30px;
  height: 30px;
  border: 2px solid white;
  border-radius: 2px;
  background-position: center;
  background-size: cover;
}
#root_parent .breadcrumb_container a {
  color: white;
  text-decoration: none;
  line-height: 64px;
}
#root_parent .breadcrumb_container a.username {
  margin-left: 1vw;
}
#root_parent .breadcrumb_container a:hover {
  text-decoration: underline;
}
#root_parent .root_hero {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#root_parent .root_hero .image {
  margin-top: 22px;
  align-self: center;
  width: 200px;
  height: 200px;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  border: 3px solid white;
}
#root_parent .root_hero .title {
  align-self: center;
  text-align: center;
  margin-top: 22px;
}
#root_parent .root_hero .title h1 {
  font-size: 24px;
  color: #fff;
  text-align: center;
}
#root_parent > .option_container ~ .option_container {
  background-color: #fff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
#root_parent .option_container {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #fff;
  width: 100%;
  height: 100px;
  max-height: 100px;
  overflow: hidden;
  transition: all 0.3s;
}
#root_parent .option_container.expanded {
  max-height: 1000px;
  height: auto;
}
#root_parent .option_container.logout {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#root_parent .option_container.logout a {
  color: #000;
  text-decoration: none;
}
#root_parent .option_container.logout a:hover {
  text-decoration: underline;
}
#root_parent .option_container .error_text {
  width: 100%;
  float: left;
  text-align: center;
}
#root_parent .option_container .option_container_title_bar {
  width: 100%;
  height: 100px;
  max-height: 100px;
  overflow: hidden;
}
#root_parent .option_container .option_container_title_bar:hover {
  cursor: pointer;
}
#root_parent .option_container .option_container_title_bar .option_container_title {
  float: left;
  width: 75%;
  height: 100px;
  max-height: 100px;
  line-height: 100px;
  padding-left: 5%;
}
#root_parent .option_container .option_container_title_bar .option_container_title h1 {
  color: #000;
  font-size: 32px;
  line-height: 100px;
}
#root_parent .option_container .option_container_title_bar .option_container_title_arrows {
  float: left;
  width: 20%;
  height: 100px;
  display: flex;
  justify-content: center;
}
#root_parent .option_container .option_container_title_bar .option_container_title_arrows:hover {
  cursor: pointer;
}
#root_parent .option_container .option_container_title_bar .option_container_title_arrows .arrow {
  align-self: center;
  width: 40px;
}
#root_parent .option_container .option_container_title_bar .option_container_title_arrows .arrow.hidden {
  display: none;
}
#root_parent .option_container .option_container_title_bar .option_container_title_arrows .arrow:hover {
  cursor: pointer;
}
#root_parent .option_container[option-value=display_name] .option_container_content {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
}
#root_parent .option_container[option-value=display_name] .option_container_content .row .generic_label.font_lato {
  font-size: 18px;
  line-height: 68px;
}
#root_parent .option_container[option-value=display_name] .option_container_content .row .input_container input#display_name_input {
  width: 420px;
}
@media screen and (max-width: 800px) {
  #root_parent .option_container[option-value=display_name] .option_container_content .row .input_container input#display_name_input {
    width: 90%;
  }
}
#root_parent .option_container[option-value=appearance] .option_container_content .row .color_preview {
  width: 60px;
  height: 41px;
  margin-left: 20px;
  margin-top: 13px;
  border: 1px solid black;
  border-radius: 4px;
}
#root_parent .option_container[option-value=appearance] .option_container_content .row .color_preview:hover {
  cursor: pointer;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container {
  float: left;
  width: 100%;
  max-height: 100px;
  background-color: #fff;
  margin-bottom: 3px;
  padding-bottom: 14px;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container.read {
  background-color: #c4c4c4;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container .column {
  float: left;
  overflow: hidden;
  max-height: 100px;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container .column.left {
  width: 18%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  max-height: 100px;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container .column.left .profile_image_container {
  align-self: center;
  margin-top: 15px;
  width: 50px;
  height: 50px;
  border: 3px solid #771100;
  background-position: center;
  background-size: cover;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container .column.left .username {
  margin-top: 6px;
  align-self: center;
  height: auto;
  font-size: 12px;
  line-height: 12px;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container .column.left .username a {
  text-decoration: none;
  color: black;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container .column.left .username a:hover {
  text-decoration: underline;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container .column.right {
  width: 60%;
  line-height: 22px;
  color: #000;
  font-size: 18px;
  padding-left: 3%;
  overflow: hidden;
  max-height: 100px;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container .column.right .timestamp {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 1px;
}
#root_parent .option_container[option-value=messages] .option_container_content .gallery_container .single_message_container .column.right:hover {
  text-decoration: underline;
  cursor: pointer;
}
#root_parent .option_container[option-value=settings] .option_container_content .generic_row.password_error_notification_row {
  height: auto;
  overflow: hidden;
}
#root_parent .option_container[option-value=settings] .option_container_content .generic_row .password_change_error_message {
  width: 100%;
  float: left;
  text-align: center;
}
#root_parent .option_container[option-value=settings] .option_container_content .generic_row .generic_label.font_lato {
  width: 20%;
  float: left;
  max-height: 80px;
  line-height: 20px;
  display: flex;
  justify-content: center;
}
#root_parent .option_container[option-value=settings] .option_container_content .generic_row .generic_label.font_lato div {
  align-self: center;
}
#root_parent .option_container[option-value=settings] .option_container_content .generic_row .generic_label.font_lato.password_change_error_message {
  width: 100%;
  max-height: 25px;
}
#root_parent .option_container[option-value=settings] .option_container_content .generic_row .input_container {
  width: 80%;
  float: left;
  margin-top: 7px;
}
#root_parent .option_container[option-value=settings] .option_container_content .generic_row .input_container input {
  width: 80%;
}
#root_parent .option_container[option-value=settings] .option_container_content .settings_button_container {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
#root_parent .option_container[option-value=settings] .option_container_content .settings_button_container .generic_button {
  align-self: center;
  text-align: center;
}
#root_parent .option_container .option_container_content {
  float: left;
  width: 80%;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 24px;
  height: auto;
}
#root_parent .option_container .option_container_content #bio_textarea {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
  height: 200px;
  margin-bottom: 35px;
  white-space: pre-wrap;
  overflow-y: scroll;
  resize: none;
}
#root_parent .gallery_container {
  background-color: #771100;
}

.connections_root_gallery {
  width: 94%;
  margin-left: 3%;
  min-height: 180px;
  margin-top: 0px;
  padding: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow-y: scroll;
}
.connections_root_gallery .connection_flex_wrapper {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container {
  align-self: center;
  position: relative;
  float: left;
  width: 90%;
  margin-left: 2%;
  height: 200px;
  min-height: 200px;
  margin-bottom: 5px;
  background-color: white;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container.bottom_spacer {
  opacity: 0;
  height: 100px;
  min-height: 100px;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .connection_rank_container {
  margin-top: 17px;
  float: left;
  height: 100px;
  display: flex;
  justify-content: center;
  width: 5%;
  margin-left: 12%;
  overflow: hidden;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .connection_rank_container span.rank {
  align-self: center;
  font-size: 18px;
  font-weight: 600;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .connection_profile_image_container {
  margin-top: 17px;
  float: left;
  height: 100px;
  display: flex;
  justify-content: center;
  width: 15%;
  overflow: hidden;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .connection_profile_image_container a .connection_profile_image {
  background-size: cover;
  background-position: center;
  width: 50px;
  height: 50px;
  border: 3px solid black;
  align-self: center;
  margin-top: 21px;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .connection_display_name_container {
  margin-top: 17px;
  float: left;
  height: 100px;
  display: flex;
  justify-content: center;
  width: 60%;
  overflow: hidden;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .connection_display_name_container a.display_name {
  width: 100%;
  font-size: 22px;
  line-height: 24px;
  align-self: center;
  text-decoration: none;
  text-align: left;
  color: black;
  font-weight: 500;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .connection_display_name_container a.display_name:hover {
  text-decoration: underline;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .connection_following_container {
  position: absolute;
  height: 50px;
  display: flex;
  justify-content: center;
  width: 20%;
  left: 15%;
  bottom: 15px;
  overflow: hidden;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .connection_following_container .following_button {
  height: 50px;
  width: auto;
  background-color: #6a11a2;
  border-radius: 24px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 50px;
  color: white;
  font-weight: 300;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: #11a26a;
  color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
  transition: all 0.29s;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button .roqbox_icons_class {
  align-self: center;
  font-size: 41px;
  line-height: 10px;
  width: 20px;
  height: 20px;
  overflow: hidden;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button:hover {
  cursor: pointer;
  background-color: #6a11a2;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button.trash {
  bottom: 15px;
  left: 15px;
  background-color: #f0210a;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button.trash .roqbox_icons_class {
  width: 35px;
  height: 35px;
  font-size: 56px;
  padding-top: 12px;
  padding-left: 0px;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button.top {
  top: 15px;
  left: 15px;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button.top .roqbox_icons_class {
  padding-bottom: 6px;
  padding-left: 2px;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button.top .top_text {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  text-align: center;
  align-self: center;
  height: 12px;
  overflow: hidden;
  padding-left: 0px;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button.up {
  top: 15px;
  right: 15px;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button.up .roqbox_icons_class {
  padding-bottom: 8px;
  padding-left: 3px;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button.down {
  bottom: 15px;
  right: 15px;
}
.connections_root_gallery .connection_flex_wrapper .root_connection_container .root_connection_button.down .roqbox_icons_class {
  padding-bottom: 2px;
  padding-left: 3px;
}

.caption_textarea_wrapper {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
}
.caption_textarea_wrapper .caption_textarea {
  align-self: center;
  margin-top: 25px;
  height: 125px;
  margin-bottom: 0px;
  white-space: pre-wrap;
  overflow-y: scroll;
  resize: none;
}

@media screen and (max-width: 800px) {
  .row {
    line-height: 24px;
    height: auto;
  }
  .row.half {
    width: 90%;
  }
  #root_parent {
    padding-left: 12px;
    padding-right: 8px;
  }
  #root_parent .option_container .option_container_content {
    width: 92%;
    padding-left: 2%;
    padding-right: 2%;
  }
  #root_parent .option_container .option_container_content .centered_ui {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #root_parent .option_container .option_container_content .row .generic_label.font_lato {
    font-size: 18px;
    line-height: 24px;
  }
  #root_parent .generic_label {
    width: 90%;
  }
  #root_parent .input_container {
    width: 90%;
  }
  #root_parent .input_container select {
    width: 100%;
    height: 40px;
    font-size: 16px;
  }
  #root_parent .input_container input.generic_root_input {
    width: 90%;
  }
  input.generic_root_input {
    width: 90%;
  }
}
a.refresh_modal {
  text-decoration: none;
}
a.refresh_modal:hover {
  text-decoration: underline;
}

.play_button:hover {
  cursor: pointer;
}

#content_parent {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  margin-top: 56px;
}
#content_parent .roqbox_logo_container {
  height: 53;
  left: 4px;
}
#content_parent .roqbox_logo_container .roqbox_logo {
  opacity: 1;
  top: -42px;
  z-index: 2;
}
#content_parent .roqbox_logo_container .roqbox_logo a {
  opacity: 1;
  font-size: 100px;
  line-height: 100px;
}
#content_parent .roqbox_logo_container .logo_background_brick {
  position: absolute;
  width: 25px;
  height: 28px;
  opacity: 0;
  left: 10px;
  top: 10px;
  z-index: 1;
  transition: all 0.3s;
}
#content_parent .action_link_container {
  overflow: hidden;
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
#content_parent .action_link_container .action_link {
  align-self: center;
  float: left;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 35px;
  width: 130px;
  height: 50px;
  line-height: 50px;
  padding-left: 15%;
  padding-right: 15%;
  margin-bottom: 22px;
  transition: all 0.3s;
  /*
  .roqbox_icons_class {
  	font-size: 70px;
  	height: 70px;
  	width: 50px;
  	margin-top: 0px;
  	float: left;
  	overflow: hidden;
  	pointer-events: none;
  } // .roqbox_icons_class
  .message {
  	float: left;
  	width: 85px;
  	height: 50px;
  	margin-right: 60px;
  	margin-top: 33px;
  	font-size: 32px;
   			font-weight: 500;
   			pointer-events: none;
  } // .message
  */
}
#content_parent .action_link_container .action_link:hover {
  cursor: pointer;
}
#content_parent .action_link_container .action_link .message {
  margin-left: 16px;
  font-size: 24px;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  #content_parent .action_link_container .action_link {
    padding-left: 7%;
    padding-right: 7%;
  }
}
#content_parent .action_link_container.social_icons {
  gap: 1.45vw;
}
@media screen and (max-width: 800px) {
  #content_parent .action_link_container.social_icons {
    gap: 3vw;
  }
}
#content_parent .action_link_container.social_icons a.social_link {
  font-size: 2.25em;
  text-decoration: none;
}
#content_parent .hero_image {
  width: 100%;
  height: 320px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  #content_parent .hero_image {
    height: 35vh;
  }
}
#content_parent .hero_image .image {
  display: block;
  width: 100%;
  height: 320px;
  background-size: cover;
  background-position: center;
  transition: all 0s linear;
  z-index: 2;
  opacity: 1;
}
#content_parent .hero_image .box_shadow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 320px;
  display: block;
  z-index: 3;
  box-shadow: rgba(0, 0, 0, 0.47) 0px -57px 36px -46px inset;
}
#content_parent .main_column {
  float: left;
  display: block;
}
#content_parent .main_column.hero_present {
  z-index: 3;
  margin-top: 200px;
}
@media screen and (max-width: 750px) {
  #content_parent .main_column.hero_present {
    margin-top: 10vh;
  }
}
#content_parent .main_column.left {
  width: 30%;
  margin-right: 5%;
  position: relative;
}
#content_parent .main_column.left .profile_image_container {
  margin-top: 0px;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 25px;
}
#content_parent .main_column.left .profile_image_container .image {
  align-self: center;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  /*
  // Looks like this happens in globals.scss
  //
  */
}
#content_parent .main_column.left .profile_image_container .image.cursor_pointer:hover {
  cursor: pointer;
}
#content_parent .main_column.left .profile_image_container .image.no_profile_pic {
  display: flex;
  align-items: center;
  justify-content: center;
}
#content_parent .main_column.left .profile_image_container .image.no_profile_pic i {
  align-self: center;
  font-size: 34vw;
  margin-top: 20%;
}
@media screen and (min-width: 800px) and (max-width: 1100px) {
  #content_parent .main_column.left .profile_image_container .image.no_profile_pic i {
    font-size: 23vw;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  #content_parent .main_column.left .profile_image_container .image.no_profile_pic i {
    font-size: 25vw;
  }
}
@media screen and (min-width: 1200px) {
  #content_parent .main_column.left .profile_image_container .image.no_profile_pic i {
    font-size: 280px;
  }
}
#content_parent .main_column.left .plus_icon {
  position: absolute;
  top: 302px;
  right: -11px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
#content_parent .main_column.left .plus_icon.show_plus_circle {
  display: block;
}
#content_parent .main_column.left .plus_icon i {
  align-self: center;
  font-size: 25px;
}
@media screen and (min-width: 1100px) and (max-width: 1178px) {
  #content_parent .main_column.left .plus_icon {
    top: 25.5vw;
  }
}
@media screen and (min-width: 950px) and (max-width: 1100px) {
  #content_parent .main_column.left .plus_icon {
    top: 23.9vw;
    right: -1vw;
  }
}
@media screen and (min-width: 800px) and (max-width: 950px) {
  #content_parent .main_column.left .plus_icon {
    top: 23.6vw;
    right: -1.1vw;
  }
}
@media screen and (min-width: 750px) and (max-width: 800px) {
  #content_parent .main_column.left .plus_icon {
    top: 34vw;
    right: 20.2vw;
  }
}
@media screen and (min-width: 700px) and (max-width: 750px) {
  #content_parent .main_column.left .plus_icon {
    top: 34vw;
    right: 20vw;
  }
}
@media screen and (min-width: 600px) and (max-width: 700px) {
  #content_parent .main_column.left .plus_icon {
    top: 33.75vw;
    right: 24.65vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 600px) {
  #content_parent .main_column.left .plus_icon {
    top: 33.75vw;
    right: 24vw;
  }
}
@media screen and (max-width: 500px) {
  #content_parent .main_column.left .plus_icon {
    top: 33.25vw;
    right: 23.5vw;
  }
}
#content_parent .main_column.left .username {
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 25px;
}
#content_parent .main_column.right {
  width: 65%;
}
#content_parent .main_column.right.hero_present {
  padding-top: 120px;
}
@media screen and (max-width: 800px) {
  #content_parent .main_column.right.hero_present {
    padding-top: 10px;
    margin-top: 0px;
  }
}
#content_parent .main_column.right .profile_component {
  float: left;
  width: 100%;
  margin-bottom: 64px;
}
#content_parent .main_column.right .profile_component.blog {
  margin-bottom: 50px;
}
#content_parent .main_column.right .blogposts_header {
  margin-bottom: 30px;
}
#content_parent .main_column.right .blogposts_header a {
  text-decoration: none;
}
#content_parent .main_column.right .blogposts_header a:hover {
  text-decoration: underline;
}
#content_parent .main_column.right .blog_entry {
  width: 100%;
  margin-bottom: 25px;
}
#content_parent .main_column.right .blog_entry a {
  text-decoration: none;
}
#content_parent .main_column.right .blog_entry a:hover {
  text-decoration: underline;
}
#content_parent .main_column.right .blog_entry a h2 {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 4px;
}
#content_parent .main_column.right .blog_entry a p {
  font-size: 14px;
  line-height: 14px;
}
#content_parent .main_column.right #connections_container {
  overflow: hidden;
}
#content_parent .main_column.right #connections_container .gallery_container {
  height: auto;
  overflow: hidden;
  max-height: initial;
  min-height: 0px;
}
#content_parent .main_column.right #connections_container .item_content[content-type=connections] {
  text-decoration: none;
}
#content_parent .main_column.right #connections_container .item_content[content-type=connections]:hover {
  text-decoration: underline;
}
#content_parent .main_column.right #connections_container.profile_component {
  margin-bottom: 0px;
}
#content_parent .main_column.right .music_library_container {
  width: 100%;
  margin-bottom: 22px;
}
#content_parent .main_column.right .music_library_container .individual_track_container {
  height: 100px;
  float: left;
  width: 100%;
}
#content_parent .main_column.right .music_library_container .individual_track_container .play_button {
  width: 60px;
  height: 60px;
  padding: 0px;
  text-align: center;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  line-height: 60px;
  float: left;
  margin-right: 22px;
}
@media screen and (max-width: 800px) {
  #content_parent .main_column.right .music_library_container .individual_track_container .play_button {
    margin-right: 0px;
  }
}
#content_parent .main_column.right .music_library_container .individual_track_container .play_button:hover {
  cursor: pointer;
}
#content_parent .main_column.right .music_library_container .individual_track_container .info_container {
  float: left;
  width: 70%;
}
#content_parent .main_column.right .music_library_container .individual_track_container .info_container .left {
  float: left;
  padding-top: 13px;
  max-width: 85%;
}
#content_parent .main_column.right .music_library_container .individual_track_container .info_container .left .title {
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 2px;
  text-decoration: none;
}
#content_parent .main_column.right .music_library_container .individual_track_container .info_container .left .title:hover {
  text-decoration: underline;
  cursor: pointer;
}
#content_parent .main_column.right .music_library_container .individual_track_container .info_container .left .artist {
  float: left;
  width: 100%;
  font-size: 14px;
}
#content_parent .main_column.right .music_library_container .individual_track_container .info_container .right {
  float: right;
  width: auto;
  font-size: 14px;
  line-height: 16px;
  padding-top: 16px;
  text-align: right;
}

/*---------------------------------------------------*/
@media screen and (max-width: 1100px) {
  #content_parent {
    width: 85%;
    padding-left: 56px;
    padding-right: 56px;
  }
}
@media screen and (max-width: 800px) {
  #content_parent {
    width: 80%;
    padding-left: 56px;
    padding-right: 56px;
    margin-top: 85px;
  }
  #content_parent .main_column {
    width: 100%;
    margin-right: 0%;
    padding-left: 5%;
    padding-right: 5%;
  }
  #content_parent .main_column.left {
    width: 90%;
    margin-right: 0%;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 56px;
  }
  #content_parent .main_column.left .profile_image_container {
    margin-top: 0px;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
  #content_parent .main_column.left .profile_image_container .image {
    align-self: center;
    width: 35vw;
    height: 35vw;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    padding-bottom: 0px;
  }
  #content_parent .main_column.left .profile_image_container .image.no_profile_pic {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #content_parent .main_column.left .profile_image_container .image.no_profile_pic i {
    align-self: center;
  }
  #content_parent .main_column.right {
    width: 93%;
    margin-right: 0%;
    padding-left: 2%;
    padding-right: 5%;
  }
  #content_parent .main_column.right .music_library_container .individual_track_container .info_container {
    float: left;
    width: 70%;
  }
  #content_parent .main_column.right .music_library_container .individual_track_container .info_container .left {
    float: left;
    max-width: 100%;
    width: 100%;
    padding-left: 50px;
    padding-top: 13px;
  }
  #content_parent .main_column.right .music_library_container .individual_track_container .info_container .left .title {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 2px;
  }
  #content_parent .main_column.right .music_library_container .individual_track_container .info_container .left .artist {
    float: left;
    width: 100%;
    font-size: 14px;
  }
  #content_parent .main_column.right .music_library_container .individual_track_container .info_container .right {
    display: none;
    float: left;
    width: 30%;
    font-size: 12px;
    line-height: 16px;
    padding-top: 16px;
  }
  #content_parent .main_column.right #connections_container .gallery_container {
    height: auto;
  }
}
@media screen and (max-width: 700px) {
  #content_parent {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 85px;
  }
}
body #content_parent.blog .panel_content.list_all_blog_posts {
  padding-top: 30px;
}
body #content_parent.blog .panel_content.list_all_blog_posts .blog_entry {
  width: 100%;
  margin-bottom: 40px;
}
body #content_parent.blog .panel_content.list_all_blog_posts .blog_entry a {
  text-decoration: none;
}
body #content_parent.blog .panel_content.list_all_blog_posts .blog_entry a:hover {
  text-decoration: underline;
}
body #content_parent.blog .panel_content.list_all_blog_posts .blog_entry a h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 4px;
}
body #content_parent.blog .panel_content.list_all_blog_posts .blog_entry a i {
  margin-right: 10px;
}
body #content_parent.blog .panel_content.list_all_blog_posts .blog_entry a p {
  font-size: 16px;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent h1.blogpost_title {
  width: 100%;
  font-size: 1.25em;
  line-height: 1.05em;
  font-weight: bold;
  margin-bottom: 22px;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 41px;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar .author {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar .author a.profile_image_href {
  text-decoration: none;
  margin-right: 25px;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar .author a.profile_image_href .profile_image {
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  border-radius: 3px;
  background-size: cover;
  background-position: center;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar .author a.profile_image_href .profile_image.no_profile_pic {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar .author a.profile_image_href .profile_image.no_profile_pic i {
  align-self: center;
  font-size: 1.15em;
  margin-top: 0.35em;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar .author a.display_name {
  text-decoration: none;
  line-height: initial;
  font-weight: normal;
  font-size: 18px;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar .author a.display_name:hover {
  text-decoration: underline;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar .datetime p.font_lato {
  font-size: 18px;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .blog_post_body {
  margin-bottom: 20px;
  width: 100%;
  max-width: 750px;
  /*
  	Gotta do `code` and `quote`
  */
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .blog_post_body p {
  font-size: 16px;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .blog_post_body h1 {
  font-size: 32px;
  line-height: 1.75em;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .blog_post_body h2 {
  font-size: 24px;
  line-height: 1.5em;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .blog_post_body b {
  font-weight: bold;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .blog_post_body i {
  font-style: italic;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent p.font_lato {
  width: 100%;
  font-size: 16px;
}
@media screen and (min-width: 800px) {
  body #content_parent.blog .profile_component.panel_content.blog_post_parent {
    padding-top: 22px;
  }
  body #content_parent.blog .profile_component.panel_content.blog_post_parent h1, body #content_parent.blog .profile_component.panel_content.blog_post_parent h2, body #content_parent.blog .profile_component.panel_content.blog_post_parent h3, body #content_parent.blog .profile_component.panel_content.blog_post_parent .author_and_datetime_bar, body #content_parent.blog .profile_component.panel_content.blog_post_parent p.font_lato {
    max-width: 750px;
  }
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .blog_edit_bar {
  margin-top: 22px;
  width: 100%;
  max-width: 750px;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .blog_edit_bar a.edit_blog_link {
  font-size: 18px;
  float: right;
  text-decoration: none;
}
body #content_parent.blog .profile_component.panel_content.blog_post_parent .blog_edit_bar a.edit_blog_link:hover span {
  text-decoration: underline;
}
body #content_parent.blog .profile_component.panel_content.comment_section {
  padding-top: 22px;
  width: 100%;
}
@media screen and (min-width: 800px) {
  body #content_parent.blog .profile_component.panel_content.comment_section {
    max-width: 750px;
  }
}
@media screen and (max-width: 750px) {
  body #content_parent.blog .profile_component.panel_content.comment_section .comment_box textarea {
    width: 95%;
  }
  body #content_parent.blog .profile_component.panel_content.comment_section .comment_box .post_bar {
    width: 97%;
  }
}

.render_music_details {
  min-height: 90vh;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}
.render_music_details .track_image_container {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.render_music_details .track_image_container .track_image {
  width: 30vw;
  max-width: 400px;
  height: 30vw;
  max-height: 400px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  filter: drop-shadow(0px 7px 18px rgba(0, 0, 0, 0.55));
}
.render_music_details .track_image_container.toggle_static {
  margin-top: 40px;
}
.render_music_details .track_title {
  margin-top: 44px;
  min-height: 50px;
  height: auto;
  float: left;
  font-size: 26px;
  font-weight: bold;
}
.render_music_details .track_audioplayer {
  min-height: 50px;
  background-color: #aaaa00;
}
.render_music_details .track_audioplayer .track_timeline {
  width: 290px;
  height: 20px;
  float: left;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
}
.render_music_details .track_audioplayer .track_playhead {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
}
.render_music_details .label {
  font-weight: bold;
  font-size: 14px;
}
.render_music_details .panel_content.comment_section {
  padding-left: 7%;
  padding-right: 8%;
}
.render_music_details .share_and_listens {
  overflow: hidden;
  height: 24px;
  transition: all 0.55s ease-in-out;
}
.render_music_details .share_and_listens a {
  text-decoration: none;
}
.render_music_details .share_and_listens a:hover {
  text-decoration: underline;
}
.render_music_details .share_and_listens .embed_copy_container {
  width: 100%;
  height: 0px;
  pointer-events: none;
  transition: all 0.55s ease-in-out;
  transition-timing-function: ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.render_music_details .share_and_listens .embed_copy_container .font_lato {
  font-size: 14px;
  line-height: 36px;
}
.render_music_details .share_and_listens .embed_copy_container textarea {
  width: 60%;
  height: 95px;
  border-radius: 3px;
  margin-bottom: 7px;
  font-size: 16px;
  font-family: monospace;
}
.render_music_details .share_and_listens.expanded {
  height: 175px;
}
.render_music_details .share_and_listens.expanded .embed_copy_container {
  height: 150px;
  pointer-events: all;
}
.render_music_details .tracklist_container {
  width: 100%;
  margin-bottom: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.render_music_details .tracklist_container .individual_track_container {
  height: 100px;
  float: left;
  width: 65%;
  position: relative;
}
.render_music_details .tracklist_container .individual_track_container .track_number {
  position: absolute;
  width: 10px;
  height: 20px;
  font-size: 14px;
  line-height: 10px;
  left: -21px;
  top: 27px;
}
.render_music_details .tracklist_container .individual_track_container .play_button {
  width: 60px;
  height: 60px;
  padding: 0px;
  text-align: center;
  background-size: cover;
  background-position: center;
  border-radius: 3px;
  line-height: 60px;
  float: left;
  margin-right: 22px;
}
@media screen and (max-width: 800px) {
  .render_music_details .tracklist_container .individual_track_container .play_button {
    margin-right: 0px;
  }
}
.render_music_details .tracklist_container .individual_track_container .play_button:hover {
  cursor: pointer;
}
.render_music_details .tracklist_container .individual_track_container .info_container {
  float: left;
  width: 70%;
  height: 66px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
}
.render_music_details .tracklist_container .individual_track_container .info_container .left {
  float: left;
}
.render_music_details .tracklist_container .individual_track_container .info_container .left .title {
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}
.render_music_details .tracklist_container .individual_track_container .info_container .left .title:hover {
  text-decoration: underline;
  cursor: pointer;
}
.render_music_details .tracklist_container .individual_track_container .info_container .left .artist {
  float: left;
  width: 100%;
  font-size: 14px;
}
.render_music_details .tracklist_container .individual_track_container .right {
  position: absolute;
  right: 0px;
  width: auto;
  font-size: 14px;
  line-height: 16px;
  padding-top: 20px;
}
@media screen and (max-width: 700px) {
  .render_music_details .tracklist_container .individual_track_container {
    width: 90%;
  }
  .render_music_details .tracklist_container .individual_track_container .info_container {
    width: 65%;
    padding-left: 3.5%;
  }
  .render_music_details .tracklist_container .individual_track_container .info_container .left .title {
    font-size: 16px;
    line-height: 16px;
  }
}

.music_listen {
  height: auto;
}

.full_connections_gallery {
  padding-left: 5%;
  padding-right: 5%;
  width: 90%;
  max-width: 1450px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
}
@media screen and (min-width: 0px) and (max-width: 650px) {
  .full_connections_gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 650px) and (max-width: 850px) {
  .full_connections_gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1050px) and (max-width: 1250px) {
  .full_connections_gallery {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 1250px) {
  .full_connections_gallery {
    grid-template-columns: repeat(6, 1fr);
  }
}
.full_connections_gallery .content_profile.item {
  padding-top: 0px;
  height: 200px;
}
.full_connections_gallery .content_profile.item .mini_profile {
  margin-top: 0px;
}

html, body {
  height: 100%;
}

body#rootv2_home {
  background-color: #191f2e;
  /*
  	Minor issue with the overflow-y / scrollbar.
  	Looks fine on desktop, but on mobile, we want the
  	fixed_nav to be 100vw, but the container above it
  	(i.e. the rest of the content) to have a scrollbar.

  	Presently, we can get it to work, but the scrollbar
  	will be hidden underneath the fixed_nav, which is
  	annoying.

  	Anyways, these colors are chill.
  */
}
body#rootv2_home::-webkit-scrollbar {
  width: 12px;
  color: #c3d0e5;
}
body#rootv2_home::-webkit-scrollbar-button {
  width: 12px;
  color: #c3d0e5;
}
body#rootv2_home::-webkit-scrollbar-track {
  background-color: #191f2e;
}
body#rootv2_home::-webkit-scrollbar-thumb {
  background-color: #c3d0e5;
  border-radius: 10px;
}
body#rootv2_home::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #c3d0e5;
}
body#rootv2_home::-webkit-scrollbar-thumb:vertical:active {
  background-color: #c3d0e5;
}
body#rootv2_home p.font_lato {
  font-size: 16px;
}
body#rootv2_home p b {
  font-weight: bold;
}
body#rootv2_home p .light, body#rootv2_home p.light {
  color: #a8adb6;
  font-size: 0.85em;
  line-height: 1.45em;
}
body#rootv2_home h2 {
  font-family: sans-serif;
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  letter-spacing: normal;
}
body#rootv2_home .small_button,
body#rootv2_home .noaction_small_button {
  border: 3px solid rgb(247, 249, 249);
  color: rgb(247, 249, 249);
  width: 100px;
  height: 39px;
  line-height: 38px;
  padding-left: 8px;
  padding-right: 8px;
  gap: 2vw;
  pointer-events: none;
  z-index: 10;
}
body#rootv2_home .small_button.active,
body#rootv2_home .noaction_small_button.active {
  pointer-events: all;
}
body#rootv2_home .small_button:hover,
body#rootv2_home .noaction_small_button:hover {
  color: #191f2e;
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .roqbox_logo_container {
  position: fixed;
  width: 51px;
  height: 70px;
  left: 4px;
  z-index: 1000;
  overflow: hidden;
  top: 6px;
}
body#rootv2_home .roqbox_logo_container .roqbox_logo {
  font-family: roqbox_icons;
  font-size: 120px;
  position: absolute;
  top: -42px;
  opacity: 1;
  text-decoration: none;
  transition: color 0.2s;
  z-index: 2;
}
body#rootv2_home .roqbox_logo_container .roqbox_logo a {
  opacity: 1;
  font-size: 100px;
  line-height: 100px;
  color: rgb(247, 249, 249);
}
body#rootv2_home .fixed_nav {
  float: left;
  z-index: 2;
  display: block;
}
body#rootv2_home .fixed_nav nav {
  display: block;
  z-index: 2;
  float: left;
  min-height: 100vh;
  height: 100vh;
  width: 20vw;
  background-color: #191f2e;
  padding-top: 57px;
  border-right: 2px solid #363c55;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
body#rootv2_home .fixed_nav nav .nav_option {
  width: 100%;
  float: left;
  height: 60px;
  display: block;
  padding-left: 25%;
  transition: all 0.3s;
}
body#rootv2_home .fixed_nav nav .nav_option:hover {
  cursor: pointer;
}
body#rootv2_home .fixed_nav nav .nav_option.selected {
  background-color: #363c55;
}
body#rootv2_home .fixed_nav nav .nav_option .text {
  width: auto;
  text-align: left;
  font-family: Arial;
  color: rgb(247, 249, 249);
  line-height: 60px;
  font-size: 1.4em;
  /*
  &.profile_nav_link {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	a.profile_image_href {
  		text-decoration: none;
  		//margin-right: 20px;
  		.profile_image {
  			width: 22px;
  			height: 22px;
  			border-radius: 3px;
  			background-color: $home_main_background;
  			border: 2.5px solid $home_main_text_color;
  			background-size: cover;
  			background-position: center;
  			&.no_profile_pic {
  				display: flex;
  				justify-content: center;
  				align-items: center;
  				overflow: hidden;
  				i {
  					align-self: center;
  					font-size: 0.85em;
  					margin-top: 0.25em;
  				} // i
  			} // .profile_image.no_profile_pic
  		} // .profile_image
  	} // a.profile_image_href
  } // .text.profile_nav_link
  */
}
@media screen and (min-width: 1300px) {
  body#rootv2_home .fixed_nav nav {
    width: 20vw;
  }
  body#rootv2_home .fixed_nav nav .nav_option {
    padding-left: 0;
  }
  body#rootv2_home .fixed_nav nav .nav_option .text {
    float: right;
    padding-left: 0;
    margin-right: 2vw;
  }
}
@media screen and (max-width: 1200px) {
  body#rootv2_home .fixed_nav nav {
    width: 22vw;
  }
}
@media screen and (min-width: 0px) and (max-width: 750px) {
  body#rootv2_home .fixed_nav {
    width: 100vw;
    height: 70px;
    min-height: 0;
    position: fixed;
    bottom: 0px;
    left: 0px;
  }
  body#rootv2_home .fixed_nav nav {
    padding: 0;
    border-right: none;
    border-top: 2px solid #363c55;
    width: 100%;
    height: 70px;
    min-height: 70px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  body#rootv2_home .fixed_nav nav .nav_option {
    width: 20%;
    padding: 0;
    height: 70px;
  }
  body#rootv2_home .fixed_nav nav .nav_option .text {
    line-height: 70px;
    text-align: center;
  }
  body#rootv2_home .fixed_nav nav .nav_option .text span.nav_title {
    display: none;
  }
}
body#rootv2_home .main {
  position: absolute;
  top: 0px;
  left: 22vw;
  width: 70vw;
  max-width: 1080px;
  background-color: #191f2e;
  min-height: 89vh;
  display: block;
  z-index: 1;
  padding-bottom: 11vh;
}
body#rootv2_home .main .loading_container {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
  opacity: 0;
}
body#rootv2_home .main .loading_container i {
  align-self: center;
  color: rgb(247, 249, 249);
  font-size: 70px;
}
body#rootv2_home .main .view {
  padding: 40px;
  padding-top: 68px;
  color: rgb(247, 249, 249);
  transition: all 0.3s;
  opacity: 0;
}
@media screen and (max-width: 600px) {
  body#rootv2_home .main .view {
    padding-left: 6vw;
    padding-right: 6vw;
  }
}
body#rootv2_home .main .view .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  margin-bottom: 36px;
}
body#rootv2_home .main .view .header i, body#rootv2_home .main .view .header h1 {
  color: rgb(247, 249, 249);
  font-size: 34px;
  margin-left: 18px;
  margin-right: 0px;
}
body#rootv2_home .main .view .header h1 {
  font-family: Arial;
}
body#rootv2_home .main .view .header i {
  margin-left: 0;
  transition: all 0.4s;
  opacity: 0.35;
}
body#rootv2_home .main .view .header i.left {
  transform: rotate(180deg);
  opacity: 1;
}
body#rootv2_home .main .view .header i.left:hover {
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  body#rootv2_home .main .view .header {
    padding-left: 22px;
  }
  body#rootv2_home .main .view .header h1 {
    font-size: 26px;
  }
}
body#rootv2_home .main .view .content ul.music_library {
  width: 100%;
}
body#rootv2_home .main .view .content ul.music_library li.music_item {
  width: 100%;
  height: 50px;
  border: 1px solid white;
}
body#rootv2_home .main .view .content .option_row {
  min-height: 80px;
  width: 80%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 26px;
}
body#rootv2_home .main .view .content .option_row .checkbox {
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  border-radius: 3px;
  background-color: #191f2e;
  border: 3px solid rgb(247, 249, 249);
  font-size: 24px;
  color: rgb(247, 249, 249);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.1s;
  pointer-events: none;
}
body#rootv2_home .main .view .content .option_row .checkbox.active {
  pointer-events: all;
}
body#rootv2_home .main .view .content .option_row .checkbox:hover {
  cursor: pointer;
}
body#rootv2_home .main .view .content .option_row .checkbox i {
  transition: all 0.1s;
  opacity: 0;
}
body#rootv2_home .main .view .content .option_row .checkbox.checked i {
  opacity: 1;
}
body#rootv2_home .main .view .content .option_row p,
body#rootv2_home .main .view .content .option_row div.checkbox_description p {
  margin-top: 8px;
}
body#rootv2_home .main .view .content .option_row.connections_row select {
  min-width: 35px;
  min-height: 35px;
  border-radius: 3px;
  background-color: #191f2e;
  border: 3px solid rgb(247, 249, 249);
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view .content .option_row .margin_top_8 {
  margin-top: 8px;
}
body#rootv2_home .main .view .content .two_columns {
  width: 80%;
}
@media screen and (min-width: 900px) {
  body#rootv2_home .main .view .content .two_columns {
    display: flex;
    flex-direction: row;
  }
  body#rootv2_home .main .view .content .two_columns .option_row {
    width: 50%;
  }
}
body#rootv2_home .main .view .content i.delete_button {
  font-size: 32px;
  pointer-events: none;
  color: #5c657c;
  margin-right: 7px;
  margin-left: 6px;
  margin-top: 5px;
}
body#rootv2_home .main .view .content i.delete_button.active {
  pointer-events: all;
}
body#rootv2_home .main .view .content i.delete_button.active:hover {
  cursor: pointer;
}
@media screen and (min-width: 750px) and (max-width: 1300px) {
  body#rootv2_home .main {
    width: 75vw;
  }
}
@media screen and (min-width: 0px) and (max-width: 750px) {
  body#rootv2_home .main {
    width: 100%;
    left: 0;
    min-height: 85vh;
    padding-bottom: 14vh;
  }
  body#rootv2_home .main .view {
    padding-top: 14px;
  }
  body#rootv2_home .main .view .header i {
    margin-left: 24px;
  }
}
body#rootv2_home .dialog_bar {
  text-align: left;
  position: fixed;
  bottom: -72px;
  left: 22vw;
  width: 78vw;
  height: 70px;
  z-index: 1;
  background-color: #191f2e;
  border-top: 2px solid #363c55;
  color: rgb(247, 249, 249);
  transition: all 0.3s;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2vw;
}
body#rootv2_home .dialog_bar.visible {
  bottom: 0px;
}
@media screen and (min-width: 1200px) {
  body#rootv2_home .dialog_bar {
    left: 20vw;
    width: 80vw;
  }
}
body#rootv2_home .dialog_bar .small_button {
  border: 3px solid rgb(247, 249, 249);
  color: rgb(247, 249, 249);
  width: 100px;
  height: 39px;
  line-height: 38px;
  padding-left: 8px;
  padding-right: 8px;
  gap: 2vw;
  pointer-events: none;
  z-index: 10;
}
body#rootv2_home .dialog_bar .small_button.active {
  pointer-events: all;
}
body#rootv2_home .dialog_bar .small_button:hover {
  color: #191f2e;
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .dialog_bar .small_button[action=cancel] i {
  color: #f0210a;
}
body#rootv2_home .dialog_bar .small_button[action=save] i {
  color: #11a26a;
}
body#rootv2_home .dialog_bar .small_button[action=delete_confirm] i {
  color: #11a26a;
}
body#rootv2_home .dialog_bar .small_button i {
  margin-right: 10px;
}
@media screen and (max-width: 750px) {
  body#rootv2_home .dialog_bar {
    left: 0;
    width: 100vw;
    gap: 1vw;
    text-align: center;
  }
  body#rootv2_home .dialog_bar.visible {
    bottom: 70px;
  }
  body#rootv2_home .dialog_bar p.font_lato {
    line-height: 18px;
  }
  body#rootv2_home .dialog_bar .small_button {
    padding-left: 0px;
    padding-right: 0px;
  }
  body#rootv2_home .dialog_bar .small_button i.optional_icon {
    margin: 0;
    display: none;
  }
}

body#rootv2_home .main .view.home .header .home_header_ui {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
  /*
  User feedback testing (via Charlie) sez
  this got moved to the nav bar.
  .current_profile {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	a.profile_image_href {
  		text-decoration: none;
  		margin-right: 20px;
  		.profile_image {
  			width: 32px;
  			height: 32px;
  			border-radius: 3px;
  			background-color: $home_main_background;
  			border: 3px solid $home_main_text_color;
  			background-size: cover;
  			background-position: center;
  			&.no_profile_pic {
  				display: flex;
  				justify-content: center;
  				align-items: center;
  				overflow: hidden;
  				i {
  					align-self: center;
  					font-size: 2.25em;
  					margin-top: 0.25em;
  				} // i
  			} // .profile_image.no_profile_pic
  		} // .profile_image
  	} // a.profile_image_href
  	a.display_name {
  		text-decoration: none;
  		color: $home_main_text_color;
  		line-height: initial;
  		font-weight: normal;
  		font-size: 16px;
  		margin-right: 16px;
  		&:hover { text-decoration: underline; }
  	} // a.display_name
  } // .current_profile
  */
}
body#rootv2_home .main .view.home .header .home_header_ui i.fa-envelope {
  opacity: 1;
}
body#rootv2_home .main .view.home .header .home_header_ui i.fa-envelope:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.home .content .welcome_banner {
  max-height: 2000px;
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  background-color: #363c55;
  margin-top: 4px;
  margin-bottom: 4px;
  border-radius: 3px;
  position: relative;
  transition: all 0.75s ease-out;
  overflow: hidden;
}
body#rootv2_home .main .view.home .content .welcome_banner.closed {
  max-height: 0px;
}
body#rootv2_home .main .view.home .content .welcome_banner i.close_welcome_banner.corner {
  position: absolute;
  right: 16px;
  top: 12px;
  font-size: 32px;
}
body#rootv2_home .main .view.home .content .welcome_banner i.close_welcome_banner.corner:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.home .content .welcome_banner .welcome_banner_text {
  padding-top: 41px;
  padding-bottom: 2%;
}
body#rootv2_home .main .view.home .content .welcome_banner .welcome_banner_text p.font_lato {
  color: rgb(247, 249, 249);
  margin-bottom: 22px;
}
body#rootv2_home .main .view.home .content .welcome_banner .welcome_banner_text p.font_lato a {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.home .content .welcome_banner .welcome_banner_text p.font_lato a:hover {
  cursor: pointer;
  text-decoration: underline;
}
body#rootv2_home .main .view.home .content .welcome_banner .welcome_banner_text p.font_lato b {
  font-weight: bold;
}
body#rootv2_home .main .view.home .content .welcome_banner .welcome_banner_text p.font_lato i:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.home .content .welcome_banner .welcome_banner_text p.font_lato span.roqbox_r {
  line-height: 14px;
  font-size: 2em;
  font-family: roqbox_icons;
}
body#rootv2_home .main .view.home .content .welcome_banner .welcome_banner_text i.twizzle_hand {
  transition: all 0s;
}
body#rootv2_home .main .view.home .content .welcome_banner .welcome_banner_text i.twizzle_hand.twizzlin {
  -webkit-animation: spin 0.75s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
body#rootv2_home .main .view.home .content .logged_in_as,
body#rootv2_home .main .view.home .content .logged_in_as a {
  color: rgb(247, 249, 249);
  font-size: 16px;
}

body#rootv2_home .main .view.images .content .image_upload_drag_or_click {
  width: 100%;
  height: 100px;
  border: 5px dashed #a8adb6;
  margin-bottom: 36px;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
body#rootv2_home .main .view.images .content .image_upload_drag_or_click p {
  color: #a8adb6;
  font-size: 22px;
  transition: all 0.5s;
  pointer-events: none;
}
body#rootv2_home .main .view.images .content .image_upload_drag_or_click p.mobile {
  display: none;
}
body#rootv2_home .main .view.images .content .image_upload_drag_or_click:hover {
  cursor: pointer;
  border: 5px dashed rgb(247, 249, 249);
}
body#rootv2_home .main .view.images .content .image_upload_drag_or_click:hover p {
  color: rgb(247, 249, 249);
}
@media screen and (max-width: 750px) {
  body#rootv2_home .main .view.images .content .image_upload_drag_or_click {
    width: 97%;
  }
  body#rootv2_home .main .view.images .content .image_upload_drag_or_click p {
    display: none;
    font-size: 16px;
  }
  body#rootv2_home .main .view.images .content .image_upload_drag_or_click p.mobile {
    display: block;
    text-align: center;
    line-height: 20px;
  }
}
body#rootv2_home .main .view.images .content .images_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  align-items: stretch;
  margin-bottom: 36px;
}
body#rootv2_home .main .view.images .content .images_container .image {
  width: 100%;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
}
body#rootv2_home .main .view.images .content .images_container .image:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.images .content .images_container .image .star {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  left: 10px;
  display: none;
  -webkit-filter: drop-shadow(3px 3px 2px rgba(100, 0, 0, 0.7));
  filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.7));
}
body#rootv2_home .main .view.images .content .images_container .image .star.featured {
  display: block;
}
@media screen and (max-width: 950px) {
  body#rootv2_home .main .view.images .content .images_container {
    grid-template-columns: repeat(3, 1fr);
  }
}

body#rootv2_home .main .view.images.image_edit .content .image_container,
body#rootv2_home .main .view.images.image_upload .content .image_container {
  width: 100%;
  min-height: 25vh;
  max-height: 50vh;
  height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
body#rootv2_home .main .view.images.image_edit .content .image_container .image,
body#rootv2_home .main .view.images.image_upload .content .image_container .image {
  height: auto;
  max-height: 100%;
  max-width: 85%;
}
body#rootv2_home .main .view.images.image_edit .content .options_container,
body#rootv2_home .main .view.images.image_upload .content .options_container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
body#rootv2_home .main .view.images.image_edit .content .options_container p,
body#rootv2_home .main .view.images.image_upload .content .options_container p {
  margin-bottom: 12px;
  width: 80%;
}
body#rootv2_home .main .view.images.image_edit .content .options_container textarea#image_caption,
body#rootv2_home .main .view.images.image_edit .content .options_container textarea.new_image_caption,
body#rootv2_home .main .view.images.image_upload .content .options_container textarea#image_caption,
body#rootv2_home .main .view.images.image_upload .content .options_container textarea.new_image_caption {
  color: rgb(247, 249, 249);
  border: 3px solid rgb(247, 249, 249);
  background-color: #191f2e;
  padding: 2%;
  width: 79%;
  height: 141px;
  border-radius: 3px;
  margin-bottom: 42px;
  font-size: 16px;
  resize: none;
  pointer-events: none;
}
body#rootv2_home .main .view.images.image_edit .content .options_container textarea#image_caption.active,
body#rootv2_home .main .view.images.image_edit .content .options_container textarea.new_image_caption.active,
body#rootv2_home .main .view.images.image_upload .content .options_container textarea#image_caption.active,
body#rootv2_home .main .view.images.image_upload .content .options_container textarea.new_image_caption.active {
  pointer-events: all;
}
body#rootv2_home .main .view.images.image_edit .content .upload_image_error_message,
body#rootv2_home .main .view.images.image_upload .content .upload_image_error_message {
  text-align: center;
  margin-bottom: 22px;
}

body#rootv2_home .main .view.settings {
  padding-left: 0px;
}
body#rootv2_home .main .view.settings .header {
  margin-bottom: 30px;
  padding-left: 40px;
}
body#rootv2_home .main .view.settings .content .option {
  transition: all 0.41s;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
}
body#rootv2_home .main .view.settings .content .option .title {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  margin-bottom: 10px;
}
body#rootv2_home .main .view.settings .content .option .title i {
  color: #c3d0e5;
  font-size: 22px;
  margin-right: 22px;
}
body#rootv2_home .main .view.settings .content .option .title h2 {
  font-weight: bold;
  font-size: 25px;
  color: #c3d0e5;
}
body#rootv2_home .main .view.settings .content .option:hover {
  cursor: pointer;
  background-color: #363c55;
}
body#rootv2_home .main .view.settings_profile .content p.title,
body#rootv2_home .main .view.settings_account .content p.title,
body#rootv2_home .main .view.settings_email .content p.title,
body#rootv2_home .main .view.settings_password .content p.title,
body#rootv2_home .main .view.delete_account .content p.title,
body#rootv2_home .main .view.music_edit .content p.title,
body#rootv2_home .main .view.posts.blog .content p.title {
  font-size: 20px;
  margin-bottom: 4px;
}
body#rootv2_home .main .view.settings_profile .content p.description,
body#rootv2_home .main .view.settings_account .content p.description,
body#rootv2_home .main .view.settings_email .content p.description,
body#rootv2_home .main .view.settings_password .content p.description,
body#rootv2_home .main .view.delete_account .content p.description,
body#rootv2_home .main .view.music_edit .content p.description,
body#rootv2_home .main .view.posts.blog .content p.description {
  margin-bottom: 12px;
  color: #a8adb6;
  width: 78%;
}
body#rootv2_home .main .view.settings_profile .content p.description.profile_colors_description,
body#rootv2_home .main .view.settings_account .content p.description.profile_colors_description,
body#rootv2_home .main .view.settings_email .content p.description.profile_colors_description,
body#rootv2_home .main .view.settings_password .content p.description.profile_colors_description,
body#rootv2_home .main .view.delete_account .content p.description.profile_colors_description,
body#rootv2_home .main .view.music_edit .content p.description.profile_colors_description,
body#rootv2_home .main .view.posts.blog .content p.description.profile_colors_description {
  margin-bottom: 20px;
}
body#rootv2_home .main .view.settings_profile .content p.error_message,
body#rootv2_home .main .view.settings_account .content p.error_message,
body#rootv2_home .main .view.settings_email .content p.error_message,
body#rootv2_home .main .view.settings_password .content p.error_message,
body#rootv2_home .main .view.delete_account .content p.error_message,
body#rootv2_home .main .view.music_edit .content p.error_message,
body#rootv2_home .main .view.posts.blog .content p.error_message {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding-bottom: 10px;
  margin-top: -7px;
  height: 35px;
  opacity: 1;
  overflow: hidden;
  transition: all 0.5s;
}
body#rootv2_home .main .view.settings_profile .content p.error_message i,
body#rootv2_home .main .view.settings_account .content p.error_message i,
body#rootv2_home .main .view.settings_email .content p.error_message i,
body#rootv2_home .main .view.settings_password .content p.error_message i,
body#rootv2_home .main .view.delete_account .content p.error_message i,
body#rootv2_home .main .view.music_edit .content p.error_message i,
body#rootv2_home .main .view.posts.blog .content p.error_message i {
  color: #f0210a;
  margin-right: 12px;
  font-size: 1.5rem;
}
body#rootv2_home .main .view.settings_profile .content p.error_message.hidden,
body#rootv2_home .main .view.settings_account .content p.error_message.hidden,
body#rootv2_home .main .view.settings_email .content p.error_message.hidden,
body#rootv2_home .main .view.settings_password .content p.error_message.hidden,
body#rootv2_home .main .view.delete_account .content p.error_message.hidden,
body#rootv2_home .main .view.music_edit .content p.error_message.hidden,
body#rootv2_home .main .view.posts.blog .content p.error_message.hidden {
  height: 0px;
  opacity: 0;
}
body#rootv2_home .main .view.settings_profile .content input,
body#rootv2_home .main .view.settings_account .content input,
body#rootv2_home .main .view.settings_email .content input,
body#rootv2_home .main .view.settings_password .content input,
body#rootv2_home .main .view.delete_account .content input,
body#rootv2_home .main .view.music_edit .content input,
body#rootv2_home .main .view.posts.blog .content input {
  color: rgb(247, 249, 249);
  border: 3px solid rgb(247, 249, 249);
  background-color: #191f2e;
  width: 77%;
  height: 41px;
  border-radius: 3px;
  margin-bottom: 42px;
  font-size: 16px;
  resize: none;
  padding-left: 2%;
  padding-right: 2%;
  pointer-events: none;
}
body#rootv2_home .main .view.settings_profile .content input.active,
body#rootv2_home .main .view.settings_account .content input.active,
body#rootv2_home .main .view.settings_email .content input.active,
body#rootv2_home .main .view.settings_password .content input.active,
body#rootv2_home .main .view.delete_account .content input.active,
body#rootv2_home .main .view.music_edit .content input.active,
body#rootv2_home .main .view.posts.blog .content input.active {
  pointer-events: all;
}
body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea,
body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea,
body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea,
body#rootv2_home .main .view.settings_profile .content textarea#blog_body_textarea,
body#rootv2_home .main .view.settings_profile .content textarea#album_notes_textarea,
body#rootv2_home .main .view.settings_profile .content textarea#album_credits_textarea,
body#rootv2_home .main .view.settings_account .content textarea#bio_textarea,
body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea,
body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea,
body#rootv2_home .main .view.settings_account .content textarea#blog_body_textarea,
body#rootv2_home .main .view.settings_account .content textarea#album_notes_textarea,
body#rootv2_home .main .view.settings_account .content textarea#album_credits_textarea,
body#rootv2_home .main .view.settings_email .content textarea#bio_textarea,
body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea,
body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea,
body#rootv2_home .main .view.settings_email .content textarea#blog_body_textarea,
body#rootv2_home .main .view.settings_email .content textarea#album_notes_textarea,
body#rootv2_home .main .view.settings_email .content textarea#album_credits_textarea,
body#rootv2_home .main .view.settings_password .content textarea#bio_textarea,
body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea,
body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea,
body#rootv2_home .main .view.settings_password .content textarea#blog_body_textarea,
body#rootv2_home .main .view.settings_password .content textarea#album_notes_textarea,
body#rootv2_home .main .view.settings_password .content textarea#album_credits_textarea,
body#rootv2_home .main .view.delete_account .content textarea#bio_textarea,
body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea,
body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea,
body#rootv2_home .main .view.delete_account .content textarea#blog_body_textarea,
body#rootv2_home .main .view.delete_account .content textarea#album_notes_textarea,
body#rootv2_home .main .view.delete_account .content textarea#album_credits_textarea,
body#rootv2_home .main .view.music_edit .content textarea#bio_textarea,
body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea,
body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea,
body#rootv2_home .main .view.music_edit .content textarea#blog_body_textarea,
body#rootv2_home .main .view.music_edit .content textarea#album_notes_textarea,
body#rootv2_home .main .view.music_edit .content textarea#album_credits_textarea,
body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea,
body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea,
body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea,
body#rootv2_home .main .view.posts.blog .content textarea#blog_body_textarea,
body#rootv2_home .main .view.posts.blog .content textarea#album_notes_textarea,
body#rootv2_home .main .view.posts.blog .content textarea#album_credits_textarea {
  color: rgb(247, 249, 249);
  border: 3px solid rgb(247, 249, 249);
  background-color: #191f2e;
  padding: 2%;
  width: 77%;
  height: 285px;
  border-radius: 3px;
  margin-bottom: 42px;
  font-size: 16px;
  resize: none;
  pointer-events: none;
}
body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea.active,
body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea.active,
body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea.active,
body#rootv2_home .main .view.settings_profile .content textarea#blog_body_textarea.active,
body#rootv2_home .main .view.settings_profile .content textarea#album_notes_textarea.active,
body#rootv2_home .main .view.settings_profile .content textarea#album_credits_textarea.active,
body#rootv2_home .main .view.settings_account .content textarea#bio_textarea.active,
body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea.active,
body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea.active,
body#rootv2_home .main .view.settings_account .content textarea#blog_body_textarea.active,
body#rootv2_home .main .view.settings_account .content textarea#album_notes_textarea.active,
body#rootv2_home .main .view.settings_account .content textarea#album_credits_textarea.active,
body#rootv2_home .main .view.settings_email .content textarea#bio_textarea.active,
body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea.active,
body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea.active,
body#rootv2_home .main .view.settings_email .content textarea#blog_body_textarea.active,
body#rootv2_home .main .view.settings_email .content textarea#album_notes_textarea.active,
body#rootv2_home .main .view.settings_email .content textarea#album_credits_textarea.active,
body#rootv2_home .main .view.settings_password .content textarea#bio_textarea.active,
body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea.active,
body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea.active,
body#rootv2_home .main .view.settings_password .content textarea#blog_body_textarea.active,
body#rootv2_home .main .view.settings_password .content textarea#album_notes_textarea.active,
body#rootv2_home .main .view.settings_password .content textarea#album_credits_textarea.active,
body#rootv2_home .main .view.delete_account .content textarea#bio_textarea.active,
body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea.active,
body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea.active,
body#rootv2_home .main .view.delete_account .content textarea#blog_body_textarea.active,
body#rootv2_home .main .view.delete_account .content textarea#album_notes_textarea.active,
body#rootv2_home .main .view.delete_account .content textarea#album_credits_textarea.active,
body#rootv2_home .main .view.music_edit .content textarea#bio_textarea.active,
body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea.active,
body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea.active,
body#rootv2_home .main .view.music_edit .content textarea#blog_body_textarea.active,
body#rootv2_home .main .view.music_edit .content textarea#album_notes_textarea.active,
body#rootv2_home .main .view.music_edit .content textarea#album_credits_textarea.active,
body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea.active,
body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea.active,
body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea.active,
body#rootv2_home .main .view.posts.blog .content textarea#blog_body_textarea.active,
body#rootv2_home .main .view.posts.blog .content textarea#album_notes_textarea.active,
body#rootv2_home .main .view.posts.blog .content textarea#album_credits_textarea.active {
  pointer-events: all;
}
body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_profile .content textarea#blog_body_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_profile .content textarea#album_notes_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_profile .content textarea#album_credits_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_account .content textarea#bio_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_account .content textarea#blog_body_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_account .content textarea#album_notes_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_account .content textarea#album_credits_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_email .content textarea#bio_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_email .content textarea#blog_body_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_email .content textarea#album_notes_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_email .content textarea#album_credits_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_password .content textarea#bio_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_password .content textarea#blog_body_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_password .content textarea#album_notes_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.settings_password .content textarea#album_credits_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.delete_account .content textarea#bio_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.delete_account .content textarea#blog_body_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.delete_account .content textarea#album_notes_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.delete_account .content textarea#album_credits_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.music_edit .content textarea#bio_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.music_edit .content textarea#blog_body_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.music_edit .content textarea#album_notes_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.music_edit .content textarea#album_credits_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.posts.blog .content textarea#blog_body_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.posts.blog .content textarea#album_notes_textarea::-webkit-scrollbar,
body#rootv2_home .main .view.posts.blog .content textarea#album_credits_textarea::-webkit-scrollbar {
  width: 12px;
  color: #ff0000;
}
body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_profile .content textarea#blog_body_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_profile .content textarea#album_notes_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_profile .content textarea#album_credits_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_account .content textarea#bio_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_account .content textarea#blog_body_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_account .content textarea#album_notes_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_account .content textarea#album_credits_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_email .content textarea#bio_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_email .content textarea#blog_body_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_email .content textarea#album_notes_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_email .content textarea#album_credits_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_password .content textarea#bio_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_password .content textarea#blog_body_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_password .content textarea#album_notes_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.settings_password .content textarea#album_credits_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.delete_account .content textarea#bio_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.delete_account .content textarea#blog_body_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.delete_account .content textarea#album_notes_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.delete_account .content textarea#album_credits_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.music_edit .content textarea#bio_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.music_edit .content textarea#blog_body_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.music_edit .content textarea#album_notes_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.music_edit .content textarea#album_credits_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.posts.blog .content textarea#blog_body_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.posts.blog .content textarea#album_notes_textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.posts.blog .content textarea#album_credits_textarea::-webkit-scrollbar-button {
  width: 12px;
  color: #00ff00;
}
body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_profile .content textarea#blog_body_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_profile .content textarea#album_notes_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_profile .content textarea#album_credits_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_account .content textarea#bio_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_account .content textarea#blog_body_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_account .content textarea#album_notes_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_account .content textarea#album_credits_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_email .content textarea#bio_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_email .content textarea#blog_body_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_email .content textarea#album_notes_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_email .content textarea#album_credits_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_password .content textarea#bio_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_password .content textarea#blog_body_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_password .content textarea#album_notes_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.settings_password .content textarea#album_credits_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.delete_account .content textarea#bio_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.delete_account .content textarea#blog_body_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.delete_account .content textarea#album_notes_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.delete_account .content textarea#album_credits_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.music_edit .content textarea#bio_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.music_edit .content textarea#blog_body_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.music_edit .content textarea#album_notes_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.music_edit .content textarea#album_credits_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.posts.blog .content textarea#blog_body_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.posts.blog .content textarea#album_notes_textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.posts.blog .content textarea#album_credits_textarea::-webkit-scrollbar-track {
  background-color: #191f2e;
}
body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_profile .content textarea#blog_body_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_profile .content textarea#album_notes_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_profile .content textarea#album_credits_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_account .content textarea#bio_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_account .content textarea#blog_body_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_account .content textarea#album_notes_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_account .content textarea#album_credits_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_email .content textarea#bio_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_email .content textarea#blog_body_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_email .content textarea#album_notes_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_email .content textarea#album_credits_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_password .content textarea#bio_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_password .content textarea#blog_body_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_password .content textarea#album_notes_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.settings_password .content textarea#album_credits_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.delete_account .content textarea#bio_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.delete_account .content textarea#blog_body_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.delete_account .content textarea#album_notes_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.delete_account .content textarea#album_credits_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.music_edit .content textarea#bio_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.music_edit .content textarea#blog_body_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.music_edit .content textarea#album_notes_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.music_edit .content textarea#album_credits_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.posts.blog .content textarea#blog_body_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.posts.blog .content textarea#album_notes_textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.posts.blog .content textarea#album_credits_textarea::-webkit-scrollbar-thumb {
  background-color: rgb(247, 249, 249);
  border-radius: 10px;
}
body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_profile .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_profile .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_profile .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_account .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_account .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_account .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_account .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_email .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_email .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_email .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_email .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_password .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_password .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_password .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.settings_password .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.delete_account .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.delete_account .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.delete_account .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.delete_account .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.music_edit .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.music_edit .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.music_edit .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.music_edit .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.posts.blog .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.posts.blog .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.posts.blog .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_profile .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_profile .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_profile .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_account .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_account .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_account .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_account .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_email .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_email .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_email .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_email .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_password .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_password .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_password .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.settings_password .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.delete_account .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.delete_account .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.delete_account .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.delete_account .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.music_edit .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.music_edit .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.music_edit .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.music_edit .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.posts.blog .content textarea#blog_body_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.posts.blog .content textarea#album_notes_textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.posts.blog .content textarea#album_credits_textarea::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  margin-bottom: 26px;
}
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row p.title,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row p.title,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row p.title,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row p.title,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row p.title,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row p.title,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row p.title {
  font-size: 16px;
  width: 40%;
  text-align: center;
}
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row input,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row input,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row input,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row input,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row input,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row input,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row input {
  margin-bottom: 0;
  text-align: center;
  font-family: monospace;
}
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row div.inputs,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row div.inputs,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row div.inputs,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row div.inputs,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row div.inputs,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row div.inputs,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row div.inputs {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row div.inputs input#foreground_color_input,
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row div.inputs input#background_color_input,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row div.inputs input#foreground_color_input,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row div.inputs input#background_color_input,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row div.inputs input#foreground_color_input,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row div.inputs input#background_color_input,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row div.inputs input#foreground_color_input,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row div.inputs input#background_color_input,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row div.inputs input#foreground_color_input,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row div.inputs input#background_color_input,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row div.inputs input#foreground_color_input,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row div.inputs input#background_color_input,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row div.inputs input#foreground_color_input,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row div.inputs input#background_color_input {
  width: 53%;
}
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row div.inputs div.color_preview_wrapper,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row div.inputs div.color_preview_wrapper,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row div.inputs div.color_preview_wrapper,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row div.inputs div.color_preview_wrapper,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row div.inputs div.color_preview_wrapper {
  width: 30%;
  height: 43px;
  padding: 0;
  border: 3px solid rgb(247, 249, 249);
  background-color: #191f2e;
  border-radius: 3px;
  overflow: hidden;
}
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row div.inputs div.color_preview_wrapper:hover,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper:hover,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row div.inputs div.color_preview_wrapper:hover,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row div.inputs div.color_preview_wrapper:hover,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper:hover,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row div.inputs div.color_preview_wrapper:hover,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row div.inputs div.color_preview_wrapper:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview,
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview {
  border: none;
  width: 120%;
  padding: 0;
  margin-left: -10%;
  height: 60px;
  margin-top: -10px;
}
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview:hover,
body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview:hover,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview:hover,
body#rootv2_home .main .view.settings_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview:hover,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview:hover,
body#rootv2_home .main .view.settings_email .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview:hover,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview:hover,
body#rootv2_home .main .view.settings_password .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview:hover,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview:hover,
body#rootv2_home .main .view.delete_account .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview:hover,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview:hover,
body#rootv2_home .main .view.music_edit .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview:hover,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#foreground_color_preview:hover,
body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row div.inputs div.color_preview_wrapper input#background_color_preview:hover {
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  body#rootv2_home .main .view.settings_profile,
  body#rootv2_home .main .view.settings_account,
  body#rootv2_home .main .view.settings_email,
  body#rootv2_home .main .view.settings_password,
  body#rootv2_home .main .view.delete_account,
  body#rootv2_home .main .view.music_edit,
  body#rootv2_home .main .view.posts.blog {
    padding-bottom: 64px;
  }
  body#rootv2_home .main .view.settings_profile .content p,
  body#rootv2_home .main .view.settings_profile .content p.description,
  body#rootv2_home .main .view.settings_account .content p,
  body#rootv2_home .main .view.settings_account .content p.description,
  body#rootv2_home .main .view.settings_email .content p,
  body#rootv2_home .main .view.settings_email .content p.description,
  body#rootv2_home .main .view.settings_password .content p,
  body#rootv2_home .main .view.settings_password .content p.description,
  body#rootv2_home .main .view.delete_account .content p,
  body#rootv2_home .main .view.delete_account .content p.description,
  body#rootv2_home .main .view.music_edit .content p,
  body#rootv2_home .main .view.music_edit .content p.description,
  body#rootv2_home .main .view.posts.blog .content p,
  body#rootv2_home .main .view.posts.blog .content p.description {
    width: 96%;
  }
  body#rootv2_home .main .view.settings_profile .content input,
  body#rootv2_home .main .view.settings_account .content input,
  body#rootv2_home .main .view.settings_email .content input,
  body#rootv2_home .main .view.settings_password .content input,
  body#rootv2_home .main .view.delete_account .content input,
  body#rootv2_home .main .view.music_edit .content input,
  body#rootv2_home .main .view.posts.blog .content input {
    width: 93%;
  }
  body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea,
  body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea,
  body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea,
  body#rootv2_home .main .view.settings_account .content textarea#bio_textarea,
  body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea,
  body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea,
  body#rootv2_home .main .view.settings_email .content textarea#bio_textarea,
  body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea,
  body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea,
  body#rootv2_home .main .view.settings_password .content textarea#bio_textarea,
  body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea,
  body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea,
  body#rootv2_home .main .view.delete_account .content textarea#bio_textarea,
  body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea,
  body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea,
  body#rootv2_home .main .view.music_edit .content textarea#bio_textarea,
  body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea,
  body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea,
  body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea,
  body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea,
  body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea {
    width: 93%;
  }
  body#rootv2_home .main .view.settings_profile .content textarea#bio_textarea.active,
  body#rootv2_home .main .view.settings_profile .content textarea#song_lyrics_textarea.active,
  body#rootv2_home .main .view.settings_profile .content textarea#upload_song_lyrics_textarea.active,
  body#rootv2_home .main .view.settings_account .content textarea#bio_textarea.active,
  body#rootv2_home .main .view.settings_account .content textarea#song_lyrics_textarea.active,
  body#rootv2_home .main .view.settings_account .content textarea#upload_song_lyrics_textarea.active,
  body#rootv2_home .main .view.settings_email .content textarea#bio_textarea.active,
  body#rootv2_home .main .view.settings_email .content textarea#song_lyrics_textarea.active,
  body#rootv2_home .main .view.settings_email .content textarea#upload_song_lyrics_textarea.active,
  body#rootv2_home .main .view.settings_password .content textarea#bio_textarea.active,
  body#rootv2_home .main .view.settings_password .content textarea#song_lyrics_textarea.active,
  body#rootv2_home .main .view.settings_password .content textarea#upload_song_lyrics_textarea.active,
  body#rootv2_home .main .view.delete_account .content textarea#bio_textarea.active,
  body#rootv2_home .main .view.delete_account .content textarea#song_lyrics_textarea.active,
  body#rootv2_home .main .view.delete_account .content textarea#upload_song_lyrics_textarea.active,
  body#rootv2_home .main .view.music_edit .content textarea#bio_textarea.active,
  body#rootv2_home .main .view.music_edit .content textarea#song_lyrics_textarea.active,
  body#rootv2_home .main .view.music_edit .content textarea#upload_song_lyrics_textarea.active,
  body#rootv2_home .main .view.posts.blog .content textarea#bio_textarea.active,
  body#rootv2_home .main .view.posts.blog .content textarea#song_lyrics_textarea.active,
  body#rootv2_home .main .view.posts.blog .content textarea#upload_song_lyrics_textarea.active {
    width: 93%;
  }
  body#rootv2_home .main .view.settings_profile .content .settings_profile_color_row,
  body#rootv2_home .main .view.settings_account .content .settings_profile_color_row,
  body#rootv2_home .main .view.settings_email .content .settings_profile_color_row,
  body#rootv2_home .main .view.settings_password .content .settings_profile_color_row,
  body#rootv2_home .main .view.delete_account .content .settings_profile_color_row,
  body#rootv2_home .main .view.music_edit .content .settings_profile_color_row,
  body#rootv2_home .main .view.posts.blog .content .settings_profile_color_row {
    width: 93%;
  }
}
body#rootv2_home .main .view.delete_account .content .delete_account_button_container {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
body#rootv2_home .main .view.delete_account .content .delete_account_button_container .delete_account_button {
  display: flex;
  flex-direction: row;
  color: rgb(247, 249, 249);
  background-color: #191f2e;
  text-decoration: none;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 40px;
  width: auto;
  min-width: 43px;
  transition: all 0.3s;
  font-weight: 500;
  border: 3px solid rgb(247, 249, 249);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
}
body#rootv2_home .main .view.delete_account .content .delete_account_button_container .delete_account_button i {
  margin-right: 18px;
  margin-bottom: 2px;
  font-size: 1.2em;
}
body#rootv2_home .main .view.delete_account .content .delete_account_button_container .delete_account_button:hover {
  cursor: pointer;
  color: #191f2e;
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.delegate_access .content p.font_lato {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.delegate_access .content p.font_lato a {
  color: rgb(247, 249, 249);
}

body#rootv2_home .main .view.connections .content .option_row {
  width: 100%;
}
body#rootv2_home .main .view.connections .content .option_row.connections_dropdown_row {
  justify-content: space-between;
}
body#rootv2_home .main .view.connections .content .option_row.connections_dropdown_row select {
  padding-left: 5px;
  width: 50%;
  min-width: 35px;
  min-height: 44px;
  border-radius: 3px;
  background-color: #191f2e;
  border: 3px solid rgb(247, 249, 249);
  font-size: 14px;
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.connections .content .option_row.connections_dropdown_row select:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.connections .content .two_columns {
  width: 100%;
}
@media screen and (min-width: 900px) {
  body#rootv2_home .main .view.connections .content .two_columns {
    display: flex;
    flex-direction: row;
  }
  body#rootv2_home .main .view.connections .content .two_columns .option_row {
    width: 50%;
  }
}
body#rootv2_home .main .view.connections .content .connections_reorder_note {
  margin-bottom: 22px;
}
body#rootv2_home .main .view.connections .content .connections_list {
  width: 100%;
}
body#rootv2_home .main .view.connections .content .connections_list .connection {
  width: 100%;
  height: 78px;
  background-color: #363c55;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  transition: opacity 0.5s, background-color 0.3s;
  border-radius: 3px;
}
body#rootv2_home .main .view.connections .content .connections_list .connection:hover {
  background-color: #424a6b;
}
body#rootv2_home .main .view.connections .content .connections_list .connection a.profile_image_href {
  text-decoration: none;
  margin-left: 15px;
  margin-right: 25px;
}
body#rootv2_home .main .view.connections .content .connections_list .connection a.profile_image_href .profile_image {
  min-width: 41px;
  min-height: 41px;
  max-width: 41px;
  max-height: 41px;
  border-radius: 3px;
  background-color: #191f2e;
  border: 3px solid rgb(247, 249, 249);
  background-size: cover;
  background-position: center;
}
body#rootv2_home .main .view.connections .content .connections_list .connection a.profile_image_href .profile_image.no_profile_pic {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
body#rootv2_home .main .view.connections .content .connections_list .connection a.profile_image_href .profile_image.no_profile_pic i {
  align-self: center;
  font-size: 2.25em;
  margin-top: 0.25em;
}
body#rootv2_home .main .view.connections .content .connections_list .connection a.display_name {
  text-decoration: none;
  color: rgb(247, 249, 249);
  line-height: initial;
  font-weight: normal;
  font-size: 22px;
}
body#rootv2_home .main .view.connections .content .connections_list .connection a.display_name:hover {
  text-decoration: underline;
}
body#rootv2_home .main .view.connections .content .connections_list .connection .fa-trash-can {
  position: absolute;
  right: 25px;
  font-size: 25px;
  color: #5c657c;
  transition: all 0.3s;
}
body#rootv2_home .main .view.connections .content .connections_list .connection .fa-trash-can:hover {
  cursor: pointer;
  color: rgb(247, 249, 249);
}
@media screen and (max-width: 750px) {
  body#rootv2_home .main .view.connections .content .connections_list {
    width: 85%;
    margin-left: 7%;
  }
  body#rootv2_home .main .view.connections .content .connections_list .connection a.display_name {
    max-width: 72%;
    font-size: 16px;
    line-height: 18px;
  }
  body#rootv2_home .main .view.connections .content .connections_list .connection .fa-trash-can {
    right: 14px;
  }
}

body#rootv2_home .main .view.music .content .music_upload_drag_or_click {
  width: 100%;
  height: 100px;
  border: 5px dashed #a8adb6;
  margin-bottom: 36px;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
body#rootv2_home .main .view.music .content .music_upload_drag_or_click p {
  color: #a8adb6;
  font-size: 22px;
  transition: all 0.5s;
  pointer-events: none;
}
body#rootv2_home .main .view.music .content .music_upload_drag_or_click p.mobile {
  display: none;
}
body#rootv2_home .main .view.music .content .music_upload_drag_or_click.active {
  pointer-events: all;
}
body#rootv2_home .main .view.music .content .music_upload_drag_or_click.active:hover {
  cursor: pointer;
  border: 5px dashed rgb(247, 249, 249);
}
body#rootv2_home .main .view.music .content .music_upload_drag_or_click.active:hover p {
  color: rgb(247, 249, 249);
}
@media screen and (max-width: 750px) {
  body#rootv2_home .main .view.music .content .music_upload_drag_or_click {
    width: 97%;
  }
  body#rootv2_home .main .view.music .content .music_upload_drag_or_click p {
    display: none;
    font-size: 16px;
  }
  body#rootv2_home .main .view.music .content .music_upload_drag_or_click p.mobile {
    display: block;
    text-align: center;
    line-height: 20px;
  }
}
body#rootv2_home .main .view.music .content ul.music_list {
  width: 100%;
  margin-bottom: 36px;
}
body#rootv2_home .main .view.music .content ul.music_list .music_item {
  width: 100%;
  height: 78px;
  background-color: #363c55;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  transition: opacity 0.5s, background-color 0.3s;
  border-radius: 3px;
}
body#rootv2_home .main .view.music .content ul.music_list .music_item:hover {
  background-color: #424a6b;
}
body#rootv2_home .main .view.music .content ul.music_list .music_item a.album_cover_href {
  text-decoration: none;
  margin-left: 15px;
  margin-right: 25px;
}
body#rootv2_home .main .view.music .content ul.music_list .music_item a.album_cover_href .album_cover {
  min-width: 41px;
  min-height: 41px;
  max-width: 41px;
  max-height: 41px;
  border-radius: 3px;
  background-color: #191f2e;
  border: 3px solid rgb(247, 249, 249);
  background-size: cover;
  background-position: center;
}
body#rootv2_home .main .view.music .content ul.music_list .music_item a.track_title {
  text-decoration: none;
  color: rgb(247, 249, 249);
  line-height: initial;
  font-weight: normal;
  font-size: 22px;
  overflow: hidden;
}
body#rootv2_home .main .view.music .content ul.music_list .music_item a.track_title:hover {
  text-decoration: underline;
}
body#rootv2_home .main .view.music .content ul.music_list .music_item .fa-trash-can {
  position: absolute;
  right: 25px;
  font-size: 25px;
  color: #5c657c;
  transition: all 0.3s;
}
body#rootv2_home .main .view.music .content ul.music_list .music_item .fa-trash-can:hover {
  cursor: pointer;
  color: rgb(247, 249, 249);
}
@media screen and (max-width: 750px) {
  body#rootv2_home .main .view.music .content ul.music_list .music_item a.album_cover_href {
    margin-right: 14px;
  }
  body#rootv2_home .main .view.music .content ul.music_list .music_item a.track_title {
    max-width: 65%;
    font-size: 16px;
    line-height: 18px;
  }
  body#rootv2_home .main .view.music .content ul.music_list .music_item .fa-trash-can {
    right: 14px;
  }
}

body#rootv2_home .main .view.music.all_music .content .cover_image_container {
  width: 80%;
  min-height: 25vh;
  max-height: 50vh;
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
body#rootv2_home .main .view.music.all_music .content .cover_image_container .track_image {
  height: auto;
  max-height: 100%;
  max-width: 85%;
}
body#rootv2_home .main .view.music.all_music .content .cover_image_container p.upload_image_error_message {
  display: none;
  margin-top: 0px;
  transition: all 0.3s;
}
body#rootv2_home .main .view.music.all_music .content .cover_image_container #change_cover_image {
  display: none;
}
body#rootv2_home .main .view.music.all_music .content #upload_track_image_form {
  display: none;
}
body#rootv2_home .main .view.music.all_music .content .track_image_button_container {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
body#rootv2_home .main .view.music.all_music .content .track_image_button_container .small_button {
  padding-left: 22px;
  padding-right: 22px;
  width: auto;
}
body#rootv2_home .main .view.music.all_music .content .track_image_button_container .small_button i {
  margin-right: 6px;
}
body#rootv2_home .main .view.music.all_music .content p.lyrics_title {
  margin-bottom: 10px;
}
body#rootv2_home .main .view.music.all_music .content .two_columns {
  width: 100%;
}
body#rootv2_home .main .view.music.all_music .content .two_columns .option_row.add_album_row {
  justify-content: right;
}
body#rootv2_home .main .view.music.all_music .content .two_columns .option_row.add_album_row .add_album_button {
  width: auto;
  padding-left: 22px;
  padding-right: 22px;
}
body#rootv2_home .main .view.music.all_music .content .two_columns .option_row.add_album_row .add_album_button i {
  margin-right: 12px;
}
@media screen and (max-width: 750px) {
  body#rootv2_home .main .view.music.all_music .content .cover_image_container {
    width: 100%;
  }
}

body#rootv2_home .main .view.music_edit .content .cover_image_container,
body#rootv2_home .main .view.album_new .content .cover_image_container,
body#rootv2_home .main .view.album_edit .content .cover_image_container {
  width: 80%;
  min-height: 25vh;
  max-height: 50vh;
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
body#rootv2_home .main .view.music_edit .content .cover_image_container .track_image,
body#rootv2_home .main .view.album_new .content .cover_image_container .track_image,
body#rootv2_home .main .view.album_edit .content .cover_image_container .track_image {
  height: auto;
  max-height: 100%;
  max-width: 85%;
}
body#rootv2_home .main .view.music_edit .content .cover_image_container p.upload_image_error_message,
body#rootv2_home .main .view.album_new .content .cover_image_container p.upload_image_error_message,
body#rootv2_home .main .view.album_edit .content .cover_image_container p.upload_image_error_message {
  display: none;
  margin-top: 0px;
  transition: all 0.3s;
}
body#rootv2_home .main .view.music_edit .content .cover_image_container #change_cover_image,
body#rootv2_home .main .view.album_new .content .cover_image_container #change_cover_image,
body#rootv2_home .main .view.album_edit .content .cover_image_container #change_cover_image {
  display: none;
}
body#rootv2_home .main .view.music_edit .content #upload_track_image_form,
body#rootv2_home .main .view.album_new .content #upload_track_image_form,
body#rootv2_home .main .view.album_edit .content #upload_track_image_form {
  display: none;
}
body#rootv2_home .main .view.music_edit .content .track_image_button_container,
body#rootv2_home .main .view.music_edit .content .album_image_button_container,
body#rootv2_home .main .view.album_new .content .track_image_button_container,
body#rootv2_home .main .view.album_new .content .album_image_button_container,
body#rootv2_home .main .view.album_edit .content .track_image_button_container,
body#rootv2_home .main .view.album_edit .content .album_image_button_container {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
body#rootv2_home .main .view.music_edit .content .track_image_button_container .small_button,
body#rootv2_home .main .view.music_edit .content .album_image_button_container .small_button,
body#rootv2_home .main .view.album_new .content .track_image_button_container .small_button,
body#rootv2_home .main .view.album_new .content .album_image_button_container .small_button,
body#rootv2_home .main .view.album_edit .content .track_image_button_container .small_button,
body#rootv2_home .main .view.album_edit .content .album_image_button_container .small_button {
  padding-left: 22px;
  padding-right: 22px;
  width: auto;
}
body#rootv2_home .main .view.music_edit .content .track_image_button_container .small_button i,
body#rootv2_home .main .view.music_edit .content .album_image_button_container .small_button i,
body#rootv2_home .main .view.album_new .content .track_image_button_container .small_button i,
body#rootv2_home .main .view.album_new .content .album_image_button_container .small_button i,
body#rootv2_home .main .view.album_edit .content .track_image_button_container .small_button i,
body#rootv2_home .main .view.album_edit .content .album_image_button_container .small_button i {
  margin-right: 6px;
}
body#rootv2_home .main .view.music_edit .content p.lyrics_title,
body#rootv2_home .main .view.album_new .content p.lyrics_title,
body#rootv2_home .main .view.album_edit .content p.lyrics_title {
  margin-bottom: 10px;
}
body#rootv2_home .main .view.music_edit .content select#add_to_album_dropdown,
body#rootv2_home .main .view.album_new .content select#add_to_album_dropdown,
body#rootv2_home .main .view.album_edit .content select#add_to_album_dropdown {
  padding-left: 5px;
  width: 50%;
  min-width: 35px;
  min-height: 44px;
  max-height: 44px;
  border-radius: 3px;
  background-color: #191f2e;
  border: 3px solid rgb(247, 249, 249);
  font-size: 14px;
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.music_edit .content select#add_to_album_dropdown:hover,
body#rootv2_home .main .view.album_new .content select#add_to_album_dropdown:hover,
body#rootv2_home .main .view.album_edit .content select#add_to_album_dropdown:hover {
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  body#rootv2_home .main .view.music_edit .content .cover_image_container,
  body#rootv2_home .main .view.album_new .content .cover_image_container,
  body#rootv2_home .main .view.album_edit .content .cover_image_container {
    width: 100%;
  }
}

body#rootv2_home .main .view.music_upload .content .music_upload_ui_message {
  width: 80%;
  text-align: center;
  margin-bottom: 22px;
}

body#rootv2_home .main .view.album_new .content,
body#rootv2_home .main .view.album_edit .content {
  /*
  .publish_status_row {
  	width: 95%;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  } // .publish_status_row
  */
}
body#rootv2_home .main .view.album_new .content textarea#album_notes_textarea,
body#rootv2_home .main .view.album_new .content textarea#album_credits_textarea,
body#rootv2_home .main .view.album_edit .content textarea#album_notes_textarea,
body#rootv2_home .main .view.album_edit .content textarea#album_credits_textarea {
  margin-top: 4px;
  height: 185px;
}
body#rootv2_home .main .view.album_new .content p.description.album_creation_instructions_blurb,
body#rootv2_home .main .view.album_edit .content p.description.album_creation_instructions_blurb {
  margin-bottom: 41px;
}
body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row,
body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row {
  width: 81%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0px;
  min-height: 50px;
}
body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .date_row,
body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .date_row {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .date_row select,
body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .date_row select {
  padding-left: 5px;
  width: 20%;
  min-width: 35px;
  min-height: 44px;
  max-height: 44px;
  border-radius: 3px;
  background-color: #191f2e;
  border: 3px solid rgb(247, 249, 249);
  font-size: 14px;
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .date_row select:hover,
body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .date_row select:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .date_row select#month_dropdown,
body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .date_row select#month_dropdown {
  width: 40%;
}
body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .date_row input#year_input,
body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .date_row input#year_input {
  height: 35px;
  width: 30%;
  margin-bottom: 0;
}
@media screen and (max-width: 800px) {
  body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row,
  body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row {
    flex-direction: column;
  }
  body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .date_row,
  body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .time_row,
  body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .date_row,
  body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .time_row {
    width: 100%;
  }
  body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .time_row,
  body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .time_row {
    margin-top: 10px;
  }
  body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .time_row p,
  body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .time_row p {
    width: 5%;
  }
  body#rootv2_home .main .view.album_new .content .option_row.datetime_dropdown_row .time_row select,
  body#rootv2_home .main .view.album_edit .content .option_row.datetime_dropdown_row .time_row select {
    width: 50%;
  }
}
body#rootv2_home .main .view.album_new .content .music_upload_drag_or_click,
body#rootv2_home .main .view.album_edit .content .music_upload_drag_or_click {
  width: 80%;
  margin-top: 45px;
}
body#rootv2_home .main .view.album_new .content ul.music_list,
body#rootv2_home .main .view.album_edit .content ul.music_list {
  width: 81%;
}

body#rootv2_home .main .view.inbox .content ul#inbox_message_list {
  margin-bottom: 36px;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message {
  float: left;
  width: 100%;
  max-height: 115px;
  height: 115px;
  padding-bottom: 14px;
  margin-bottom: 3px;
  border-radius: 3px;
  transition: all 0.3s;
  background-color: #525b80;
  border: 3px solid #525b80;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column {
  float: left;
  overflow: hidden;
  max-height: 115px;
  height: 115px;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.left {
  width: 18%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  max-height: 115px;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.left .profile_image_container {
  align-self: center;
  width: 41px;
  height: 41px;
  min-width: 41px;
  min-height: 41px;
  max-width: 41px;
  max-height: 41px;
  border-radius: 3px;
  border: 3px solid rgb(247, 249, 249);
  background-size: cover;
  background-position: center;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.left .profile_image_container.no_profile_pic {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.left .profile_image_container.no_profile_pic i {
  align-self: center;
  font-size: 2.25em;
  margin-top: 0.25em;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.left .username {
  margin-top: 6px;
  align-self: center;
  height: auto;
  font-size: 12px;
  line-height: 12px;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.left .username a {
  text-decoration: none;
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.left .username a:hover {
  text-decoration: underline;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.right {
  width: 60%;
  line-height: 22px;
  color: rgb(247, 249, 249);
  font-size: 16px;
  padding-left: 3%;
  overflow: hidden;
  max-height: 115px;
  position: relative;
  transition: all 0.3s;
  --mask: linear-gradient(to bottom,
  	rgba(0,0,0, 1) 0, rgba(0,0,0, 1) 60%,
  	rgba(0,0,0, 0) 100%, rgba(0,0,0, 0) 0
  ) 100% 50% / 100% 100% repeat-x;
  -webkit-mask: var(--mask);
  mask: var(--mask);
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.right .timestamp {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 5px;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message .column.right a {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message:hover {
  cursor: pointer;
  border: 3px solid rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message.read {
  background-color: #363c55;
  border: 3px solid #363c55;
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message.read .column.left .profile_image_container {
  border: 3px solid rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message.read .column.left .username a {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message.read .column.right,
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message.read .column.right a {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox .content ul#inbox_message_list .single_message.read:hover {
  border: 3px solid rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox .content .allow_messages_option_row {
  margin-top: 36px;
}

body#rootv2_home .main .view.inbox_message .content .top {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 22px;
}
body#rootv2_home .main .view.inbox_message .content .top a.profile_pic {
  border: 3px solid rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox_message .content .top a {
  color: rgb(247, 249, 249);
  text-decoration: none;
  font-size: 16px;
}
body#rootv2_home .main .view.inbox_message .content .top a:hover {
  text-decoration: underline;
}
body#rootv2_home .main .view.inbox_message .content .middle {
  width: 80%;
}
body#rootv2_home .main .view.inbox_message .content .middle a {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox_message .content .bottom .send_datetime {
  width: fit-content;
  padding-top: 7px;
  margin-top: 22px;
  border-top: 1px solid #363c55;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete {
  margin-top: 32px;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete.no_top_margin {
  margin-top: 0px;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete textarea#message_reply_textarea {
  color: rgb(247, 249, 249);
  border: 3px solid rgb(247, 249, 249);
  background-color: #191f2e;
  padding: 2%;
  width: 78%;
  height: 185px;
  border-radius: 3px;
  margin-bottom: 12px;
  font-size: 16px;
  resize: none;
  pointer-events: none;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete textarea#message_reply_textarea.active {
  pointer-events: all;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete textarea#message_reply_textarea::-webkit-scrollbar {
  width: 12px;
  color: #ff0000;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete textarea#message_reply_textarea::-webkit-scrollbar-button {
  width: 12px;
  color: #00ff00;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete textarea#message_reply_textarea::-webkit-scrollbar-track {
  background-color: #191f2e;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete textarea#message_reply_textarea::-webkit-scrollbar-thumb {
  background-color: rgb(247, 249, 249);
  border-radius: 10px;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete textarea#message_reply_textarea::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete textarea#message_reply_textarea::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete .option_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 83%;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete .option_row #message_reply_button {
  border: 3px solid #5c657c;
  color: #5c657c;
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete .option_row #message_reply_button.active {
  border: 3px solid rgb(247, 249, 249);
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.inbox_message .content .reply_and_delete .option_row #message_reply_button.active:hover {
  color: #191f2e;
}

body#rootv2_home .main .view.posts .content,
body#rootv2_home .main .view.posts.blog .content {
  /*
  *
  *  This was screwing things up in Settings - Profile 
  *  somehow... then randomly not anymore! Weird.
  *
  *  Oh, figured it out, p.title was defined elsewhere.
  */
}
body#rootv2_home .main .view.posts .content .post_box,
body#rootv2_home .main .view.posts.blog .content .post_box {
  width: 100%;
  margin-bottom: 22px;
}
body#rootv2_home .main .view.posts .content .post_box textarea,
body#rootv2_home .main .view.posts.blog .content .post_box textarea {
  color: rgb(247, 249, 249);
  border: 3px solid rgb(247, 249, 249);
  background-color: #191f2e;
  padding: 2%;
  width: 80%;
  height: 141px;
  border-radius: 3px;
  margin-bottom: 22px;
  font-size: 16px;
  resize: none;
  pointer-events: none;
}
body#rootv2_home .main .view.posts .content .post_box textarea.active,
body#rootv2_home .main .view.posts.blog .content .post_box textarea.active {
  pointer-events: all;
}
body#rootv2_home .main .view.posts .content .post_box textarea::-webkit-scrollbar,
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar {
  width: 12px;
  color: #ff0000;
}
body#rootv2_home .main .view.posts .content .post_box textarea::-webkit-scrollbar-button,
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-button {
  width: 12px;
  color: #00ff00;
}
body#rootv2_home .main .view.posts .content .post_box textarea::-webkit-scrollbar-track,
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-track {
  background-color: #191f2e;
}
body#rootv2_home .main .view.posts .content .post_box textarea::-webkit-scrollbar-thumb,
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-thumb {
  background-color: rgb(247, 249, 249);
  border-radius: 10px;
}
body#rootv2_home .main .view.posts .content .post_box textarea::-webkit-scrollbar-thumb:vertical:hover,
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts .content .post_box textarea::-webkit-scrollbar-thumb:vertical:active,
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts .content .post_box .post_bar,
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar {
  width: 85%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
body#rootv2_home .main .view.posts .content .post_box .post_bar .switch_to_blogpost,
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  font-size: 16px;
  line-height: 32px;
}
body#rootv2_home .main .view.posts .content .post_box .post_bar .switch_to_blogpost i,
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost i {
  margin-right: 16px;
  font-size: 32px;
}
body#rootv2_home .main .view.posts .content .post_box .post_bar .switch_to_blogpost i.active:hover,
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost i.active:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.posts .content .post_box .post_bar .switch_to_blogpost a,
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost a {
  font-weight: bold;
}
body#rootv2_home .main .view.posts .content .post_box .post_bar .switch_to_blogpost a.active:hover,
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost a.active:hover {
  cursor: pointer;
  text-decoration: underline;
}
body#rootv2_home .main .view.posts .content .post_box .post_bar #basic_post_button,
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar #basic_post_button {
  border: 3px solid #5c657c;
  color: #5c657c;
}
body#rootv2_home .main .view.posts .content .post_box .post_bar #basic_post_button.active,
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar #basic_post_button.active {
  border: 3px solid rgb(247, 249, 249);
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts .content .post_box .post_bar #basic_post_button.active:hover,
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar #basic_post_button.active:hover {
  color: #191f2e;
}
@media screen and (max-width: 600px) {
  body#rootv2_home .main .view.posts .content .post_box,
  body#rootv2_home .main .view.posts.blog .content .post_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  body#rootv2_home .main .view.posts .content .post_box textarea,
  body#rootv2_home .main .view.posts.blog .content .post_box textarea {
    width: 85%;
  }
  body#rootv2_home .main .view.posts .content .post_box .post_bar,
  body#rootv2_home .main .view.posts.blog .content .post_box .post_bar {
    width: 90%;
  }
  body#rootv2_home .main .view.posts .content .post_box .post_bar .switch_to_blogpost,
  body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost {
    font-size: 12px;
  }
  body#rootv2_home .main .view.posts .content .post_box .post_bar .small_button,
  body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .small_button {
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 4px;
  }
}
body#rootv2_home .main .view.posts .content h3.title,
body#rootv2_home .main .view.posts.blog .content h3.title {
  font-size: 20px;
  margin-bottom: 26px;
}
body#rootv2_home .main .view.posts .content h3.title a,
body#rootv2_home .main .view.posts.blog .content h3.title a {
  text-decoration: none;
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts .content h3.title a:hover,
body#rootv2_home .main .view.posts.blog .content h3.title a:hover {
  text-decoration: underline;
  cursor: pointer;
}
body#rootv2_home .main .view.posts .content .basic_posts_feed .comments_list .comment,
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment {
  width: 86.25%;
  background-color: #363c55;
  padding-top: 22px;
  padding-bottom: 10px;
  padding-left: 22px;
  padding-right: 22px;
  border-radius: 3px;
  margin-bottom: 4px;
}
body#rootv2_home .main .view.posts .content .basic_posts_feed .comments_list .comment .top a.profile_pic,
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .top a.profile_pic {
  border: 3px solid rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts .content .basic_posts_feed .comments_list .comment .top a.display_name,
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .top a.display_name {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts .content .basic_posts_feed .comments_list .comment .bottom a,
body#rootv2_home .main .view.posts .content .basic_posts_feed .comments_list .comment .bottom a i,
body#rootv2_home .main .view.posts .content .basic_posts_feed .comments_list .comment .bottom a.date,
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .bottom a,
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .bottom a i,
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .bottom a.date {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts .content .basic_posts_feed .comments_list .comment .bottom .delete_controls a.delete,
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .bottom .delete_controls a.delete {
  color: rgb(247, 249, 249);
}

body#rootv2_home .main .view.posts.blog .content .font_lato {
  line-height: 24px;
}
body#rootv2_home .main .view.posts.blog .content p.title {
  margin-bottom: 6px;
  width: 90%;
}
body#rootv2_home .main .view.posts.blog .content p.description {
  margin-bottom: 10px;
  width: 90%;
}
body#rootv2_home .main .view.posts.blog .content input {
  margin-bottom: 22px;
  width: 90%;
}
body#rootv2_home .main .view.posts.blog .content textarea#blog_body_textarea {
  margin-top: 4px;
  width: 90%;
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row {
  width: 95%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0px;
  min-height: 50px;
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .date_row {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .date_row select {
  padding-left: 5px;
  width: 20%;
  min-width: 35px;
  min-height: 44px;
  max-height: 44px;
  border-radius: 3px;
  background-color: #191f2e;
  border: 3px solid rgb(247, 249, 249);
  font-size: 14px;
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .date_row select:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .date_row select#month_dropdown {
  width: 40%;
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .date_row input#year_input {
  height: 35px;
  width: 30%;
  margin-bottom: 0;
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .time_row {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2%;
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .time_row select {
  padding-left: 5px;
  width: 30%;
  min-width: 35px;
  min-height: 44px;
  max-height: 44px;
  border-radius: 3px;
  background-color: #191f2e;
  border: 3px solid rgb(247, 249, 249);
  font-size: 14px;
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .time_row select:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .time_row p.font_lato {
  margin-left: 10px;
  margin-right: 1%;
  margin-top: 0px;
}
@media screen and (max-width: 800px) {
  body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row {
    flex-direction: column;
  }
  body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .date_row,
  body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .time_row {
    width: 100%;
  }
  body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .time_row {
    margin-top: 10px;
  }
  body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .time_row p {
    width: 5%;
  }
  body#rootv2_home .main .view.posts.blog .content .option_row.datetime_dropdown_row .time_row select {
    width: 50%;
  }
}
body#rootv2_home .main .view.posts.blog .content .publish_status_row {
  width: 95%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body#rootv2_home .main .view.posts.blog .content #publish_status_text a {
  color: #c3d0e5;
}

body#rootv2_home .main .view.posts.blog .content .post_box {
  width: 100%;
  margin-bottom: 22px;
}
body#rootv2_home .main .view.posts.blog .content .post_box textarea {
  color: rgb(247, 249, 249);
  border: 3px solid rgb(247, 249, 249);
  background-color: #191f2e;
  padding: 2%;
  width: 80%;
  height: 141px;
  border-radius: 3px;
  margin-bottom: 22px;
  font-size: 16px;
  resize: none;
  pointer-events: none;
}
body#rootv2_home .main .view.posts.blog .content .post_box textarea.active {
  pointer-events: all;
}
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar {
  width: 12px;
  color: #ff0000;
}
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-button {
  width: 12px;
  color: #00ff00;
}
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-track {
  background-color: #191f2e;
}
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-thumb {
  background-color: rgb(247, 249, 249);
  border-radius: 10px;
}
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts.blog .content .post_box textarea::-webkit-scrollbar-thumb:vertical:active {
  background-color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar {
  width: 85%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  font-size: 16px;
  line-height: 32px;
}
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost i {
  margin-right: 16px;
  font-size: 32px;
}
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost i.active:hover {
  cursor: pointer;
}
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost a {
  font-weight: bold;
}
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost a.active:hover {
  cursor: pointer;
  text-decoration: underline;
}
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar #basic_post_button {
  border: 3px solid #5c657c;
  color: #5c657c;
}
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar #basic_post_button.active {
  border: 3px solid rgb(247, 249, 249);
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts.blog .content .post_box .post_bar #basic_post_button.active:hover {
  color: #191f2e;
}
@media screen and (max-width: 600px) {
  body#rootv2_home .main .view.posts.blog .content .post_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  body#rootv2_home .main .view.posts.blog .content .post_box textarea {
    width: 85%;
  }
  body#rootv2_home .main .view.posts.blog .content .post_box .post_bar {
    width: 90%;
  }
  body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .switch_to_blogpost {
    font-size: 12px;
  }
  body#rootv2_home .main .view.posts.blog .content .post_box .post_bar .small_button {
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 4px;
  }
}
body#rootv2_home .main .view.posts.blog .content p.title {
  font-size: 20px;
}
body#rootv2_home .main .view.posts.blog .content p.title a {
  text-decoration: none;
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts.blog .content p.title a:hover {
  text-decoration: underline;
  cursor: pointer;
}
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment {
  width: 86.25%;
  background-color: #363c55;
  padding-top: 22px;
  padding-bottom: 10px;
  padding-left: 22px;
  padding-right: 22px;
  border-radius: 3px;
  margin-bottom: 4px;
}
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .top a.profile_pic {
  border: 3px solid rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .top a.display_name {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .bottom a,
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .bottom a i,
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .bottom a.date {
  color: rgb(247, 249, 249);
}
body#rootv2_home .main .view.posts.blog .content .basic_posts_feed .comments_list .comment .bottom .delete_controls a.delete {
  color: rgb(247, 249, 249);
}

body#rootv2_home .main .view.posts.blog.list_all .content .blog_entry {
  width: 100%;
  margin-bottom: 40px;
}
body#rootv2_home .main .view.posts.blog.list_all .content .blog_entry a {
  color: rgb(247, 249, 249);
  text-decoration: none;
}
body#rootv2_home .main .view.posts.blog.list_all .content .blog_entry a:hover {
  text-decoration: underline;
}
body#rootv2_home .main .view.posts.blog.list_all .content .blog_entry a h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 4px;
}
body#rootv2_home .main .view.posts.blog.list_all .content .blog_entry a i {
  margin-right: 10px;
}
body#rootv2_home .main .view.posts.blog.list_all .content .blog_entry a .darker_text {
  color: #525b80;
}
body#rootv2_home .main .view.posts.blog.list_all .content .blog_entry .fa-circle-check {
  color: #11a26a;
}
body#rootv2_home .main .view.posts.blog.list_all .content .blog_entry .fa-hourglass {
  color: #2848e9;
}
body#rootv2_home .main .view.posts.blog.list_all .content .blog_entry .fa-marker {
  color: #d8cb38;
}

body#rootv2_home .main .view.posts.blog.summernote .content #summernote {
  width: 85%;
}
body#rootv2_home .main .view.posts.blog.summernote .content .note-editable::-webkit-scrollbar {
  width: 12px;
  color: #c3d0e5;
}
body#rootv2_home .main .view.posts.blog.summernote .content .note-editable::-webkit-scrollbar-button {
  width: 12px;
  color: #c3d0e5;
}
body#rootv2_home .main .view.posts.blog.summernote .content .note-editable::-webkit-scrollbar-track {
  background-color: #191f2e;
}
body#rootv2_home .main .view.posts.blog.summernote .content .note-editable::-webkit-scrollbar-thumb {
  background-color: #c3d0e5;
  border-radius: 10px;
}
body#rootv2_home .main .view.posts.blog.summernote .content .note-editable::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #c3d0e5;
}
body#rootv2_home .main .view.posts.blog.summernote .content .note-editable::-webkit-scrollbar-thumb:vertical:active {
  background-color: #c3d0e5;
}
body#rootv2_home .main .view.posts.blog.summernote .content .publish_status_row.option_row.delete_blogpost_row .chill_column {
  width: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 26px;
}
body#rootv2_home .main .view.posts.blog.summernote .content .publish_status_row.option_row.delete_blogpost_row .chill_column.right {
  justify-content: right;
}
body#rootv2_home .main .view.posts.blog.summernote .content .publish_status_row.option_row.delete_blogpost_row .chill_column.right p {
  font-size: 20px;
}

/* ------------- roqbox Homepage ------------------- */
.roqbox_homepage_hero {
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  height: 35vh;
  overflow: hidden;
  margin-bottom: 65px;
}
.roqbox_homepage_hero img {
  width: 50%;
  align-self: center;
}

@media screen and (max-width: 750px) {
  .roqbox_homepage_hero {
    display: none;
  }
}
textarea {
  resize: none;
}

textarea:focus, input:focus {
  outline: none;
}

/*# sourceMappingURL=_roqbox.css.map */