@font-face {
  font-family: 'WlCard';
  src: url('/fonts/montserrat-extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WlCard';
  src: url('/fonts/montserrat-black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.node-atom.wl-updated-card {
  container-type: inline-size;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
}
.wl-card-caption {
  position: absolute;
  z-index: 32;
  top: 76%;
  left: 0;
  width: 100%;
  height: 11.7%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 5%;
  color: #fff;
  background: #1a1a1a;
  font: 800 3.3cqw/1.65 'WlCard', sans-serif;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
}
.wl-dope-top {
  position: absolute;
  z-index: 30;
  inset: 0;
  overflow: hidden;
  background: #171818;
  pointer-events: none;
}
.wl-dope-top::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/images/dope-card-atmosphere.webp') center 48% / cover;
  filter: brightness(.58) saturate(.82);
  opacity: .73;
}
html body :is(#blk8891390124, #blk8101421105) .node-elem .node-atom.wl-dope-card::before { display: none !important; }
.node-atom.wl-dope-card { background-image: none !important; }
.wl-dope-card .wl-card-caption { background: none; }
.wl-dope-card::after {
  content: '';
  position: absolute;
  z-index: 32;
  top: 88.59%;
  left: 0;
  width: 100%;
  height: .95%;
  background: #ef6052;
}
.wl-dope-title {
  position: absolute;
  z-index: 32;
  top: 66.6%;
  left: 0;
  width: 100%;
  color: #ef6052;
  font: 900 9.6cqw/1.2 'WlCard', sans-serif;
  letter-spacing: .24cqw;
  text-align: center;
}
.wl-dope-logo {
  position: absolute;
  left: 6.5%;
  top: 13%;
  width: 87%;
  height: 34%;
  background: rgba(178, 183, 175, .105);
  -webkit-mask: url('/images/dope-logo-watermark.webp') center / contain no-repeat;
  mask: url('/images/dope-logo-watermark.webp') center / contain no-repeat;
}
.wl-dope-product {
  position: absolute;
  top: 8.7%;
  left: 15.5%;
  width: 69%;
  height: 56.5%;
  object-fit: contain;
  opacity: 1;
}
html body #blk8515715939 .node-elem.wl-brand-replaced,
html body #blk8351149141 .node-elem.wl-gallery-replaced {
  display: none !important;
}
html body #blk8515715939 .node-elem.wl-main-brand-row {
  width: auto !important;
  height: 35px !important;
}
html body #blk8515715939 .node-elem .node-atom.wl-brand-list {
  display: flex !important;
  gap: 8px;
  width: max-content;
  height: 100%;
  color: #fff;
  background: none !important;
  opacity: 1 !important;
  border: 0 !important;
  font: 700 15px/1 var(--ux-text-font, Arial, sans-serif);
  white-space: nowrap;
}
.wl-brand-list > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 30px;
  background: rgba(93, 93, 93, .2);
}
.wl-gallery {
  --wl-scale: 1;
  position: absolute;
  z-index: 4;
  top: calc(313px * var(--wl-scale));
  left: 0;
  width: 100%;
  display: grid;
  gap: calc(20px * var(--wl-scale));
}
.wl-gallery-row {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  scroll-behavior: auto !important;
}
.wl-gallery-row::-webkit-scrollbar { display: none; }
.wl-gallery-row:focus-visible { outline: 2px solid #ef6052; outline-offset: -2px; }
.wl-gallery-track {
  display: flex;
  height: calc(284px * var(--wl-scale));
  gap: calc(20px * var(--wl-scale));
  width: max-content;
  padding: 0 calc(20px * var(--wl-scale));
}
.wl-gallery-tile {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: calc(10px * var(--wl-scale));
  background: #686868;
  flex: 0 0 calc(391px * var(--wl-scale));
  width: calc(391px * var(--wl-scale));
}
.wl-gallery-tile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wl-gallery-tile.wl-product-render img {
  object-fit: contain;
  box-sizing: border-box;
  padding: 5% 10%;
}
.wl-gallery-tile svg {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 5% 10%;
}
.wl-gallery.wl-gallery-animated {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .62s cubic-bezier(.22,.61,.36,1), transform .72s cubic-bezier(.22,.61,.36,1);
}
.wl-gallery.wl-gallery-visible { opacity: 1; transform: none; }
html body :is(#blk8891390124, #blk8101421105, #blk8351149141) .header_hidden_topVisible .node-atom {
  animation-delay: .08s !important;
  animation-duration: .58s !important;
}
@media (prefers-reduced-motion: reduce) {
  .wl-gallery.wl-gallery-animated { opacity: 1; transform: none; transition: none; }
  .wl-gallery-row { scrollbar-width: thin; scrollbar-color: #5d5d5d transparent; }
  html body :is(#blk8891390124, #blk8101421105, #blk8351149141) .header_hidden_top .node-atom {
    opacity: 1 !important;
    animation: none !important;
  }
}
@media screen and (max-width: 1199px) and (min-width: 640px) {
  .wl-gallery { top: calc(320px * var(--wl-scale)); }
}
@media screen and (min-width: 1200px) {
  html body #blk8351149141 [data-node-id="8114411101012"] { top: 96px !important; }
  .wl-gallery { top: calc(216px * var(--wl-scale)); }
}
@media screen and (max-width: 639px) {
  html body #blk8014358615 [data-node-id="dbrm-brand-pill-hero"],
  html body #blk8014358615 [data-node-id="dbrm-brand-label-hero"],
  html body #blk8014358615 [data-node-id="adx-brand-pill-hero"],
  html body #blk8014358615 [data-node-id="adx-brand-label-hero"] { display: none !important; }
  html body #blk8515715939 .node-elem.wl-main-brand-row { height: 36px !important; }
  html body #blk8515715939 .node-elem .node-atom.wl-brand-list { gap: 6px; font-size: 11px; }
  .wl-brand-list > span { padding: 0 8px; }
  .wl-gallery { top: calc(230px * var(--wl-scale)); gap: calc(17px * var(--wl-scale)); }
  .wl-gallery-track {
    height: calc(203px * var(--wl-scale));
    gap: calc(17px * var(--wl-scale));
    padding-inline: calc(10px * var(--wl-scale));
  }
  .wl-gallery-tile { flex-basis: calc(279px * var(--wl-scale)); width: calc(279px * var(--wl-scale)); }
}

html body #blk8891390124 [data-node-id="8431529126571"],
html body #blk8891390124 [data-node-id="8431529126571"] .node-atom__sbs-anim-wrapper {
  z-index: 6 !important;
}
html body #blk8891390124 [data-node-id="8106614671511"],
html body #blk8891390124 [data-node-id="8106614671511"] .node-atom__sbs-anim-wrapper {
  z-index: 7 !important;
}
html body :is(#blk8891390124, #blk8101421105) :is([data-node-id="8431529126571"], [data-node-id="8141411141383"]) .node-atom::after {
  content: none !important;
  display: none !important;
}