/* line 111, app/assets/stylesheets/mystreme/theme_black.scss */
html {
  background-color: #050708;
  /* scroll-behavior: smooth; */
}

/* line 116, app/assets/stylesheets/mystreme/theme_black.scss */
#header {
  background: #050708;
}

/* line 120, app/assets/stylesheets/mystreme/theme_black.scss */
#cc_approval {
  border-radius: 22px;
  border: 1px solid #389DC3;
  background-color: rgba(14, 80, 80, 0.51);
  backdrop-filter: blur(20px);
  box-shadow: none;
  position: fixed;
  top: 25%;
  left: 28%;
  right: 28%;
  bottom: 30%;
  max-width: none;
  width: unset;
}

/* line 132, app/assets/stylesheets/mystreme/theme_black.scss */
#login, #create_account, #profile, #forgot_password, #user_password_reset, #autologin {
  border-radius: 22px;
  border: 1px solid #389DC3;
  background-color: rgba(14, 80, 80, 0.51);
  backdrop-filter: blur(20px);
  box-shadow: none;
  position: fixed;
  top: calc(max(80px, 5%));
  left: 30%;
  right: 30%;
  bottom: 2%;
  max-width: none;
  width: unset;
}

/* line 144, app/assets/stylesheets/mystreme/theme_black.scss */
#registry, #register1, #register2, #register3, #register4, #register5 {
  border-radius: 28px;
  background-color: rgba(5, 7, 8, 0.2);
  /* opacity: 75%; */
  backdrop-filter: blur(16px);
  box-shadow: 0 0 30px 10px rgba(0, 216, 255, 0.5);
  position: fixed;
  top: calc(max(80px, 10%));
  left: 10%;
  right: 10%;
  bottom: 5%;
  max-width: none;
  width: unset;
}

/* line 158, app/assets/stylesheets/mystreme/theme_black.scss */
#page {
  border-radius: 28px;
  background-color: rgba(5, 7, 8, 0.2);
  /* opacity: 75%; */
  backdrop-filter: blur(16px);
  box-shadow: 0 0 30px 10px rgba(0, 216, 255, 0.5);
  position: fixed;
  top: 100px;
  left: 5%;
  right: 5%;
  bottom: 5%;
  max-width: none;
  width: unset;
}

/* line 172, app/assets/stylesheets/mystreme/theme_black.scss */
#page .text-5xl {
  font-size: 3em;
}

/* line 175, app/assets/stylesheets/mystreme/theme_black.scss */
#page .text-4xl {
  font-size: 2.25em;
  line-height: 1.1111em;
}

/* line 179, app/assets/stylesheets/mystreme/theme_black.scss */
#page .mb-4 {
  margin-bottom: 1em;
}

/* line 182, app/assets/stylesheets/mystreme/theme_black.scss */
#page .p-4 {
  padding: 1em;
}

/* line 185, app/assets/stylesheets/mystreme/theme_black.scss */
#page .p-8 {
  padding: 2em;
}

/* line 188, app/assets/stylesheets/mystreme/theme_black.scss */
#page .p-0\.5 {
  padding: 0.125em;
}

/* line 191, app/assets/stylesheets/mystreme/theme_black.scss */
#page .pl-4 {
  padding-left: 1em;
}

/* line 194, app/assets/stylesheets/mystreme/theme_black.scss */
#page .text-2xl {
  font-size: 1.5em;
  line-height: 1.3333em;
}

/* line 198, app/assets/stylesheets/mystreme/theme_black.scss */
#page .text-xl {
  font-size: 1.25em;
  line-height: 1.3333em;
}

/* line 202, app/assets/stylesheets/mystreme/theme_black.scss */
#page .mb-8 {
  margin-bottom: 2em;
}

/* line 205, app/assets/stylesheets/mystreme/theme_black.scss */
#page .ml-6 {
  margin-left: 1.5em;
}

/* line 208, app/assets/stylesheets/mystreme/theme_black.scss */
#page .mt-8 {
  margin-top: 2em;
}

/* line 211, app/assets/stylesheets/mystreme/theme_black.scss */
#page .mt-1 {
  margin-top: 0.25em;
}

/* line 214, app/assets/stylesheets/mystreme/theme_black.scss */
#page .mr-4 {
  margin-right: 1em;
}

/* line 217, app/assets/stylesheets/mystreme/theme_black.scss */
#page .mt-2 {
  margin-top: 0.5em;
}

/* line 220, app/assets/stylesheets/mystreme/theme_black.scss */
#page .mb-2 {
  margin-bottom: 0.5em;
}

/* line 223, app/assets/stylesheets/mystreme/theme_black.scss */
#page .w-16 {
  width: 4em;
}

/* line 226, app/assets/stylesheets/mystreme/theme_black.scss */
#page .mr-8 {
  margin-right: 2em;
}

