/* Profile page custom styles */

/* Light mode default */
.profile-frame {
  /* Frame 11 */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  isolation: isolate;

  width: 1068px;
  height: 175px;

  background: linear-gradient(90deg, rgba(29, 112, 183, 0.08) 0%, #61A8E6 100%), #FFFFFF;
  background-image: url('/static/img/profile-drak.png'), linear-gradient(90deg, rgba(29, 112, 183, 0.08) 0%, #61A8E6 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: right center, center;
  background-size: 500px 200px, cover;
  border-radius: 16px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}

/* Dark mode override */
body.dark-page .profile-frame {
  /* Frame 11 (Dark) */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  isolation: isolate;

  width: 1068px;
  height: 175px;

  background: linear-gradient(90deg, rgba(29, 112, 183, 0.08) 0%, #103F67 100%), #030B13;
  background-image: url('/static/img/profile-drak.png'), linear-gradient(90deg, rgba(29, 112, 183, 0.08) 0%, #103F67 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: right center, center;
  background-size: 500px 300px, cover;
  border-radius: 16px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}