:root {
  --rgb-body: 34 34 34;
  --rgb-primary: 255 255 255;
  --rgb-button-background: 214 217 217;
  --rgb-button-background-hover: 240 243 243;
  --rgb-express: 231 95 83;
  --rgb-eco: 128 152 11;
  --rgb-wigig: 220 133 48;
  --hex-faint-border: rgb(255 255 255 / 15%);
  color-scheme: dark;
  --rgb-euro: 0 121 209;
  --rgb-euro-gold: rgb(212,175,55, 80%);
  --rgb-euro-silver: rgb(192,192,192, 80%);
  --rgb-euro-bronze: rgb(205,127,50, 80%);
}

header {
  box-shadow: inset 0 -1px 0 0 rgb(70, 70, 70);
}
header .primary.search {
  box-shadow: inset 0 -1px 0 0 rgb(70, 70, 70);
}
header > .secondary, header > .tertiary {
  background: rgb(20, 20, 20);
}
header.invert.transparent .primary:not(.search) a, header.invert.transparent .primary:not(.search) button {
  color: rgb(var(--rgb-body)/100%);
}
header.invert.transparent .primary:not(.search) a.logo svg {
  fill: rgb(var(--rgb-body)/100%);
}
@media only screen and (min-width: 600px) {
  header.transparent:not(.invert) > .primary:not(.search) button, header.transparent:not(.invert) > .primary:not(.search) a {
    color: rgb(var(--rgb-primary)/100%) !important;
  }
  header.transparent:not(.invert) > .primary:not(.search) a.logo svg {
    fill: rgb(var(--rgb-primary)/100%) !important;
  }
}
header #announcements div.announcement-container {
  --rgb-primary: 52 52 52;
  --clr-primary: rgb(var(--rgb-primary) / 100%);
  --rgb-body: 255 255 255;
  --clr-body: rgb(var(--rgb-body) / 100%);
  /*background: rgb(var(--rgb-primary) / 90%);*/
}

#category-overlay .categories div.nav {
  /*.sub {
    background: rgb(20 20 20);
  }*/
}
#category-overlay .categories div.nav a, #category-overlay .categories div.nav button {
  border-top: 1px solid rgb(var(--rgb-primary)/20%);
}

main.home .tubes.sizes article {
  background: rgb(var(--rgb-02)/40%);
}
main.home .tubes.components .materials {
  background: rgb(var(--rgb-05)/45%);
}
main.home .tubes.components .fillings {
  background: rgb(var(--rgb-03)/42.5%);
}
main.home .tubes.components .branding {
  background: rgb(var(--rgb-01)/45%);
}
main.home .three-sixty .content {
  grid-template-columns: 1fr auto;
}
main.home .three-sixty .content .image {
  border-radius: 2rem;
  padding: 2rem 1rem;
  background: white;
  display: grid;
  place-items: center;
}

.content.wrap.product .details #slider #sliderTheme::before {
  content: "\f185";
}
.content.wrap.product .details #slider.opposite #sliderTheme::before {
  content: "\f186";
}
.content.wrap.product .sidebar #sidebar-content form, .content.wrap.product .sidebar #sidebar-content div.form-selector {
  --rgb-selected: 136 171 121;
}
.content.wrap.checkout.delivery .addresses > a, .content.wrap.catalogue.delivery .addresses > a {
  --rgb-selected: 136 171 121;
}
.content.wrap.docs .code-heading-holder {
  background: rgb(var(--rgb-primary)/15%);
}
.content.wrap.docs .code-holder {
  background: rgb(20, 20, 20);
  border: 1px solid rgb(var(--rgb-primary)/20%);
}

footer .primary {
  background: rgb(20, 20, 20);
}

/*home page*/
.discover-dopper-lineup p.subheading em {
  background-image: linear-gradient(90deg, #9833F6, #3D46D8 33%, #00a5b2) !important;
}

.discover-multi .panels .panel {
  background: linear-gradient(135deg, rgb(107, 107, 107), rgb(96, 96, 96) 20%, rgb(96, 96, 96) 60%, rgb(76, 76, 76)) !important;
}
.discover-multi .panels .panel p {
  color: var(--colour-primary) !important;
}

.content.wrap.score-predictor .game, .content.wrap.score-predictor .match-result {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.7);
}
.content.wrap.score-predictor .game .secondary.active, .content.wrap.score-predictor .match-result .secondary.active {
  border-top: 1px solid rgb(var(--rgb-body)/20%);
}
.content.wrap.score-predictor .leaderboard-highlight {
  background: rgb(var(--rgb-euro)/45%);
}

.content.wrap.account .tracking span.status.proofed.studio, .content.wrap.account .tracking span.status.on-hold {
  filter: brightness(1);
}

/*# sourceMappingURL=styles-dark.css.map */