/* line 229, app/assets/stylesheets/mystreme/theme_black.scss */
#page .ml-8 {
  margin-left: 2em;
}

/* line 232, app/assets/stylesheets/mystreme/theme_black.scss */
#page .leading-3 {
  line-height: .75em;
}

/* line 235, app/assets/stylesheets/mystreme/theme_black.scss */
#page .leading-4 {
  line-height: 1em;
}

/* line 238, app/assets/stylesheets/mystreme/theme_black.scss */
#page .text-xs {
  font-size: .75em;
  line-height: 1em;
}

/* line 242, app/assets/stylesheets/mystreme/theme_black.scss */
#page .pb-1 {
  padding-bottom: 0.25em;
}

/* line 245, app/assets/stylesheets/mystreme/theme_black.scss */
#page .p-1 {
  padding: 0.25em;
}

/* line 248, app/assets/stylesheets/mystreme/theme_black.scss */
#page .h-10 {
  height: 2.5em;
}

/* line 251, app/assets/stylesheets/mystreme/theme_black.scss */
#page .h-8 {
  height: 2em;
}

/* line 254, app/assets/stylesheets/mystreme/theme_black.scss */
#page .gap-x-8 {
  column-gap: 2em;
}

/* line 257, app/assets/stylesheets/mystreme/theme_black.scss */
#page .h-12 {
  height: 3em;
}

/* line 260, app/assets/stylesheets/mystreme/theme_black.scss */
#page .mr-6 {
  margin-right: 1.5em;
}

/* line 264, app/assets/stylesheets/mystreme/theme_black.scss */
.page {
  background-color: #050708;
}

/* line 268, app/assets/stylesheets/mystreme/theme_black.scss */
#product {
  color: white;
}

/* line 272, app/assets/stylesheets/mystreme/theme_black.scss */
#product h1 {
  color: #20B2CA;
}

/* line 276, app/assets/stylesheets/mystreme/theme_black.scss */
.gsection {
  position: relative;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  font-size: 90%;
  font-weight: bold;
  color: #60808D;
  background: #050708;
  background: linear-gradient(to right, #050708, #142229 50%, #050708 100%);
}

/* line 289, app/assets/stylesheets/mystreme/theme_black.scss */
.gsection .inner {
  padding-top: 5px;
  padding-left: 96px;
  padding-bottom: 3px;
}

/* line 295, app/assets/stylesheets/mystreme/theme_black.scss */
.genre-section.title {
  color: #20B2CA;
  font-family: DaxCompactOT, Helvetica, Arial;
  font-size: 125%;
  font-weight: bold;
  margin-right: 1em;
}

/* line 303, app/assets/stylesheets/mystreme/theme_black.scss */
.genre-section {
  color: #727272;
  text-transform: none;
}

/* line 308, app/assets/stylesheets/mystreme/theme_black.scss */
#product .highlight {
  color: #20B2CA;
}

/* line 312, app/assets/stylesheets/mystreme/theme_black.scss */
#product .highlight .rating {
  border: solid 1px #20B2CA;
}

/* line 316, app/assets/stylesheets/mystreme/theme_black.scss */
#product a {
  color: white;
}

/* line 320, app/assets/stylesheets/mystreme/theme_black.scss */
#main .submitbutton {
  background: #0397c6;
  background: linear-gradient(to bottom, #66a0be, #6dbfe7 5.5%, #38a8d6 44.5%, #0098c8 45.6%, #00608a 94%, #003b60 100%);
  border: solid #727376 1px;
  color: white;
}

/* line 326, app/assets/stylesheets/mystreme/theme_black.scss */
#main .submitbutton:hover {
  background: #2d7cb0;
  background: linear-gradient(to bottom, #66a0be, #cadbed 5.5%, #82b7d9 44.5%, #76a9ca 46%, #0083ac 94%, #003b69 100%);
}

/* line 329, app/assets/stylesheets/mystreme/theme_black.scss */
#main .submitbutton:active {
  background: #b69dc7;
  background: linear-gradient(to top, #66a0be, #6dbfe7 5.5%, #38a8d6 46.6%, #0098c8 52.1%, #00608a 94%, #003b60 100%);
}

/* line 333, app/assets/stylesheets/mystreme/theme_black.scss */
#main .playbutton {
  background: #0397c6;
  background: linear-gradient(to bottom, #66a0be, #6dbfe7 5.5%, #38a8d6 44.5%, #0098c8 45.6%, #00608a 94%, #003b60 100%);
  border: solid #727376 1px;
  color: white;
}

/* line 339, app/assets/stylesheets/mystreme/theme_black.scss */
#main .playbutton:hover {
  background: #2d7cb0;
  background: linear-gradient(to bottom, #66a0be, #cadbed 5.5%, #82b7d9 44.5%, #76a9ca 46%, #0083ac 94%, #003b69 100%);
}

/* line 342, app/assets/stylesheets/mystreme/theme_black.scss */
#main .playbutton:active {
  background: #b69dc7;
  background: linear-gradient(to top, #66a0be, #6dbfe7 5.5%, #38a8d6 46.6%, #0098c8 52.1%, #00608a 94%, #003b60 100%);
}

/* line 345, app/assets/stylesheets/mystreme/theme_black.scss */
#main .parentbutton {
  background: #0397c6;
  background: linear-gradient(to bottom, #66a0be, #6dbfe7 5.5%, #38a8d6 44.5%, #0098c8 45.6%, #00608a 94%, #003b60 100%);
  border: solid #727376 1px;
  color: white;
}

/* line 351, app/assets/stylesheets/mystreme/theme_black.scss */
#main .parentbutton:hover {
  background: #2d7cb0;
  background: linear-gradient(to bottom, #66a0be, #cadbed 5.5%, #82b7d9 44.5%, #76a9ca 46%, #0083ac 94%, #003b69 100%);
}

/* line 354, app/assets/stylesheets/mystreme/theme_black.scss */
#main .parentbutton:active {
  background: #b69dc7;
  background: linear-gradient(to top, #66a0be, #6dbfe7 5.5%, #38a8d6 46.6%, #0098c8 52.1%, #00608a 94%, #003b60 100%);
}

/* line 358, app/assets/stylesheets/mystreme/theme_black.scss */
#main .links, #page .links {
  /* border-color: #9bb4c2;
    color: #414042;
    @include link-gradient; */
}

/* line 364, app/assets/stylesheets/mystreme/theme_black.scss */
#page .links .link {
  display: inline-block;
  width: 10em;
  height: 2em;
  text-align: center;
  padding-bottom: .25em;
  margin-right: 1em;
  padding-top: .25em;
}

/* line 374, app/assets/stylesheets/mystreme/theme_black.scss */
#main .links .link, #page .links .link {
  color: white;
  border-radius: 2em;
}

/* line 379, app/assets/stylesheets/mystreme/theme_black.scss */
#main .links .link.rest, #page .links .link.rest {
  background: transparent url(/assets/mystreme/submit_black.svg) left center no-repeat;
  background-size: 100%;
}

/* line 383, app/assets/stylesheets/mystreme/theme_black.scss */
#main .links .link.first, #page .links .link.first {
  background-color: #26b1c9;
}

/* line 386, app/assets/stylesheets/mystreme/theme_black.scss */
#main .links .link:hover, #page .links .link:hover {
  background-image: none;
  background-color: #cbdb2b;
}

/* line 390, app/assets/stylesheets/mystreme/theme_black.scss */
#main .links .link:active, #page .links .link:active {
  background-color: #b4b5b6;
  background: linear-gradient(to bottom, #8c9398, #dbdbdb 100%);
}

/* line 394, app/assets/stylesheets/mystreme/theme_black.scss */
.page .pdivider {
  background-color: #d4dde2;
}

/* line 398, app/assets/stylesheets/mystreme/theme_black.scss */
.p3divider {
  background: #050708;
  background: linear-gradient(to right, #050708, #43535A 50%, #050708 100%);
}

/* line 402, app/assets/stylesheets/mystreme/theme_black.scss */
.divider {
  background: #050708;
  background: linear-gradient(to right, #050708, #43535A 50%, #050708 100%);
  width: 100%;
  height: 3px;
}

/* line 408, app/assets/stylesheets/mystreme/theme_black.scss */
#product .news .title {
  color: #20B2CA;
}

/* line 412, app/assets/stylesheets/mystreme/theme_black.scss */
.page .panel a {
  color: white;
}

/* line 414, app/assets/stylesheets/mystreme/theme_black.scss */
.page .panel {
  background-color: #050708;
  color: white;
}

/* line 419, app/assets/stylesheets/mystreme/theme_black.scss */
.page .panel .title {
  color: #027293;
}

/* line 422, app/assets/stylesheets/mystreme/theme_black.scss */
.page .panel a {
  color: white;
}

/* line 426, app/assets/stylesheets/mystreme/theme_black.scss */
.page .panel .title a {
  color: #20B2CA;
}

/* line 429, app/assets/stylesheets/mystreme/theme_black.scss */
.page .panel .title a:hover {
  color: #20B2CA;
}

/* line 433, app/assets/stylesheets/mystreme/theme_black.scss */
.page .panel .description {
  color: white;
}

/* line 436, app/assets/stylesheets/mystreme/theme_black.scss */
.page a.more {
  color: #20B2CA;
}

/* line 440, app/assets/stylesheets/mystreme/theme_black.scss */
.page div.overlay {
  /* opacity: .60; */
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
}

/* line 446, app/assets/stylesheets/mystreme/theme_black.scss */
.page .overlay .subtitle {
  color: #03c9f0;
  /* #32c5f4; /* $header-text-color; */
}

/* line 450, app/assets/stylesheets/mystreme/theme_black.scss */
#main .pages {
  color: #e5e5e5;
  background: #69686e;
  /* for non-css3 browsers */
  background: linear-gradient(to bottom, #48494a, #82898d);
  /* for firefox 3.6+ */
}

/* line 454, app/assets/stylesheets/mystreme/theme_black.scss */
#main .pages a.page {
  color: #e5e5e5;
}

/* line 458, app/assets/stylesheets/mystreme/theme_black.scss */
.psection, #footer {
  color: #60808D;
  background: #050708;
  background: linear-gradient(to right, #050708, #142229 50%, #050708 100%);
}

/* line 463, app/assets/stylesheets/mystreme/theme_black.scss */
#footer a {
  color: #60808D;
}

/* line 467, app/assets/stylesheets/mystreme/theme_black.scss */
.psection .tab {
  color: #60808D;
}

/* line 471, app/assets/stylesheets/mystreme/theme_black.scss */
.psection a.tab:hover {
  color: #004168;
  background-color: #7cb037;
}

/* line 475, app/assets/stylesheets/mystreme/theme_black.scss */
.psection a.tab_click {
  color: #424042;
  background: #dadbdc;
  background: linear-gradient(to bottom, #a6a8ac, #dedee0);
}

/* line 480, app/assets/stylesheets/mystreme/theme_black.scss */
#header .video_type {
  color: #d9d9d9;
}

/* line 483, app/assets/stylesheets/mystreme/theme_black.scss */
#header .video_type:hover {
  color: white;
}

/* line 487, app/assets/stylesheets/mystreme/theme_black.scss */
#header div.signin {
  color: #d9d9d9;
}

/* line 491, app/assets/stylesheets/mystreme/theme_black.scss */
#header span.signin {
  color: #d9d9d9;
}

/* line 492, app/assets/stylesheets/mystreme/theme_black.scss */
#header .signin a {
  color: #d9d9d9;
}

/* line 493, app/assets/stylesheets/mystreme/theme_black.scss */
#header .signin a:hover {
  color: white;
}

/* line 495, app/assets/stylesheets/mystreme/theme_black.scss */
#main .carousel {
  background: #050708;
}

/* line 499, app/assets/stylesheets/mystreme/theme_black.scss */
#main .carousel .subtitle {
  color: white;
}

/* line 503, app/assets/stylesheets/mystreme/theme_black.scss */
#main .section {
  background: transparent;
}

/* line 507, app/assets/stylesheets/mystreme/theme_black.scss */
#main .pdivider {
  background-color: #050708;
}

/* line 511, app/assets/stylesheets/mystreme/theme_black.scss */
.section {
  color: #f4f4f5;
}

/* line 514, app/assets/stylesheets/mystreme/theme_black.scss */
.section .tab {
  color: #60808D;
}

/* line 517, app/assets/stylesheets/mystreme/theme_black.scss */
.section a.tab:hover {
  color: black;
  background: #CCDB2C;
}

/* line 521, app/assets/stylesheets/mystreme/theme_black.scss */
.section a.tab_click {
  color: #424042;
  background: #dadbdc;
  background: linear-gradient(to bottom, #a6a8ac, #dedee0);
}

/* line 526, app/assets/stylesheets/mystreme/theme_black.scss */
#main .asection, #main .acontent {
  background: transparent url(/assets/mystreme/about_gradient3.png) top center no-repeat;
  background-color: #c9cacc;
  /* $panel-background-color; /* #c9cacc;*/
  color: #2d2d2d;
  /* panel-text-color; /* #2d2d2d; */
}

/* line 536, app/assets/stylesheets/mystreme/theme_black.scss */
#main .info2 {
  color: white;
  background: #d0d0d0;
  /* for non-css3 browsers */
  background: linear-gradient(to bottom, #212121, #82898d);
}

/* line 541, app/assets/stylesheets/mystreme/theme_black.scss */
#main .info {
  color: white;
  background: #d0d0d0;
  /* for non-css3 browsers */
  background: linear-gradient(to bottom, #212121, #82898d);
}

/* line 546, app/assets/stylesheets/mystreme/theme_black.scss */
#main .mother {
  background: #050708;
  /* for non-css3 browsers */
}

/* line 550, app/assets/stylesheets/mystreme/theme_black.scss */
#main table.order .producthead {
  color: white;
  background: #d0d0d0;
  /* for non-css3 browsers */
  background: linear-gradient(to bottom, #212121, #82898d);
}

/* line 555, app/assets/stylesheets/mystreme/theme_black.scss */
#main div.product, #main table.order tr.product {
  color: #404041;
  background: #050708;
  /* for non-css3 browsers */
}