/* _content/series2-microsite/Pages/555CollectionForm.cshtml.rz.scp.css */
.bg.bg-black[b-pecz4covpz] {
  background-image: url(https://media.veefriends.com/image/upload/v1740675056/veefriends/v3/assets/heros/vf-555-bg.jpg);
  background-size: auto;
  background-attachment: fixed;
  overflow: hidden;
}

  .bg.bg-black .alert[b-pecz4covpz] {
    position: fixed;
    top: 0;
    width: 90%;
    max-width: 640px;
    border-radius: 6px;
    z-index: 1000;
    left: 50%;
    transform: translate(-50%, 0);
    background: #feefba;
    border: 2px solid #a15b00;
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }

    .bg.bg-black .alert.alert-ready[b-pecz4covpz] {
      opacity: 1;
      transform: translate(-50%, 25px);
    }

  .bg.bg-black:has(.alert.alert-ready)[b-pecz4covpz] {
    padding-top: 170px;
  }

  small.form-text[b-pecz4covpz] {
    color: #000;
    font-size: 12px;
    user-select: none;
  }

[b-pecz4covpz] input.form-control:not(.rounded-pill),
[b-pecz4covpz] textarea.form-control:not(.rounded-pill) {
  background-color: #000000 !important;
  border: none !important;
}

[b-pecz4covpz] form-control{
    border:none !important;
}

[b-pecz4covpz] div.invalid-feedback {
  background: #dc3545;
  padding: 5px;
  border-radius: 0 0 6px 6px;
  font-size: 12px;
  color: white;
  user-select: none;
  margin-bottom: 10px;
  margin-top: -3px;
}

[b-pecz4covpz] .form-label {
    text-shadow: none !important;
}

[b-pecz4covpz] .form-control {
    color: white !important;
}

[b-pecz4covpz] .form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: #ffffff !important;
}

  [b-pecz4covpz] .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
    background-color: transparent !important;
  }

  fieldset[b-pecz4covpz] {
    margin: 15px auto;
    height: 280px;
    position: relative;
  }

  fieldset > div[b-pecz4covpz] {
    padding: 35px 35px 0 35px;
    height: calc(430px - 12px);
    overflow-y: scroll;
    scrollbar-width: none;
    margin-top: 12px;
    position: relative;
  }




  #schoolWrapper[b-pecz4covpz]::after {
    content: " ";
    width: var(--radialGradientSize);
    height: var(--radialGradientSize);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(#fff, transparent 70%);
    user-select: none;
    pointer-events: none;
    border-radius: 100%;
    mix-blend-mode: overlay;
    z-index: 0;
    position: fixed;
  }

.school-container[b-pecz4covpz] {
  position: relative;
  z-index: 1;
}

.compliance[b-pecz4covpz] {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  gap: 20px;
  text-align: left;
  margin: 0;
  position: relative !important;
  z-index: 5;
}

@media (max-width: 768px) {
  .compliance[b-pecz4covpz] {
    flex-wrap: wrap; /* Added for mobile responsiveness */
    flex-direction: column; /* Stack items vertically on small screens */
    text-align: center; /* Center text on small screens */
  }
}

#cta[b-pecz4covpz] {
  text-align: center;
  margin-bottom: 80px;
}

  #cta .cta-bg[b-pecz4covpz] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    user-select: none;
    pointer-events: none;
    width: 100%;
    display: none;
  }

  #cta > div[b-pecz4covpz] {
    min-height: var(--formHeight);
  }

  #cta .cta-blurb[b-pecz4covpz],
  #cta .cta-signup[b-pecz4covpz]
  {
    position: relative;
    z-index: 1;
  }

  #cta .cta-blurb[b-pecz4covpz] {
    font-family: "roboto", monospace;
    color: white;
    font-size: var(--blurbFont);
    margin: 0 auto;
    padding: 40px 20px 20px 20px;
    background: url("https://media.veefriends.com/image/upload/v1741378449/veefriends/v3/assets/heros/texture-bg.png"),
        #212120;
    background-repeat: repeat;
    background-blend-mode: normal;
    border: #000000 3px solid;
    max-width: 590px;
    box-shadow: inset 0 0 2px;
  }

.cta-blurb[b-pecz4covpz]::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #373736 100%) top, linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #373736 100%) bottom, linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #373736 100%) left, linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #373736 100%) right;
  background-size: 100% 5px, 100% 5px, 5px 100%, 5px 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}


#cta .cta-blurb1[b-pecz4covpz] {
  font-family: "roboto", monospace;
  color: white;
  font-size: var(--blurbFont);
  margin: -20px auto 0;
  padding: 40px 20px 20px 20px;
  background: url("https://media.veefriends.com/image/upload/v1741378449/veefriends/v3/assets/heros/texture-bg.png"), #000000;
  background-repeat: repeat;
  background-blend-mode: normal;
  border: #515151 2px solid;
  overflow: hidden;
  position: relative;
  text-wrap-style: balance;
}

  #cta .cta-blurb1 span[b-pecz4covpz] {
    color: red;
    text-transform: uppercase;
    font-family: obviously-narrow, sans-serif;
    font-size: 1.2em;
    text-wrap-style: balance;
    line-height: 25px;
    display: block;
    padding: 16px 0 16px;
  }

  .cta-blurb1[b-pecz4covpz]::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 100%) top, linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%) bottom, linear-gradient(to left, rgba(0, 0, 0, 0) 0%, black 100%) left, linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%) right;
    background-size: 100% 10px, 100% 10px, 10px 100%, 10px 100%;
    background-repeat: no-repeat;
    pointer-events: none;
  }

  #cta .cta-signup[b-pecz4covpz] {
    font-family: obviously-narrow, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: var(--signUpFont);
    width: var(--signUpbWidth);
    margin: 0 auto;
    text-transform: uppercase;
    padding: var(--signUpPadding);
    line-height: var(--signUpLineHeight);
  }

  #cta .cta-logo[b-pecz4covpz] {
    width: var(--logoWidth);
    position: absolute;
    margin: 0 auto;
    display: block;
    left: 50%;
    transform: translate(-50%, -50%);
    top: -112px;
    z-index: 2;
  }


.bg.bg-black[b-pecz4covpz] {
  padding: 20px 0 80px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  #cta .cta-bg[b-pecz4covpz] {
    display: block;
  }
}

@media (max-width: 576px) {

  .bg.bg-black[b-pecz4covpz] {
    padding: 186px 0 80px;
  }

    #cta .cta-blurb[b-pecz4covpz] {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #cta .cta-logo[b-pecz4covpz] {
      top: -82px;
      width: 400px;
    }

  fieldset[b-pecz4covpz] {
    width: 100%;

    height: auto;
  }

    fieldset[b-pecz4covpz]::after {
        display: none;
    }

    fieldset > div[b-pecz4covpz] {
      height: auto;
      padding: 60px 26px 26px;
    }
}

#schoolWrapper[b-pecz4covpz] {
  --signUpbWidth: 100%;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #schoolWrapper[b-pecz4covpz] {
    --logoWidth: 500px;
    --formHeight: 361px;
    --signUpFont: 17px;
    --signUpPadding: 35px 20px 0;
    --signUpbWidth: 100%;
    --blurbFont: 18px;
    --blurbPadding: 75px 45px 0;
    --radialGradientSize: 1000px;
  }

  .bg.bg-black[b-pecz4covpz] {
    padding: 285px 0 160px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* _content/series2-microsite/Pages/AccessEvents.cshtml.rz.scp.css */
.slide-wrapper[b-vxcapdwtnm] {
    max-height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}

[b-vxcapdwtnm] .panel {
    scroll-snap-align: start;
}
/* _content/series2-microsite/Pages/AdamLister.cshtml.rz.scp.css */
.alert[b-ye5rkao99o] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-ye5rkao99o] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }

 


.form-input-wrapper[b-ye5rkao99o] {
  width: 100%;
  max-width: 400px;
  text-align: left;
}

  .form-input-wrapper[b-ye5rkao99o]  input.form-control {
    background-color: #111 !important;
    border: 2px solid #222 !important;
    border-radius: 30px;
    color: #fff;
    text-align: left;
  }

  .form-input-wrapper[b-ye5rkao99o]  label.form-label::after,
  .form-input-wrapper[b-ye5rkao99o]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
    text-align: left;
  }


@media (max-width: 768px) {
  .form-parts[b-ye5rkao99o] {
    flex-direction: column;
    align-items: center;
  }
}
/* _content/series2-microsite/Pages/Apps.cshtml.rz.scp.css */
.header-section p[b-l6dwo142gl] {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  color: white;
  margin: 0;
}

.header-section[b-l6dwo142gl] {
  padding: 40px;
  background: linear-gradient(to top, black -60%, #001a09);
  border-radius: 250px;
  border: 1px solid #222;
  box-shadow: 0 10px 0 #000, 0 11px 0 #0a0a0a;
  margin: 20px 0 80px;
}

h1[b-l6dwo142gl] {
  filter: drop-shadow(0 7px 0px black) drop-shadow(0 1px 0px #001a09);
}

.category-section[b-l6dwo142gl] {
  margin-top: 40px;
  padding: 0 100px;
}

.app-grid[b-l6dwo142gl] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  align-items: stretch;
}

.app-card[b-l6dwo142gl] {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.image-area[b-l6dwo142gl] {
  position: relative;
  width: 100%;
  height: 199px;
  background-image: var(--bgImage);
  background-size: cover;
  border-radius: 20px 20px 0 0;
  text-decoration: none;
}

.image-area img[b-l6dwo142gl] {
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: -20px;
  left: 20px;
  z-index: 1;
}

.text-area[b-l6dwo142gl] {
  padding: 40px 20px 20px 20px;
  font-size: 16px;
  text-decoration: none;
  background: #1c0c23;
  border-radius: 0 0 20px 20px;
  position: relative;
  z-index: 0;
  flex-grow: 1;
}

.coming-soon .text-area[b-l6dwo142gl] {
  border-radius: 70px;
  text-align: center;
  padding: 42px;
  text-wrap: pretty;
  background: transparent;
  border: 1px dotted #ffffff2b;
  align-content: center;
}

h2[b-l6dwo142gl] {
  font-size: 20px;
  margin: 0 0 20px;
  color: #75339d;
}

.app-card[b-l6dwo142gl] {
  text-decoration: none;
}

.text-area h3[b-l6dwo142gl] {
  text-decoration: none;
  color: white;
  font-size: 20px;
}

.text-area p[b-l6dwo142gl] {
  text-decoration: none;
  color: white;
  font-size: 16px;
}

.badge[b-l6dwo142gl] {
  top: 20px;
  right: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .header-section[b-l6dwo142gl] {
    padding: 20px;
    border-radius: 150px;
  }

  .category-section[b-l6dwo142gl] {
    padding: 0 20px;
  }

  .app-grid[b-l6dwo142gl] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
  }

  .text-area[b-l6dwo142gl] {
    padding: 20px 10px 10px 10px;
    font-size: 14px;
  }

  .text-area h3[b-l6dwo142gl] {
    font-size: 18px;
  }

  .text-area p[b-l6dwo142gl] {
    font-size: 14px;
  }

  .image-area[b-l6dwo142gl] {
    height: 150px;
  }

  .image-area img[b-l6dwo142gl] {
    width: 50px;
    height: 50px;
    bottom: -15px;
    left: 15px;
  }
}

@media (max-width: 480px) {
  .header-section[b-l6dwo142gl] {
    padding: 15px;
    border-radius: 20px;
    margin: 20px 0;
  }

    .header-section h1[b-l6dwo142gl] {
      font-size: 24px;
      min-width: fit-content;
      margin-right: 20px;
    }

    .header-section p[b-l6dwo142gl] {
      font-size: 14px;
    }

  .category-section[b-l6dwo142gl] {
    padding: 0;
    margin: 0;
  }

  .app-grid[b-l6dwo142gl] {
    grid-template-columns: 1fr;
    gap: 10px;

  }

  .text-area[b-l6dwo142gl] {
    padding: 15px 10px 10px 10px;
    font-size: 12px;
    border-radius: 0 0 20px 20px;
  }

  .text-area h3[b-l6dwo142gl] {
    font-size: 16px;
  }

  .text-area p[b-l6dwo142gl] {
    font-size: 12px;
  }

  .image-area[b-l6dwo142gl] {
    height: 120px;
  }

  .image-area img[b-l6dwo142gl] {
    width: 40px;
    height: 40px;
    bottom: -10px;
    left: 10px;
  }
}
/* _content/series2-microsite/Pages/BaseCheckList.cshtml.rz.scp.css */
.page-root[b-zxvev8qcxs] {
  --colorBase: #187e6c;
  --colorDark: #336059;
  --gradient: linear-gradient(to bottom, var(--colorBase), var(--colorDark));
  --colorBaseAlt: #b0b9ae;
  --colorDarkAlt: #777d75;
  --gradientAlt: linear-gradient(to bottom, var(--colorBaseAlt), var(--colorDarkAlt));
  --colorWhite: #e0e0e0;
  --colorBlack: #101010;
}

.page-loader[b-zxvev8qcxs] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2; /* Above bg-grid, below scroll-container content & top-bar */
  color: var(--colorWhite);
  text-align: center;
  background-color: rgba(5, 5, 5, 0.85);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  padding-top: 60px; /* Match header height to push spinner down */
  box-sizing: border-box;
}

  .page-loader .spinner[b-zxvev8qcxs] {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 4px solid var(--colorWhite);
    width: 40px;
    height: 40px;
    animation: spin-b-zxvev8qcxs 1s linear infinite;
    margin-bottom: 10px;
  }

@keyframes spin-b-zxvev8qcxs {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Style to hide the loader (applied by JS) */
.page-loader.hidden[b-zxvev8qcxs] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.bg-main[b-zxvev8qcxs] {
  background: linear-gradient(to bottom, #030303, #050505);
  position: relative;
  height: 100%;
  overflow: hidden;
  padding-top: 0;
}

  .bg-main[b-zxvev8qcxs]::after {
    content: " ";
    height: 500px;
    width: 500px;
    position: absolute;
    top: -200px;
    left: -200px;
    background: radial-gradient(var(--colorBase) -40%, transparent 60%);
    filter: blur(50px);
    user-select: none;
    pointer-events: none;
  }

  .bg-main[b-zxvev8qcxs]::before {
    content: " ";
    height: 900px;
    width: 900px;
    position: absolute;
    bottom: -430px;
    right: -360px;
    background: radial-gradient(var(--colorDark) -40%, transparent 60%);
    filter: blur(50px);
    user-select: none;
    pointer-events: none;
  }

@keyframes moveGrid-b-zxvev8qcxs {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -50px -50px; /* Adjust for speed/direction */
  }
}

.bg-grid[b-zxvev8qcxs] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 20px 20px;
  transform: rotateX(10deg) skewY(0deg);
  transform-origin: center;
  user-select: none;
  pointer-events: none;
  animation: moveGrid-b-zxvev8qcxs 4s linear infinite;
  z-index: 0;
}

  .container[b-zxvev8qcxs] {
      position: relative;
      z-index: 1;
  }

  .scroll-container[b-zxvev8qcxs] {
    position: relative;
    overflow-y: scroll;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }

.manga-content[b-zxvev8qcxs] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-top: 80px;
  color: var(--colorWhite);
  gap: 30px;
}

.manga-content-left[b-zxvev8qcxs] {
  flex-basis: 65%;
  text-align: left;
}

  .manga-content-left p[b-zxvev8qcxs] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--colorWhite);
  }

.modal-action-btn-close[b-zxvev8qcxs] {
  position: fixed;
  top: 0;
  right: 30px;
  color: var(--colorWhite);
  font-size: 40px;
  font-weight: 100;
  z-index: 1000;
  transition: all 0.3s 0s ease;
  opacity: 0;
}

.modal-overlay.modal-overlay-opened .modal-action-btn-close[b-zxvev8qcxs] {
  opacity: 1;
}

[b-zxvev8qcxs] .manga-content-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 25px;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

  [b-zxvev8qcxs] .manga-content-right .manga-content-owned,
  [b-zxvev8qcxs] .manga-content-right .manga-content-stat {
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1746548795/veefriends/v3/assets/stat-base-bg);
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 0;
    overflow: hidden;
    outline: 2px solid var(--colorBaseAlt);
    outline-offset: 4px;
    aspect-ratio: 1 / 1; /* For square layout */
    display: flex; /* For content centering */
    flex-direction: column; /* For content centering */
    justify-content: center; /* For content centering */
    align-items: center; /* For content centering */
    padding: 10px;
  }

    [b-zxvev8qcxs] .manga-content-right .manga-content-box-number {
      display: block;
      font-weight: 800;
      text-transform: uppercase;
      font-size: clamp(1.5rem, 5vw, 2.5rem);
      color: var(--colorBaseAlt);
      margin-bottom: 5px;
      line-height: 1;
    }

     [b-zxvev8qcxs] .manga-content-right .manga-content-box-label {
      display: block;
      font-size: clamp(0.7rem, 2.5vw, 0.9rem);
      color: #bbb;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-family: obviously-narrow, sans-serif;
      line-height: 1;
    }

  [b-zxvev8qcxs] .manga-content-right .manga-content-share {
    grid-column: 1 / -1; /* Span both columns */
    border-radius: 48px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    position: relative;
    overflow: hidden;
    outline: 2px solid var(--colorBaseAlt);
  }

  [b-zxvev8qcxs] .manga-content-right .manga-content-share .manga-content-box-link {
    color: var(--colorWhite);
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
    display: block;
  }

.manga-content-cta[b-zxvev8qcxs] {
  text-decoration: none;
  border: 1px solid white;
  border-radius: 0px;
  color: white;
  padding: 8px 15px;
  font-size: 12px;
  margin-bottom: 10px;
  display: inline-block;
  transform: skewX(15deg);
  margin-left: 5px;
}

  .manga-content-cta span[b-zxvev8qcxs] {
    transform: skewX(-15deg);
    display: block;
  }

  .manga-content-cta:hover[b-zxvev8qcxs] {
    background: #333;
  }

.manga-content-title[b-zxvev8qcxs] {
  color: var(--colorBase);
  font-style: italic;
  font-family: obviously-narrow, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 32px;
  display: block;
  padding: 0;
  margin: 0;
}

.manga-content-subtitle[b-zxvev8qcxs] {
  font-style: italic;
  font-family: obviously-narrow, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 22px;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 8px;
  margin-bottom: 25px;
}

.scroll-container[b-zxvev8qcxs]::-webkit-scrollbar {
  display: none;
}

.manga-cards[b-zxvev8qcxs] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
  padding: 20px;
  position: relative;
  z-index: 1;
}

.manga-card[b-zxvev8qcxs] {
  position: relative;
  cursor: pointer;
  will-change: transform;
  transform-origin: center center;
  transition: box-shadow 0.3s ease;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  opacity: 0;
  scale: 0.8;
  y: 20;
  visibility: hidden;
}

  .manga-card .img[b-zxvev8qcxs] {
    filter: none;
  }

  .manga-card:hover[b-zxvev8qcxs] {
    box-shadow: 0 0 14px var(--colorBase);
    z-index: 2;
  }

  .manga-card.is-favorite[b-zxvev8qcxs] {
    box-shadow: 0 0 0 4px #FFC007, 0 0 14px var(--colorBase);
  }

    .manga-card.is-favorite .img[b-zxvev8qcxs] {
      filter: grayscale(.7) opacity(0.9);
    }

  .manga-card img[b-zxvev8qcxs] {
    width: 100%;
    height: auto;
    display: block;
    backface-visibility: hidden;
  }

    .manga-card img:nth-child(2)[b-zxvev8qcxs] { /* Back of card */
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

  .manga-card:hover img:nth-child(2)[b-zxvev8qcxs] {
    opacity: 1;
  }

  .manga-card .favorite-indicator[b-zxvev8qcxs] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.5rem;
    color: gold;
    text-shadow: 0 0 3px black;
    z-index: 3;
    pointer-events: none;
  }

/* Disable card hover effect on touch devices */
@media (hover: none) and (pointer: coarse) {
  .manga-card:hover img:nth-child(2)[b-zxvev8qcxs] {
    opacity: 0; /* Keep back image hidden */
  }
  .manga-card:hover[b-zxvev8qcxs] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Reset to default shadow */
    z-index: 1;
  }
}

.manga-checklist-header[b-zxvev8qcxs] {
  text-align: center;
  color: #fff;
  padding: 20px 0;
}

.manga-checklist-filterbar[b-zxvev8qcxs] {
  color: #fff;
}

.filter-search-input[b-zxvev8qcxs] {
  max-width: 250px;
}

.filter-avatar[b-zxvev8qcxs] {
  width: 32px;
  height: 32px;
  object-fit: cover;
}

.filter-profile-link:hover[b-zxvev8qcxs] {
  opacity: 0.8;
}

.modal-overlay[b-zxvev8qcxs] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.modal-container[b-zxvev8qcxs] {
  position: relative;
  perspective: 1000px;
  max-width: 80vw;
  max-height: 80vh;
}

[b-zxvev8qcxs] .modal-card {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  cursor: pointer;
}

  [b-zxvev8qcxs] .modal-card img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    object-fit: contain;
  }

    [b-zxvev8qcxs] .modal-card img:nth-child(2) {
      transform: rotateY(180deg);
    }

/* Card Flip Animation Styles for All Cards */
[b-zxvev8qcxs] .card-flippable {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

[b-zxvev8qcxs] .card-flippable .card-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

[b-zxvev8qcxs] .card-flippable.flipped .card-flip-inner {
  transform: rotateY(180deg);
}

[b-zxvev8qcxs] .modal-card-content {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 90vw;
  gap: 30px;
}

[b-zxvev8qcxs] .modal-card-container {
  position: relative;
  perspective: 1000px;
}

[b-zxvev8qcxs] .modal-details {
  color: #fff;
  max-width: 450px;
  padding: 25px;
  background: linear-gradient(135deg, rgba(30, 30, 30, 0.85) 0%, rgba(15, 15, 15, 0.95) 100%);
  border: 3px solid var(--colorBaseAlt);
  border-radius: 8px;
  backdrop-filter: blur(8px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}

  [b-zxvev8qcxs] .modal-details > * {
    position: relative;
    z-index: 1;
  }

[b-zxvev8qcxs] .modal-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px dashed var(--colorBaseAlt);
  margin-top: 10px;
}

[b-zxvev8qcxs] .modal-logo-topps {
  height: 25px;
  width: auto;
  object-fit: contain;
}

[b-zxvev8qcxs] .modal-logo-manga {
  height: 30px;
  width: auto;
  object-fit: contain;
}

[b-zxvev8qcxs] .modal-card-name {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 5px;
  color: var(--colorBaseAlt);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}

[b-zxvev8qcxs] .modal-series-name {
  font-size: 16px;
  color: #ccc;
  margin-bottom: 20px;
  font-style: italic;
}

[b-zxvev8qcxs] .modal-card-description {
  margin-bottom: 25px;
  line-height: 1.6;
  color: #eee;
}

[b-zxvev8qcxs] .modal-card-quote {
  font-style: normal;
  font-weight: 600;
  padding: 15px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  margin-bottom: 25px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
}

[b-zxvev8qcxs] .modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 25px;
  align-items: center;
}

[b-zxvev8qcxs] .modal-action-btn {
  padding: 13px 18px;
  background: var(--gradientAlt);
  color: white;
  text-decoration: none;
  border-radius: 24px;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), inset 0 -1px 1px rgba(0,0,0,0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  cursor: pointer;
}

[b-zxvev8qcxs] .modal-action-btn-share,
[b-zxvev8qcxs] .modal-action-btn-view-character {
  padding: 10px;
  min-width: 40px;
  min-height: 40px;
}

[b-zxvev8qcxs] .modal-action-btn i {
  font-size: 1.1rem;
}

[b-zxvev8qcxs] .modal-action-btn-icon {
  background: none;
  box-shadow: inset 0 0 0px 2px #4f4f4f;
  padding: 0px;
}

[b-zxvev8qcxs] .owned-badge {
  display: block;
  background-color: var(--colorBase);
  color: #333;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 10px;
  width: fit-content;
}

@media (max-width: 768px) {
  .modal-container[b-zxvev8qcxs] {
    max-width: 100vw;
    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto; /* Allow scrolling */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  }

  [b-zxvev8qcxs] .modal-card-content {
    flex-direction: column; /* Stack card and details vertically */
    max-width: 100%;
    height: 100%;
    overflow-y: auto; /* Scroll for entire content area */
    padding: 20px 10px 20px 10px; /* Top padding for spacing from screen edge */
    align-items: center;
    -webkit-overflow-scrolling: touch; /* Smoother scrolling on iOS */
    box-sizing: border-box;
  }

  [b-zxvev8qcxs] .modal-card-container {
    perspective: 1000px; /* Keep perspective for flip animation */
    height: auto;
    width: 100%;
    max-width: 310px;
    margin-bottom: 15px;
    flex-shrink: 0; /* Prevent card container from shrinking */
  }

  [b-zxvev8qcxs] .modal-card {
    width: 100%;
    padding-top: 140%; /* Maintain aspect ratio */
    height: 0;
    position: relative;
  }

    [b-zxvev8qcxs] .modal-card img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain; /* Ensure full card is visible */
    }

  /* Ensure flippable cards work properly on mobile */
  [b-zxvev8qcxs] .card-flippable {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  [b-zxvev8qcxs] .card-flippable .card-flip-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s;
  }

  [b-zxvev8qcxs] .card-flippable.flipped .card-flip-inner {
    transform: rotateY(180deg);
  }

  [b-zxvev8qcxs] .modal-details {
    max-width: 100%;
    padding: 15px;
    border-width: 2px;
    width: 100%;
    max-height: none;
    backdrop-filter: none; /* Consider removing blur on mobile for performance */
    background: rgba(15, 15, 15, 0.95);
    overflow-y: auto; /* Allow details section to scroll */
    flex-shrink: 1; /* Allow details to shrink */
    min-height: 0; /* Necessary for flex children scrolling */
  }

  [b-zxvev8qcxs] .modal-card-name {
    font-size: 24px;
  }

  [b-zxvev8qcxs] .modal-logos { /* Hide logos on mobile */
    display: none;
  }

  [b-zxvev8qcxs] .modal-logo-topps {
    height: 20px;
  }

  [b-zxvev8qcxs] .modal-logo-manga {
    height: 25px;
  }

  [b-zxvev8qcxs] .modal-action-btn {
    padding: 8px 15px;
    font-size: 0.9rem;
  }

  .manga-cards[b-zxvev8qcxs] { /* 2 columns for card grid on mobile */
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  /* Adjust modal navigation for fixed positioning on mobile */
  [b-zxvev8qcxs] .modal-nav.modal-nav-prev,
  [b-zxvev8qcxs] .modal-nav.modal-nav-next {
    position: fixed;
    top: 20%;
    transform: translateY(-50%); /* Vertically center */
    height: auto;
    padding: 8px;
    background: rgba(255, 215, 0, 0.8); /* Slightly transparent background */
    backdrop-filter: blur(4px);
  }

  [b-zxvev8qcxs] img.modal-nav-preview {
    height: 36px; /* Smaller preview image */
  }

  [b-zxvev8qcxs] .modal-nav.modal-nav-prev {
    left: 5px;
    border-radius: 0 4px 4px 0;
  }

  [b-zxvev8qcxs] .modal-nav.modal-nav-next {
    right: 5px;
    border-radius: 4px 0 0 4px;
  }

  [b-zxvev8qcxs] .manga-content-right .manga-content-share {
    margin-top: 10px;
    padding: 10px;
  }

  [b-zxvev8qcxs] .manga-content-right .manga-content-share .manga-content-box-link {
    font-size: 0.7rem; /* Smaller font size */
  }
}

/* Disable button hover effects on touch devices */
@media (hover: none) and (pointer: coarse) {
  [b-zxvev8qcxs] .modal-action-btn:hover {
    background: linear-gradient(to bottom, #e53935, #c62828); /* Original background */
    transform: none; /* Remove translateY */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), inset 0 -1px 1px rgba(0,0,0,0.2); /* Original shadow */
  }
}

.manga-checklist-topbar[b-zxvev8qcxs] {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10; /* Ensure it's above other content except modal */
  background: rgba(15, 15, 15, 0.7); /* Darker, slightly transparent background */
  backdrop-filter: blur(8px); /* Frosted glass effect */
  -webkit-backdrop-filter: blur(8px); /* Safari support */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Subtle separator line */
  padding: 0 15px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.3s ease;
}

.appbar-left[b-zxvev8qcxs],
.appbar-center[b-zxvev8qcxs],
.appbar-right[b-zxvev8qcxs] {
  display: flex;
  align-items: center;
}

.appbar-left[b-zxvev8qcxs] {
  flex-basis: 40%;
  justify-content: flex-start;
}

.appbar-center[b-zxvev8qcxs] {
  flex-basis: 20%;
  justify-content: center;
  text-align: center;
}

.appbar-right[b-zxvev8qcxs] {
  flex-basis: 40%;
  justify-content: flex-end;
}

.appbar-logo-left[b-zxvev8qcxs] {
  height: 35px;
  width: auto;
  object-fit: contain;
}

.appbar-logo-center[b-zxvev8qcxs] {
  height: 40px;
  width: auto;
  object-fit: contain;
}

[b-zxvev8qcxs] .modal-nav.modal-nav-prev,
[b-zxvev8qcxs] .modal-nav.modal-nav-next {
  text-decoration: none;
  position: absolute;
  z-index: 10;
  background: var(--colorDark);
  display: flex;
  padding: 10px;
  height: 88px;
  align-items: center;
}

[b-zxvev8qcxs] img.modal-nav-preview {
  height: 48px;
  width: auto;
  display: block;
}

[b-zxvev8qcxs] .modal-nav.modal-nav-prev {
  left: 0;
  border-radius: 0 6px 6px 0;
  background: linear-gradient(to left, var(--colorBaseAlt), var(--colorDarkAlt));
}

[b-zxvev8qcxs] .modal-nav.modal-nav-next {
  right: 0;
  border-radius: 6px 0 0 6px;
  background: linear-gradient(to right, var(--colorBaseAlt), var(--colorDarkAlt));
}

.manga-checklist-topbar .manga-checklist-header[b-zxvev8qcxs] { /* Hide original header section */
  display: none;
}

.manga-checklist-topbar .manga-checklist-filterbar[b-zxvev8qcxs] {
  padding: 0;
  margin: 0;
  gap: 10px;
  justify-content: flex-end;
  color: var(--colorWhite);
}

  .manga-checklist-topbar .manga-checklist-filterbar form[b-zxvev8qcxs] {
    margin-left: 0;
  }

.manga-checklist-topbar .form-control[b-zxvev8qcxs],
.manga-checklist-topbar .btn[b-zxvev8qcxs],
.manga-checklist-topbar .input-group-text[b-zxvev8qcxs] {
  font-size: 0.85rem;
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  height: auto;
}

.manga-checklist-topbar .filter-search-input[b-zxvev8qcxs] {
  max-width: 240px;
  min-width: 160px;
  border: 0 none;
  background: black;
  border-bottom: 1px solid var(--colorBlack);
  border-radius: 30px;
  color: white;
  margin-right: 8px;
}

  .manga-checklist-topbar .filter-search-input[b-zxvev8qcxs]::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }

[b-zxvev8qcxs] .manga-checklist-topbar .manga-checklist-filterbar-form,
[b-zxvev8qcxs] .manga-checklist-topbar .manga-checklist-filterbar-form > .input-group,
[b-zxvev8qcxs] .manga-checklist-topbar .manga-checklist-filterbar-form .filter-search-input {
  width: 100%;
  max-width: auto;
  min-width: 120px;
}

.manga-checklist-topbar .dropdown-menu[b-zxvev8qcxs] {
  background-color: white;
  backdrop-filter: blur(5px);
  border: 2px solid #ffc107;
  font-size: 0.9rem;
  border-radius: 6px;
}

[b-zxvev8qcxs] .manga-checklist-topbar a.btn-outline-warning {
  padding: 2px 7px;
  border-radius: 100%;
  background: var(--gradient);
  border: 1px solid var(--colorDark);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--colorWhite);
  margin-left: 4px;
}

.manga-checklist-topbar .user-section a.btn[b-zxvev8qcxs],
.manga-checklist-filterbar .btn.btn-secondary[b-zxvev8qcxs] {
  border-radius: 60px;
  background: var(--gradient);
  border: 1px solid var(--colorDark);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--colorWhite);
}

.manga-checklist-topbar .filter-profile-link[b-zxvev8qcxs] {
  margin-left: 5px;
}

.manga-checklist-topbar .filter-avatar[b-zxvev8qcxs] {
  width: 28px;
  height: 28px;
}

.manga-checklist-topbar .filter-profile-link span[b-zxvev8qcxs] {
  font-size: 0.85rem;
}

.manga-checklist-topbar .btn-primary[b-zxvev8qcxs] {
  background: var(--gradient);
  border: 1px solid var(--colorDark);
  color: var(--colorWhite);
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .manga-checklist-topbar[b-zxvev8qcxs] {
    padding: 0 10px;
    height: 50px;
  }

    .manga-checklist-topbar .manga-checklist-filterbar[b-zxvev8qcxs] {
      gap: 6px;
      height: 100%;
      align-items: center;
    }

    .manga-checklist-topbar .input-group[b-zxvev8qcxs],
    .manga-checklist-topbar .btn[b-zxvev8qcxs] {
      height: 30px;
      font-size: 0.8rem;
    }

    .manga-checklist-topbar .form-control[b-zxvev8qcxs],
    .manga-checklist-topbar .input-group-text[b-zxvev8qcxs],
    .manga-checklist-topbar .btn[b-zxvev8qcxs] {
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
    }

    .manga-checklist-topbar .input-group-text[b-zxvev8qcxs] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .manga-checklist-topbar .filter-search-input[b-zxvev8qcxs] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .manga-checklist-topbar .btn[b-zxvev8qcxs] {
      padding-left: 0.6rem;
      padding-right: 0.6rem;
      line-height: 1.5;
    }
    .manga-checklist-topbar .btn-outline-warning[b-zxvev8qcxs] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .manga-checklist-topbar .filter-avatar[b-zxvev8qcxs] {
      width: 28px;
      height: 28px;
      vertical-align: middle;
    }

    .manga-checklist-topbar .user-section .btn-primary[b-zxvev8qcxs] {
      height: 30px;
      display: inline-flex;
      align-items: center;
    }

  .appbar-left[b-zxvev8qcxs] {
    flex-basis: 25%;
    justify-content: flex-start;
    overflow: hidden; /* Hide overflow if logo is too big */
  }

  .appbar-center[b-zxvev8qcxs] {
    position: absolute; /* Keep it centered */
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none; /* Allow clicks through container */
  }

    .appbar-center a[b-zxvev8qcxs] {
      pointer-events: auto; /* Re-enable clicks on link */
    }

  .appbar-right[b-zxvev8qcxs] {
    flex-basis: 60%; /* More space to right side */
    justify-content: flex-end;
  }

  .manga-checklist-topbar .manga-checklist-filterbar[b-zxvev8qcxs] {
    gap: 5px; /* Reduce gap further */
    flex-wrap: nowrap; /* Prevent wrapping in filter bar */
  }

  .appbar-logo-left[b-zxvev8qcxs] {
    height: 30px;
  }

  .appbar-logo-center[b-zxvev8qcxs] {
    height: 35px;
  }

  .manga-checklist-topbar .filter-search-input[b-zxvev8qcxs] {
    max-width: 100px;
    min-width: 0; /* Allow shrinking */
    flex-shrink: 1; /* Allow search input to shrink */
  }

  .manga-checklist-topbar .dropdown-toggle[b-zxvev8qcxs] {
    min-width: auto; /* Allow button to shrink */
  }

  .manga-checklist-topbar .btn[b-zxvev8qcxs] {
    padding: 0.2rem 0.4rem;
    font-size: 0.8rem;
    white-space: nowrap; /* Prevent text wrapping on buttons */
  }

  .manga-checklist-topbar .btn-outline-warning[b-zxvev8qcxs] {
    padding: 0.2rem 0.4rem;
  }

  .manga-checklist-topbar .filter-avatar[b-zxvev8qcxs] {
    width: 24px;
    height: 24px;
  }

  .manga-checklist-topbar .input-group[b-zxvev8qcxs] {
    width: auto; /* Allow natural size */
    flex-grow: 1; /* Allow to take available space */
    max-width: 120px; /* Limit max width */
  }
}

@media (max-width: 576px) {
  .appbar-left[b-zxvev8qcxs] { /* Hide left logo */
    display: none;
  }

  .appbar-center[b-zxvev8qcxs] { /* Remove absolute positioning for natural flow */
    position: static;
    transform: none;
    flex-basis: auto;
    justify-content: flex-start;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .appbar-right[b-zxvev8qcxs] {
    flex-basis: auto; /* Allow right to take remaining space */
    width: auto;
    justify-content: flex-end;
  }

  .manga-checklist-topbar[b-zxvev8qcxs] { /* Adjust main topbar flex */
    justify-content: space-between;
  }

    .manga-checklist-topbar .manga-checklist-filterbar[b-zxvev8qcxs] {
      justify-content: flex-end;
      gap: 4px; /* Even smaller gap */
      flex-shrink: 1; /* Allow filter bar to shrink */
    }

    .manga-checklist-topbar .filter-search-input[b-zxvev8qcxs]::placeholder {
      font-size: 0.8em; /* Smaller placeholder */
    }

    .manga-checklist-topbar .filter-search-input[b-zxvev8qcxs] {
      max-width: 60px; /* Make search very small */
      min-width: 40px;
    }

    .manga-checklist-topbar .dropdown-toggle[b-zxvev8qcxs]::after { /* Caret */
      margin-left: 0.1em;
    }

    .manga-checklist-topbar .btn-outline-warning i[b-zxvev8qcxs] {
      margin: 0; /* Remove margin if text hidden (example) */
    }

    .manga-checklist-topbar .btn-outline-warning[b-zxvev8qcxs] {
      padding: 0.2rem 0.3rem; /* Smaller padding for icon only */
    }

    .manga-checklist-topbar .user-section .btn-primary[b-zxvev8qcxs] {
      padding: 0.2rem 0.4rem; /* Match other buttons */
      font-size: 0.8rem;
    }

    .manga-checklist-topbar .user-section .filter-avatar[b-zxvev8qcxs] {
      width: 24px; /* Match mobile avatar size */
      height: 24px;
    }
}

[b-zxvev8qcxs] .favorite-indicator svg {
  height: 48px;
  width: 48px;
  background: white;
  border-radius: 100%;
}

[b-zxvev8qcxs] .is-favorite .favorite-indicator svg path {
  fill: var(--colorBase);
}

[b-zxvev8qcxs] .is-favorite .favorite-indicator {
  display: block;
}

[b-zxvev8qcxs] .favorite-indicator {
  display: none;
}

@media (max-width: 768px) { /* Responsive styles for manga content */
  .manga-content[b-zxvev8qcxs] {
    flex-direction: column; /* Stack left and right */
    margin-top: 65px; /* Adjust for smaller header */
    padding: 15px;
    gap: 20px;
    align-items: center; /* Center items when stacked */
  }

  .manga-content-left[b-zxvev8qcxs] {
    flex-basis: auto;
    width: 100%; /* Take full width */
    text-align: center;
    order: 2; /* Display below stats */
  }

    .manga-content-left .manga-content-title[b-zxvev8qcxs],
    .manga-content-left .manga-content-subtitle[b-zxvev8qcxs] {
      font-size: 23px;
    }

    .manga-content-left .manga-content-subtitle[b-zxvev8qcxs] {
      font-size: 18px;
      line-height: 1.2;
      margin-bottom: 15px;
    }

    .manga-content-left p[b-zxvev8qcxs],
    .manga-content-left ul li[b-zxvev8qcxs],
    .manga-content-left ol li[b-zxvev8qcxs] {
      font-size: 0.9rem;
      text-align: left;
    }

    .manga-content-left .manga-content-cta[b-zxvev8qcxs] {
      margin-left: 0;
      margin-bottom: 0;
    }

  [b-zxvev8qcxs] .manga-content-right {
    flex-basis: auto;
    width: 100%;
    max-width: 350px;
    order: 1; /* Display above text content */
    flex-direction: row; /* Layout stat boxes side-by-side */
    justify-content: space-around;
    align-items: flex-start;
    gap: 10px;
  }

    [b-zxvev8qcxs] .manga-content-right .manga-content-owned,
    [b-zxvev8qcxs] .manga-content-right .manga-content-stat {
      flex: 1; /* Allow stat boxes to grow equally */
      padding: 10px;
    }

      [b-zxvev8qcxs] .manga-content-right .manga-content-owned span.manga-content-owner-card-count,
      [b-zxvev8qcxs] .manga-content-right .manga-content-stat span.manga-content-owner-card-percentage {
        font-size: 1.5rem;
      }
}
/* _content/series2-microsite/Pages/BookGames.cshtml.rz.scp.css */
.hero[b-4isdslk4er] {
    background: linear-gradient(180deg, #35B049 0%, #F7A61D 53.12%, #FA5F1A 100%);
    min-height: 916px;
    height: 100%;
    text-align: center;
    padding-top: 150px;
    color: white;
    width: 100%;
}

.body img[b-4isdslk4er] {
    width: 100%;
    height: auto;
}

.hero-content[b-4isdslk4er] {
    max-width: 1025px;
    display: inline-block;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.hero h1[b-4isdslk4er] {
    font-family: obviously-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 128px;
    line-height: 113px;
    text-transform: uppercase;
}

.hero h3[b-4isdslk4er] {
    font-family: roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 36px;
}

.hero-stats[b-4isdslk4er] {
    display: inherit;
    background: rgba(0, 0, 0, 0.1);
    max-width: 719px;
    padding: 40px 40px 40px 40px;
}

    .hero-stats h1[b-4isdslk4er] {
        font-family: obviously-condensed, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 36px;
        text-align: center;
    }

    .hero-stats h3[b-4isdslk4er] {
        font-family: roboto, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 36px;
        text-align: center;
    }

.line[b-4isdslk4er] {
    border-right: 1px solid white;
}

.body[b-4isdslk4er] {
    display: grid;
    justify-content: center;
    padding-bottom: 120px;
    width: 95%;
}

@media (max-width: 528px) {
}
/* _content/series2-microsite/Pages/BurnEruptions.cshtml.rz.scp.css */
.leaderboard-wrapper[b-o2j3lyby4h] {
    color: white;
    text-align: left;
    width: auto;
    min-height: 62.5rem;
    padding-top: 100px;
    background: #8e5ca2 url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1672868512/veefriends/burn-island/graveyard-bg) no-repeat bottom center;
    overflow: hidden;
    z-index: 0;
    object-fit: contain;
}

.container[b-o2j3lyby4h] {
    background: #2E224F;
    border-radius: 20px;
    padding: 4rem;
    box-shadow: 0 10px 31px -19px black;
    margin-top: 25px;
}

@media (max-width: 768px) {
    .container[b-o2j3lyby4h] {
        padding: 1rem 0.5rem !important;
    }
}

@media (max-width: 992px) {
    .container[b-o2j3lyby4h] {
        padding: 2rem;
    }
}

[b-o2j3lyby4h] .bg-transparent-light-purple,
[b-o2j3lyby4h] .graveyard-wrapper {
    margin-top: 0 !important;
    padding: 0 !important;
    background: none !important;
}

[b-o2j3lyby4h] .graveyard-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
    border-top: 1px solid var(--offWhite);
}

[b-o2j3lyby4h] .lead {
    display: none !important;
}

[b-o2j3lyby4h] .display-3 {
    font-size: 24px !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
/* _content/series2-microsite/Pages/BurnEruptionsById.cshtml.rz.scp.css */
.leaderboard-wrapper[b-av6uszwxvj] {
    color: white;
    text-align: left;
    width: auto;
    min-height: 62.5rem;
    padding-top: 100px;
    background: #8e5ca2 url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1672868512/veefriends/burn-island/graveyard-bg) no-repeat bottom center;
    overflow: hidden;
    z-index: 0;
    object-fit: contain;
}

.container[b-av6uszwxvj] {
    background: #2E224F;
    border-radius: 20px;
    padding: 4rem;
    box-shadow: 0 10px 31px -19px black;
    margin-top: 25px;
}

.text-yellow[b-av6uszwxvj] {
    color: #F1CF46;
}

[b-av6uszwxvj] .bg-transparent-light-purple,
[b-av6uszwxvj] .graveyard-wrapper {
    margin-top: 0 !important;
    padding: 0 !important;
    background: none !important;
}

[b-av6uszwxvj] .graveyard-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
    border-top: 1px solid var(--offWhite);
}

[b-av6uszwxvj] .lead {
    display: none !important;
}

[b-av6uszwxvj] .display-3 {
    font-size: 24px !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

@media (max-width: 768px) {
    .container[b-av6uszwxvj] {
        padding: 1rem 0.5rem !important;
    }

    .display-6[b-av6uszwxvj] {
        max-width: 720px;
    }
}

@media (max-width: 992px) {
    .container[b-av6uszwxvj] {
        padding: 2rem;
    }

    .display-6[b-av6uszwxvj] {
        max-width: 960px;
    }
}

@media (max-width: 576px) {
    .img-mobile[b-av6uszwxvj] {
        width: 310px;
    }

    .display-6[b-av6uszwxvj] {
        max-width: 540px;
    }
}
/* _content/series2-microsite/Pages/BurnIsland.cshtml.rz.scp.css */
h1[b-hchojvdv30] {
    text-shadow: 4px 4px 0px #000000;
}

@media (max-width: 1200px) {
    .display-1[b-hchojvdv30] {
        font-size: 4rem;
    }
}

.bg-transparent-dark-burgundy[b-hchojvdv30] {
    background: rgba(79, 23, 36, 0.9);
}

.wrapper[b-hchojvdv30] {
    /*    height: 100vh;
    max-height: 98.875rem;*/
    height: 40vh;
    width: 100%;
    /*overflow: hidden;*/
    background: #670b49;
    z-index: 1;
    padding-top: 6.25rem;
}

[b-hchojvdv30] video {
    height: 100vh;
    max-height: 98.875rem;
    min-height: 45rem;
    width: 250rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2000px;
    z-index: -1;
}

.title[b-hchojvdv30] {
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

#loader[b-hchojvdv30] {
    height: 300px;
    width: 300px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: calc(300px / -2);
    opacity: 0;
    text-align: center;
    user-select: none;
    pointer-events: none;
}

.stagger-in[b-hchojvdv30] {
    opacity: 0;
    transform: translateY(-100px);
}

.intro-container[b-hchojvdv30] {
    max-width: 1037px;
}

.intro-cta[b-hchojvdv30] {
    display: block;
    position: absolute;
    bottom: -120px;
    left: 50%;
    width: 200px;
    margin-left: -110px;
}

    .intro-cta img[b-hchojvdv30],
    .intro-no-cta img[b-hchojvdv30] {
        display: block;
        width: 200px;
        transform: scale(1);
        animation: pulse-b-hchojvdv30 2s infinite;
    }

    .intro-cta:hover[b-hchojvdv30] {
        filter: brightness(1.2);
        cursor: pointer;
    }

.intro-no-cta[b-hchojvdv30] {
    display: block;
    position: absolute;
    bottom: -120px;
    left: 50%;
    width: 200px;
    margin-left: -110px;
}

.bg-transparent-light-purple[b-hchojvdv30] {
    background: linear-gradient(to bottom, transparent 6%, #9557A3 16%, #2D1334 90%);
    margin-top: -9rem;
    position: relative;
    z-index: 2;
    padding-top: 6rem;
}

.br-half[b-hchojvdv30] {
    border-radius: 1.25rem;
}

.graveyard-wrapper[b-hchojvdv30] {
    color: white;
    text-align: left;
    width: auto;
    min-height: 62.5rem;
    background: #8e5ca2 url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1672868512/veefriends/burn-island/graveyard-bg) no-repeat center;
    z-index: 0;
    object-fit: contain;
}

.burn-island-wrapper[b-hchojvdv30] {
    position: relative;
}

.burn-island-left-bg[b-hchojvdv30],
.burn-island-right-bg[b-hchojvdv30] {
    position: fixed;
    width: 617px;
    height: 100%;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: .15;
    mix-blend-mode: overlay;
    pointer-events: none;
}

.burn-island-left-bg[b-hchojvdv30] {
    left: 0;
    background-position: left top;
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1710366311/veefriends/burn-island/burn-island-grunge-left-bg);
}

.burn-island-right-bg[b-hchojvdv30] {
    right: 0;
    background-position: right top;
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1710366311/veefriends/burn-island/burn-island-grunge-right-bg);
}


@media (max-width: 540px) {
    .intro-no-cta img[b-hchojvdv30] {
        width: 175px;
    }
}

@keyframes pulse-b-hchojvdv30 {
    0% {
        transform: scale(0.95);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.95);
    }
}
/* _content/series2-microsite/Pages/BurnIslandChests.cshtml.rz.scp.css */
.wrapper-BurnChests[b-kco96mfjaq] {
    background-color: #286482;
    background-image: url(https://media.veefriends.com/image/upload/c_scale,f_auto,h_900,q_auto/v1679535409/veefriends/burn-island/burn-island-chest-bg-left), url(https://media.veefriends.com/image/upload/c_scale,f_auto,h_900,q_auto/v1679535409/veefriends/burn-island/burn-island-chest-bg-right);
    background-repeat: no-repeat;
    background-position: left -30% top, right -30% top;
    background-size: 50%, 50%;
    width: 100%;
    min-height: 950px;
}

@media (max-width: 575px) {
    .wrapper-BurnChests[b-kco96mfjaq] {
        background-image: none;
    }
}

.burn-island-left-bg[b-kco96mfjaq],
.burn-island-right-bg[b-kco96mfjaq] {
    position: fixed;
    width: 617px;
    height: 100%;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: .15;
    mix-blend-mode: overlay;
    pointer-events: none;
}

.burn-island-left-bg[b-kco96mfjaq] {
    left: 0;
    background-position: left top;
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1710366311/veefriends/burn-island/burn-island-grunge-left-bg);
}

.burn-island-right-bg[b-kco96mfjaq] {
    right: 0;
    background-position: right top;
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1710366311/veefriends/burn-island/burn-island-grunge-right-bg);
}

.bg-primary[b-kco96mfjaq] {
    background-color: var(--green);
    background-size: cover;
    position: relative;
    min-height: 330px;
    -webkit-mask: url(https://media.veefriends.com/image/upload/v1702314389/veefriends/specials/www/socials/character-feed/cutouts/cutout-bottom.svg) bottom / 100% no-repeat border-box, linear-gradient( to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 9vw, rgba(0, 0, 0, 1) 9vw, rgba(0, 0, 0, 1) 100% );
}

    .bg-primary[b-kco96mfjaq]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(50% - 50px);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
        z-index: 0;
    }

[b-kco96mfjaq] .payment-processing {
    opacity: 0.3;
    pointer-events: none;
}

[b-kco96mfjaq] .card {
    padding-bottom: 18px;
    margin: 0;
    box-shadow: none;
    background: white;
    cursor: pointer;
    border: 0 none;
    width: 100%;
    border-radius: 16px;
    font-size: 14px;
}
[b-kco96mfjaq] .card .card-divider {
    border: 1px solid #C7C7C7 !important; 
    margin: 0.5rem 0 !important; 
    border-bottom: none !important; 
    border-left: none !important; 
    border-right: none !important;
}

[b-kco96mfjaq] .card .card-label {
    background: var(--labelColor);
    border-radius: 4px;
    display: inline-flex;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 8px;
    letter-spacing: -0.48px;
    color: #FFF;
    padding: 5px 14px 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

[b-kco96mfjaq] .sold-item {
    position: relative;
    overflow: hidden;
}

    [b-kco96mfjaq] .sold-item:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: rgb(0,0,0);
        background: transparent\9;
        background: rgba(0,0,0,0.4);
        z-index: 2;
    }

[b-kco96mfjaq] .sold-item {
    position: relative;
    overflow: hidden;
}

    [b-kco96mfjaq] .sold-item:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: rgb(0,0,0);
        background: transparent\9;
        background: rgba(0,0,0,0.4);
        z-index: 2;
    }

[b-kco96mfjaq] button.btn-buy {
    background: none;
    border: 0 none;
    width: 207px;
    height: 98px;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
}

    [b-kco96mfjaq] button.btn-buy img {
        position: relative;
        z-index: 1;
    }

    [b-kco96mfjaq] button.btn-buy .fire-anim {
        position: absolute;
        left: 0;
        bottom: 65px;
        z-index: 0;
        pointer-events: none;
        width: 200px;
        height: 80px;
    }

.btn-buy-close[b-kco96mfjaq] {
    display: block;
    margin: 0 auto;
    width: 207px;
    color: red;
}

.burn-btns[b-kco96mfjaq] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-kco96mfjaq] .new-listing {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: -43px;
    left: -43px;
    z-index: 1;
    scale: 0.5;
}

    [b-kco96mfjaq] .new-listing::before,
    [b-kco96mfjaq] .new-listing::after {
        position: absolute;
        z-index: -1;
        content: "";
        display: block;
        border: 5px solid #2980b9;
        border-top-color: transparent;
        border-left-color: transparent;
    }

    [b-kco96mfjaq] .new-listing::before {
        top: 0;
        right: 0;
    }

    [b-kco96mfjaq] .new-listing::after {
        bottom: 0;
        left: 0;
    }

    [b-kco96mfjaq] .new-listing span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 15px 0;
        background-color: #3498db;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #fff;
        font: 700 18px/1 "Lato", sans-serif;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
        text-align: center;
        right: -25px;
        top: 30px;
        transform: rotate(-45deg);
    }

[b-kco96mfjaq] .new-sale {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    left: -65px;
    z-index: 2;
    scale: 1;
}

    [b-kco96mfjaq] .new-sale::before,
    [b-kco96mfjaq] .new-sale::after {
        position: absolute;
        z-index: -1;
        content: "";
        display: block;
        border: 5px solid #ff0000; /* Bright red for both */
        border-top-color: transparent;
        border-left-color: transparent;
    }

    [b-kco96mfjaq] .new-sale::before {
        top: 0;
        right: 0;
    }

    [b-kco96mfjaq] .new-sale::after {
        bottom: 0;
        left: 0;
        border-color: #e60000; /* Slightly darker red for ::after */
        border-top-color: transparent;
        border-left-color: transparent;
    }

    [b-kco96mfjaq] .new-sale span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 15px 0;
        background-color: #ff0000; /* Bright red */
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #fff;
        font: 700 18px/1 "Lato", sans-serif;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
        text-align: center;
        right: -25px;
        top: 30px;
        transform: rotate(-45deg);
    }

[b-kco96mfjaq] .new-locked {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    left: -65px;
    z-index: 2;
    scale: 1;
}

    [b-kco96mfjaq] .new-locked::before,
    [b-kco96mfjaq] .new-locked::after {
        position: absolute;
        z-index: -1;
        content: "";
        display: block;
        border: 5px solid #ffc107; /* Bright red for both */
        border-top-color: transparent;
        border-left-color: transparent;
    }

    [b-kco96mfjaq] .new-locked::before {
        top: 0;
        right: 0;
    }

    [b-kco96mfjaq] .new-locked::after {
        bottom: 0;
        left: 0;
        border-color: #ffc107; /* Slightly darker red for ::after */
        border-top-color: transparent;
        border-left-color: transparent;
    }

    [b-kco96mfjaq] .new-locked span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 15px 0;
        background-color: #ffc107;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #fff;
        font: 700 18px/1 "Lato", sans-serif;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
        text-align: center;
        right: -25px;
        top: 30px;
        transform: rotate(-45deg);
    }

[b-kco96mfjaq] .ending-soon {
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    left: -65px;
    z-index: 2;
    scale: 1;
}

    [b-kco96mfjaq] .ending-soon::before,
    [b-kco96mfjaq] .ending-soon::after {
        position: absolute;
        z-index: -1;
        content: "";
        display: block;
        border: 5px solid #E8A700;
        border-top-color: transparent;
        border-left-color: transparent;
    }

    [b-kco96mfjaq] .ending-soon::before {
        top: 0;
        right: 0;
    }

    [b-kco96mfjaq] .ending-soon::after {
        bottom: 0;
        left: 0;
        border-color: #E8A700; /* Slightly darker red for ::after */
        border-top-color: transparent;
        border-left-color: transparent;
    }

    [b-kco96mfjaq] .ending-soon span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 15px 0;
        background-color: #E8A700; /* Bright red */
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #fff;
        font: 700 15px/1 "Lato", sans-serif;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
        text-align: center;
        right: -28px;
        top: 36px;
        transform: rotate(-45deg);
    }

.bg-loading[b-kco96mfjaq] {
    position: relative;
    margin-top: 6px;
    z-index: 5;
}

    .bg-loading[b-kco96mfjaq]::after {
        content: "";
        position: absolute;
        top: -24px;
        left: 0;
        width: 100%;
        height: calc(100% + 25px);
        transition: opacity 0.3s ease-in-out;
        background: #fff;
        pointer-events: none;
        opacity: 0;
        z-index: 5;
    }

    .bg-loading.bg-loading-active[b-kco96mfjaq]::after {
        opacity: 0.6;
        pointer-events: all;
    }

.treasureDetailsHero[b-kco96mfjaq] {
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
}

#treasureDetails .treasureDetailsHero-text-container[b-kco96mfjaq] {
    padding: 0 20px;
}

#treasureDetails .treasureDetailsHero-images[b-kco96mfjaq] {
    padding: 0;
}

#treasureDetails .treasureDetailsHero-images-container[b-kco96mfjaq] {
    border-left: 1px solid #efefef;
    padding: 20px 10px;
}

[b-kco96mfjaq] #treasureDetails .modal-md {
    --bs-modal-width: 800px !important;
}

[b-kco96mfjaq] #treasureDetails .details-list li:not(:first-child) {
    border-top: 1px solid black;
}

[b-kco96mfjaq] #treasureDetails .modal-footer {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    padding-top: 0;
    display: block;
}

[b-kco96mfjaq] #treasureDetails .modal-body {
    padding-bottom: 0;
}

[b-kco96mfjaq] #treasureDetails .treasureDetailsHero-footer {
    padding: 0 0 20px;
    margin: 0;
    border-top: 1px solid #efefef;
}

.carousel-indicators [data-bs-target][b-kco96mfjaq] {
    background-color: black;
}

.carousel-indicators[b-kco96mfjaq] {
    bottom: -50px;
}

.carousel-control-next[b-kco96mfjaq],
.carousel-control-prev[b-kco96mfjaq] {
    filter: invert(100%);
}

@media (max-width: 991px) {
    [b-kco96mfjaq] #treasureDetails .modal-body {
        padding: 1rem !important;
    }

    [b-kco96mfjaq] #treasureDetails .modal-footer {
        padding: 0 1rem 1rem;
        justify-content: center;
    }
}

.masonry[b-kco96mfjaq] {
    margin: 0 auto;
    width: 1382px;
}

@media (max-width: 1400px) {
    .masonry[b-kco96mfjaq] {
        width: 1032.75px;
    }
}

@media (max-width: 1200px) {
    [b-kco96mfjaq] .card-img-top {
        height: 200px !important;
    }

    [b-kco96mfjaq] .card-body h3 {
        font-size: 1.2rem;
    }

    .masonry[b-kco96mfjaq] {
        width: 683.5px;
    }
}

@media (max-width: 768px) {
    [b-kco96mfjaq] .card-img-top {
        height: 200px !important;
    }

    [b-kco96mfjaq] .card-body h3 {
        font-size: 1.2rem;
    }

    .masonry[b-kco96mfjaq] {
        width: 334.25px;
    }
}

[b-kco96mfjaq] .grid-item,
.grid-sizer[b-kco96mfjaq] {
    min-width: 334.25px;
    max-width: 334.25px;
    margin: 0 0 15px;
    padding: 0;
    border: none;
    transition: all 250ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
    box-shadow: 0 5px 0 0 #0c1e29;
    border-radius: 16px;
}

    [b-kco96mfjaq] .grid-item:hover {
        opacity: 0.95;
        transform: translateY(5px);
        box-shadow: 0 0 0 0 #0c1e29;
    }

[b-kco96mfjaq] .card-img-top {
    background: #12110D;
    border: 4px solid white;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    position: relative;
    height: 280px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    [b-kco96mfjaq] .card-img-top img.img-blur {
        position: absolute;
        left: -75px;
        height: auto;
        width: 150%;
        aspect-ratio: 1/1;
        opacity: .9;
        filter: blur(200px);
        top: -75px;
        object-fit: cover;
    }

    [b-kco96mfjaq] .card-img-top img.card-img {
        position: relative;
        z-index: 1;
        aspect-ratio: 1/1;
        object-fit: scale-down;
        max-height: 200px;
        max-width: 90%;
    }

.details-list-group > li[b-kco96mfjaq] {
    border: 0 none !important;
    list-style: none;
}

.details-list-group .details-list-group-child[b-kco96mfjaq],
[b-kco96mfjaq] .details-list-group .details-list-group-child li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.details-list-group > li.token-requirements[b-kco96mfjaq] {
    border-bottom: 1px solid #efefef !important;
    padding-bottom: 5px;
}

    .details-list-group > li.token-requirements:last-child[b-kco96mfjaq] {
        border: 0 none !important;
    }


.item-destination[b-kco96mfjaq] {
    font-size: 13px;
    background: #FFEB3B;
    padding: 15px;
    border-radius: 10px;
    margin-top: 18px;
}

.notice[b-kco96mfjaq] {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 15px;
    color: #009688;
}
/* _content/series2-microsite/Pages/BurnLeaderboard.cshtml.rz.scp.css */
.leaderboard-wrapper[b-n09tef621s] {
    color: white;
    text-align: center;
    width: auto;
    min-height: 62.5rem;
    padding-top: 100px;
    background: #8e5ca2 url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1672868512/veefriends/burn-island/bottom-devil-underground) no-repeat bottom center;
    overflow: hidden;
    z-index: 0;
    background-size: cover;
}

.container[b-n09tef621s] {
    background: rgba(61, 15, 35, 0.9);
    border-radius: 20px;
    padding: 4rem;
    box-shadow: 0 10px 31px -19px black;
    margin-top: 25px;
}

@media (max-width: 768px) {
    .container[b-n09tef621s] {
        padding: 1rem 0.5rem 0 !important;
    }
}

@media (max-width: 992px) {
    .container[b-n09tef621s] {
        padding: 2rem 2rem 0;
    }
}

@media (max-width: 576px) {
    .img-mobile[b-n09tef621s] {
        width: 310px;
    }
}
/* _content/series2-microsite/Pages/BurnLeaderboardById.cshtml.rz.scp.css */
.leaderboard-wrapper[b-c0ukhtajil] {
    color: white;
    text-align: left;
    width: auto;
    min-height: 62.5rem;
    padding-top: 100px;
    background: #8e5ca2 url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1672868512/veefriends/burn-island/bottom-devil-underground) no-repeat bottom center;
    overflow: hidden;
    z-index: 0;
    background-size: cover;
}

.container[b-c0ukhtajil] {
    background: rgba(61, 15, 35, 0.9);
    border-radius: 20px;
    padding: 4rem;
    box-shadow: 0 10px 31px -19px black;
    margin-top: 25px;
}

.text-yellow[b-c0ukhtajil] {
    color: #F1CF46;
}

@media (max-width: 768px) {
    .container[b-c0ukhtajil] {
        padding: 1rem 0.5rem 0 !important;
    }

    .display-6[b-c0ukhtajil] {
        max-width: 720px;
    }
}

@media (max-width: 992px) {
    .container[b-c0ukhtajil] {
        padding: 2rem 2rem 0;
    }

    .display-6[b-c0ukhtajil] {
        max-width: 960px;
    }
}

@media (max-width: 576px) {
    .img-mobile[b-c0ukhtajil] {
        width: 310px;
    }

    .display-6[b-c0ukhtajil] {
        max-width: 540px;
    }
}
/* _content/series2-microsite/Pages/Characters.cshtml.rz.scp.css */
.filterArea ul[b-ibdv2z5qdf] {
  list-style: none;
  padding: 0;
  margin: 0;
}

.filterArea ul li[b-ibdv2z5qdf] {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background: #f8f8f8;
  text-align: center;
  margin: 9px 5px;
  border-radius: 100%;
}

.filterArea ul li a[b-ibdv2z5qdf] {
  text-decoration: none;
  font-size: 13px;
  display: block;
}

.filterArea ul li:hover[b-ibdv2z5qdf],
.filterArea ul li:has(a.active)[b-ibdv2z5qdf] {
  background: var(--green);
}

.filterArea ul li:hover a[b-ibdv2z5qdf],
.filterArea ul li a.active[b-ibdv2z5qdf] {
  color: white;
}

.filterArea ul li a.disabled[b-ibdv2z5qdf] {
  color: #999;
  background: white;
  pointer-events: none;
  user-select: none;
}

.searchArea input[b-ibdv2z5qdf] {
  background: #f8f8f8
    url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1673288848/veefriends/specials/www/socials/search-icon.png)
    no-repeat 96% center;
  border-radius: 4px;
  height: 48px;
  line-height: 48px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: rgba(33, 37, 41, 0.5);
  border: 0 none;
  text-indent: 15px;
  width: 100%;
  position: relative;
}

.resultArea[b-ibdv2z5qdf] {
  position: relative;
  padding: 10px 0 0;
}

.character[b-ibdv2z5qdf] {
  text-align: center;
  border: 2px solid #2125291a;
  border-radius: 15px;
  margin-bottom: 20px;
  transform: translateY(-10px);
  will-change: transform;
  min-height: 16rem;
  box-shadow: inset 0 0 70px -41px var(--primaryColor);
}

.character a[b-ibdv2z5qdf] {
  display: block;
  text-decoration: none;
}

.character img[b-ibdv2z5qdf] {
  height: 163px;
  display: block;
  margin: 15px auto 0;
  transition: all 350ms 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(0);
}

@media (max-width: 991px) {
  .character img[b-ibdv2z5qdf] {
    height: 119px;
  }
}

.character h4[b-ibdv2z5qdf] {
  text-align: center;
  display: block;
  margin: 15px auto;
  padding: 0 10px;
  line-height: 22px;
}

.character:hover[b-ibdv2z5qdf] {
  border: 2px solid var(--primaryColor);
}

.character:hover img[b-ibdv2z5qdf] {
  transform: translateY(-8px);
}

.access-token[b-ibdv2z5qdf] {
  position: absolute;
  left: 0;
  width: calc(100% - 10px);
  top: 0;
  padding: 3px 0;
  background: linear-gradient(45deg, #16daaa, var(--green));
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  margin: 5px 5px;
  border-radius: 9px;
}

/* _content/series2-microsite/Pages/CharacterStory.cshtml.rz.scp.css */
.email-input[b-e89eytyj06] {
    border: 0.125rem solid #D3D3D3;
}

    .email-input:focus[b-e89eytyj06] {
        outline: none;
    }

    .email-input[b-e89eytyj06]::placeholder {
        color: #D3D3D3;
    }

.btn-sign-up[b-e89eytyj06] {
    color: white;
    border: 0.125rem solid #005944;
    padding: 0.5rem 1.5rem;
    box-shadow: 0.063rem 0.063rem 0rem 0rem #005944, 0.125rem 0.125rem 0rem 0rem #005944, 0.188rem 0.188rem 0rem 0rem #005944, 0.25rem 0.25rem 0rem 0rem #005944, 0.25rem 0.25rem 0rem 0rem #005944;
    height: 2.75rem;
    width: 7.281rem;
}

    .btn-sign-up:active[b-e89eytyj06] {
        box-shadow: 0px 0px 0px 0px;
        top: 0.313rem;
        left: 0.313rem;
        transform: translate(0.125rem, 0.25rem);
        opacity: 90%;
    }

.mobile-carousel .height[b-e89eytyj06] {
    height: 25.25rem;
}

.carousel-control-prev-icon[b-e89eytyj06] {
    transform: translate(-4rem)
}

.carousel-control-next-icon[b-e89eytyj06] {
    transform: translate(4rem)
}

.icon-dark[b-e89eytyj06] {
    filter: invert(1) grayscale(100);
}

.quote-section[b-e89eytyj06] {
    padding-top: 18.75rem;
}

@media (max-width: 400px) {
    .quote-section[b-e89eytyj06] {
        padding-top: 16.75rem;
    }
}

.pb-quote-section[b-e89eytyj06] {
    padding-bottom: 22rem;
}

.character-stats-section[b-e89eytyj06] {
    height: 90rem;
}

.stats-img[b-e89eytyj06] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 21rem;
}

.stats-box[b-e89eytyj06] {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 10px 30px rgb(0 0 0 / 15%);
}

.stats-col:nth-child(even)[b-e89eytyj06] {
    justify-content: end;
}

.recent-activity-section[b-e89eytyj06] {
    background: linear-gradient(to bottom, #F1B11D, #FFED4A);
}

    .recent-activity-section .container[b-e89eytyj06] {
        position: relative;
        width: 100%;
        height: 50rem;
    }

    .recent-activity-section .carousel-caption[b-e89eytyj06] {
        transform: translate(0, 7rem)
    }

.vslide-container[b-e89eytyj06] {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.vslide[b-e89eytyj06] {
    position: relative;
    width: 100%;
    height: 75%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.vslide-toggle-container[b-e89eytyj06] {
    position: relative;
    width: 5%;
    height: 100%;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.vslide-toggle[b-e89eytyj06] {
    margin: .5em;
    cursor: pointer;
}

.series-header[b-e89eytyj06] {
    width: 29rem;
}

.stats-box[b-e89eytyj06] {
    height: 13rem;
    width: 29rem;
}

.carousel[b-e89eytyj06] {
    max-width: 21.3rem;
}

@media(max-width: 1400px) {
    .recent-activity-section .container[b-e89eytyj06] {
        height: 45rem;
    }
}

@media(max-width: 1399px) {
    .stack[b-e89eytyj06] {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media(max-width: 1200px) {
    .character-stats-section[b-e89eytyj06] {
        height: 100rem;
    }

    .recent-activity-section .container[b-e89eytyj06] {
        height: 38rem;
    }
}

@media(max-width: 992px) {
    .character-stats-section[b-e89eytyj06] {
        height: 92rem;
    }

    .series-header[b-e89eytyj06] {
        width: 22rem;
    }

    .stats-box[b-e89eytyj06] {
        height: 11rem;
        width: 22rem;
    }

    .recent-activity-section .container[b-e89eytyj06] {
        height: 28rem;
    }
}

@media(max-width: 768px) {
    .character-stats-section[b-e89eytyj06] {
        height: 81rem;
    }

    .series-header[b-e89eytyj06] {
        width: 16rem;
    }

    .stats-box[b-e89eytyj06] {
        height: 10rem;
        width: 16rem;
    }

    .recent-activity-section .carousel-inner[b-e89eytyj06] {
        height: 40rem;
    }

    .recent-activity-section .carousel-control-prev-icon[b-e89eytyj06] {
        transform: translate(-2rem, -2rem)
    }

    .recent-activity-section .carousel-control-next-icon[b-e89eytyj06] {
        transform: translate(2rem, -2rem)
    }
}

@media(max-width: 767px) {
    .recent-activity-section[b-e89eytyj06] {
        height: 50rem;
    }

        .recent-activity-section .carousel-control-prev-icon[b-e89eytyj06] {
            transform: translate(-1.5rem, -4rem)
        }

        .recent-activity-section .carousel-control-next-icon[b-e89eytyj06] {
            transform: translate(1.5rem, -4rem)
        }

    .stats-img[b-e89eytyj06] {
        width: 17rem;
    }
}

@media(max-width: 675px) {
    .recent-activity-section[b-e89eytyj06] {
        height: 45rem;
    }
}

@media(max-width: 600px) {
    .recent-activity-section[b-e89eytyj06] {
        height: 41rem;
    }

        .recent-activity-section .carousel-control-prev-icon[b-e89eytyj06] {
            transform: translate(-1.5rem, -6rem)
        }

        .recent-activity-section .carousel-control-next-icon[b-e89eytyj06] {
            transform: translate(1.5rem, -6rem)
        }
}

@media(max-width: 576px) {
    .mobile-carousel .height[b-e89eytyj06] {
        height: 22rem;
    }

    .recent-activity-section[b-e89eytyj06] {
        height: 47rem;
    }
}

@media(max-width: 530px) {
    .character-stats-section[b-e89eytyj06] {
        height: 80rem;
    }

    .series-header[b-e89eytyj06] {
        width: 12rem;
    }

    .stats-col:nth-child(odd) .stats-box[b-e89eytyj06] {
        margin-right: 0.5rem;
    }

    .stats-col:nth-child(even) .stats-box[b-e89eytyj06] {
        margin-left: 0.5rem;
    }

    .stats-box[b-e89eytyj06] {
        width: 100%;
    }

    .recent-activity-section[b-e89eytyj06] {
        height: 44rem;
    }
}

@media(max-width: 475px) {
    .recent-activity-section[b-e89eytyj06] {
        height: 41rem;
    }

        .recent-activity-section .carousel-control-prev-icon[b-e89eytyj06] {
            transform: translate(-1.5rem, -8rem)
        }

        .recent-activity-section .carousel-control-next-icon[b-e89eytyj06] {
            transform: translate(1.5rem, -8rem)
        }
}

@media(max-width: 1024px) {
    .series-header[b-e89eytyj06] {
        width: 11rem;
    }

    .recent-activity-section[b-e89eytyj06] {
        height: 40rem;
    }

        .recent-activity-section .carousel-caption[b-e89eytyj06] {
            transform: translate(0, 9rem)
        }

    .trailer picture img[b-e89eytyj06] {
        width: 100%;
    }
}
/* _content/series2-microsite/Pages/CharacterStory404.cshtml.rz.scp.css */
.text-green[b-jfaciljkvm] {
    color: #00AD83;
}

.hero[b-jfaciljkvm] {
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1666124323/veefriends/characters/assets/hero-bg);
    background-color: white;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.video-container[b-jfaciljkvm] {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 1.875rem;
    aspect-ratio: 16/9;
    width: 100%;
    overflow: hidden;
}

    .video-container iframe[b-jfaciljkvm], .video-container object[b-jfaciljkvm], .video-container embed[b-jfaciljkvm] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.bg-dark-red[b-jfaciljkvm] {
    background-color: #bb0e16;
}

    .bg-dark-red .container[b-jfaciljkvm] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1666123017/veefriends/characters/assets/be-the-bigger-person/bg-fortune);
        background-repeat: no-repeat;
        background-position: bottom left;
    }

.bg-dark-violet[b-jfaciljkvm] {
    background-color: #342437;
}

    .bg-dark-violet .container[b-jfaciljkvm] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1666123017/veefriends/characters/assets/common-sense-cow/bg-fortune);
        background-repeat: no-repeat;
        background-position: bottom right;
    }

.bg-dark-brown[b-jfaciljkvm] {
    background-color: #6d240b;
}

    .bg-dark-brown .container[b-jfaciljkvm] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1666123017/veefriends/characters/assets/genuine-giraffe/bg-fortune);
        background-repeat: no-repeat;
        background-position: bottom left;
    }

.bg-dark-blue[b-jfaciljkvm] {
    background-color: #00344e;
}

    .bg-dark-blue .container[b-jfaciljkvm] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1666123017/veefriends/characters/assets/gratitude-gorilla/bg-fortune);
        background-repeat: no-repeat;
        background-position: bottom right;
    }

.bg-dark-lime-green[b-jfaciljkvm] {
    background-color: #6e901f;
}

    .bg-dark-lime-green .container[b-jfaciljkvm] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1666123017/veefriends/characters/assets/practical-peacock/bg-fortune);
        background-repeat: no-repeat;
        background-position: bottom left;
    }

.bg-dark-purple[b-jfaciljkvm] {
    background-color: #27194f;
}

    .bg-dark-purple .container[b-jfaciljkvm] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1666123017/veefriends/characters/assets/willful-wizard/bg-fortune);
        background-repeat: no-repeat;
        background-position: bottom right;
    }

@media(max-width: 992px) {
    .hero[b-jfaciljkvm] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1665676673/veefriends/characters/assets/fortune-mobile);
        background-repeat: no-repeat;
        background-position: top center;
    }

    .character-img[b-jfaciljkvm] {
        height: 9.5rem;
    }

    .bg-dark-red .container[b-jfaciljkvm],
    .bg-dark-violet .container[b-jfaciljkvm],
    .bg-dark-brown .container[b-jfaciljkvm],
    .bg-dark-blue .container[b-jfaciljkvm],
    .bg-dark-lime-green .container[b-jfaciljkvm],
    .bg-dark-purple .container[b-jfaciljkvm] {
        background: none;
    }
}
/* _content/series2-microsite/Pages/ComicBooks.cshtml.rz.scp.css */
.alert[b-j5yy4cknmu] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-j5yy4cknmu] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }


.form-input-wrapper[b-j5yy4cknmu] {
  width: 100%;
  max-width: 800px;
  text-align: left;
}

  .form-input-wrapper[b-j5yy4cknmu]  input.form-control {
    background-color: #111 !important;
    border: 2px solid #222;
    border-radius: 30px;
    color: #fff;
    text-align: left;
  }

  .form-input-wrapper[b-j5yy4cknmu]  label.form-label::after,
  .form-input-wrapper[b-j5yy4cknmu]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
    text-align: left;
  }

[b-j5yy4cknmu] .label-small {
  font-size: 10px !important;
}


@media (max-width: 768px) {
  .form-parts[b-j5yy4cknmu] {
    flex-direction: column;
    align-items: center;
  }
}
/* _content/series2-microsite/Pages/Comics.cshtml.rz.scp.css */
h1[b-l44rnuuhzu] {
    text-shadow: 0 3px 0px black, 0 -1px 0px var(--bs-indigo)
}

.halftone[b-l44rnuuhzu] {
    background: url(/images/v2/hero/halftone-right-to-left.png) top center no-repeat;
    position: absolute;
    pointer-events: none;
    user-select: none;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 1310px;
    mix-blend-mode: overlay;
    opacity: .2;
    background-size: contain;
}

#comic-archives[b-l44rnuuhzu] {
    min-height: 675px;
}

.comic-loader[b-l44rnuuhzu] {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 2px 2px black;
    margin: 175px auto 0;
    text-align: center;
}

    .comic-loader img[b-l44rnuuhzu] {
        display: block;
        padding-top: 15px;
        margin: 0 auto;
    }

.hero-item[b-l44rnuuhzu] {
    overflow: hidden;
    background: white;
    border: 4px solid black;
    box-sizing: content-box;
    box-shadow: 0 12px 16px -15px #000;
}

    .hero-item .img[b-l44rnuuhzu] {
        object-fit: contain;
        width: 100%;
        max-height: 330px;
    }

    .hero-item.hero-item_primary .img[b-l44rnuuhzu] {
        object-fit: fill;
        width: 100%;
        min-height: 1026px;
    }

.hero-item-caption[b-l44rnuuhzu] {
    position: absolute;
    background: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    border-radius: 5px;
}


.hero-item-cal[b-l44rnuuhzu] {
    display: block;
    text-align: center;
    width: 55px;
    height: 75px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 10px;
}

.hero-item-month[b-l44rnuuhzu],
.hero-item-day[b-l44rnuuhzu] {
    display: block;
    text-transform: uppercase;
    color: #242559;
    line-height: 100%;
}

.hero-item-month[b-l44rnuuhzu] {
    font-size: 16px;
    padding-top: 12px;
}

.hero-item-day[b-l44rnuuhzu] {
    font-size: 40px;
    line-height: 26px;
}

.hero-item-title[b-l44rnuuhzu] {
    display: block;
    font-size: 13px;
    line-height: 14px;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 100px);
    background: black;
    color: white;
    padding: 5px 15px;
    width: 200px;
    font-weight: bold;
    border-radius: 16px;
    text-align: center;
    opacity: 0;
    transform: translateY(100px);
    transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}


.hero-item:hover .hero-item-title[b-l44rnuuhzu] {
    opacity: 1;
    transform: translateY(0);
}

.alert[b-l44rnuuhzu] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-l44rnuuhzu] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }


.form-input-wrapper[b-l44rnuuhzu] {
  width: 100%;
  max-width: 400px;
  text-align: left;
}

  .form-input-wrapper[b-l44rnuuhzu]  input.form-control {
    background-color: #111 !important;
    border: 2px solid #222;
    border-radius: 30px;
    color: #fff;
    text-align: left;
  }

  .form-input-wrapper[b-l44rnuuhzu]  label.form-label::after,
  .form-input-wrapper[b-l44rnuuhzu]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
    text-align: left;
  }


@media (max-width: 768px) {
  .form-parts[b-l44rnuuhzu] {
    flex-direction: column;
    align-items: center;
  }
}


@media (max-width: 1200px) {
    .hero-item.hero-item_primary .img[b-l44rnuuhzu] {
        min-height: 600px;
    }
}
/* _content/series2-microsite/Pages/ComicsById.cshtml.rz.scp.css */
.halftone[b-fg0dxbtaf9] {
    background: url(/images/v2/hero/halftone-right-to-left.png) top center no-repeat;
    position: absolute;
    pointer-events: none;
    user-select: none;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 1310px;
    mix-blend-mode: overlay;
    opacity: .2;
    background-size: contain;
}

.image-wrapper[b-fg0dxbtaf9] {
    overflow: hidden;
    background: white;
    border: 4px solid black;
    box-sizing: content-box;
    box-shadow: 0 12px 16px -15px #000;
}

.breadcrumb-wrapper[b-fg0dxbtaf9] {
    border-top: 1px solid #242659;
    border-bottom: 1px solid #242659;
    background: #242659;
    box-shadow: 0 0 2px 2px #009eff, inset 0 0 27px -21px #00a5ff;
}

.breadcrumb-item[b-fg0dxbtaf9],
.breadcrumb-item a[b-fg0dxbtaf9] {
    color: #00a5ff;
    font-weight: bold !important;
    text-decoration: none;
}

    .breadcrumb-item a[b-fg0dxbtaf9] {
        color: white;
    }

    .breadcrumb-item + .breadcrumb-item[b-fg0dxbtaf9]::before {
        content: "·";
        color: white;
    }


.comic-footer[b-fg0dxbtaf9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comic-footer-actions a[b-fg0dxbtaf9] {
    text-decoration: none;
}

.dot-separator[b-fg0dxbtaf9] {
    font-size: 24px;
    color: white;
    position: relative;
    top: 6px;
    padding: 0 10px;
}


.tagcloud[b-fg0dxbtaf9] {
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    max-width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}

    .tagcloud li[b-fg0dxbtaf9] {
        display: inline-flex;
        line-height: 1.2em;
        vertical-align: middle;
        margin: 0 0.4em;
        transition: color 0.5s ease-in-out;
    }

        .tagcloud li:hover[b-fg0dxbtaf9] {
            color: #b2cb07;
        }

            .tagcloud li:hover.is-highlighted[b-fg0dxbtaf9] {
                color: #000;
            }


    .tagcloud [tag-value="1"][b-fg0dxbtaf9] {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.2);
    }

    .tagcloud [tag-value="2"][b-fg0dxbtaf9] {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.3);
    }

    .tagcloud [tag-value="3"][b-fg0dxbtaf9] {
        font-size: 18px;
        color: rgba(0, 0, 0, 0.4);
    }

    .tagcloud [tag-value="4"][b-fg0dxbtaf9] {
        font-size: 21px;
        color: rgba(0, 0, 0, 0.5);
    }

    .tagcloud [tag-value="5"][b-fg0dxbtaf9] {
        font-size: 24px;
        color: rgba(0, 0, 0, 0.6);
    }

    .tagcloud [tag-value="6"][b-fg0dxbtaf9] {
        font-size: 27px;
        color: rgba(0, 0, 0, 0.7);
    }

    .tagcloud [tag-value="7"][b-fg0dxbtaf9] {
        font-size: 30px;
        color: rgba(0, 0, 0, 0.8);
    }

    .tagcloud [tag-value="8"][b-fg0dxbtaf9] {
        font-size: 33px;
        color: rgba(0, 0, 0, 0.9);
    }

    .tagcloud [tag-value="9"][b-fg0dxbtaf9] {
        font-size: 36px;
        color: black;
    }

    .tagcloud [tag-value][b-fg0dxbtaf9] {
        -webkit-animation: tagcloud-load 2s;
        animation: tagcloud-load-b-fg0dxbtaf9 2s;
    }

    .tagcloud .is-highlighted[b-fg0dxbtaf9] {
        color: #b2cb07;
    }

@-webkit-keyframes tagcloud-load {
    from {
        transform: scale(0.8);
        color: transparent;
        opacity: 0;
    }

    to {
        transform: scale(1);
    }
}

@keyframes tagcloud-load-b-fg0dxbtaf9 {
    from {
        transform: scale(0.8);
        color: transparent;
        opacity: 0;
    }

    to {
        transform: scale(1);
    }
}


.lead[b-fg0dxbtaf9] {
    padding: 0;
    margin-bottom: 20px;
}

    .lead[b-fg0dxbtaf9]  p {
        margin: 0;
        padding: 0;
    }


@media (max-width: 500px) {
    .comic-footer-actions img[b-fg0dxbtaf9] {
        height: 42px;
    }

    [b-fg0dxbtaf9] .flat-button {
        padding: 0px 16px !important;
    }
}
/* _content/series2-microsite/Pages/ComicsByTag.cshtml.rz.scp.css */

.breadcrumb-wrapper[b-umekhj8ums] {
    border-top: 1px solid #242659;
    border-bottom: 1px solid #242659;
    background: #242659;
    box-shadow: 0 0 2px 2px #009eff, inset 0 0 27px -21px #00a5ff;
}

.breadcrumb-item[b-umekhj8ums],
.breadcrumb-item a[b-umekhj8ums] {
    color: #00a5ff;
    font-weight: bold !important;
    text-decoration: none;
}

    .breadcrumb-item a[b-umekhj8ums] {
        color: white;
    }

    .breadcrumb-item + .breadcrumb-item[b-umekhj8ums]::before {
        content: "·";
        color: white;
    }

#comic-archives[b-umekhj8ums] {
    min-height: 675px;
}

.comic-loader[b-umekhj8ums] {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    background: white;
    box-shadow: 0 2px 2px 2px black;
    margin: 175px auto 0;
    text-align: center;
}

    .comic-loader img[b-umekhj8ums] {
        display: block;
        padding-top: 15px;
        margin: 0 auto;
    }

.halftone[b-umekhj8ums] {
    background: url(/images/v2/hero/halftone-right-to-left.png) top center no-repeat;
    position: absolute;
    pointer-events: none;
    user-select: none;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 1310px;
    mix-blend-mode: overlay;
    opacity: .2;
    background-size: contain;
}

.hero-item[b-umekhj8ums] {
    overflow: hidden;
    background: white;
    border: 4px solid black;
    box-sizing: content-box;
    box-shadow: 0 12px 16px -15px #000;
}

    .hero-item .img[b-umekhj8ums] {
        object-fit: none;
        width: 100%;
        max-height: 330px;
    }

    .hero-item.hero-item_primary .img[b-umekhj8ums] {
        object-fit: fill;
        width: 100%;
        min-height: 1026px;
    }

.hero-item-caption[b-umekhj8ums] {
    position: absolute;
    background: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    border-radius: 5px;
}


.hero-item-cal[b-umekhj8ums] {
    display: block;
    text-align: center;
    width: 55px;
    height: 75px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 10px;
}

.hero-item-month[b-umekhj8ums],
.hero-item-day[b-umekhj8ums] {
    display: block;
    text-transform: uppercase;
    color: #242559;
    line-height: 100%;
}

.hero-item-month[b-umekhj8ums] {
    font-size: 16px;
    padding-top: 12px;
}

.hero-item-day[b-umekhj8ums] {
    font-size: 40px;
    line-height: 26px;
}

.hero-item-title[b-umekhj8ums] {
    display: block;
    font-size: 13px;
    line-height: 14px;
    position: absolute;
    bottom: 10px;
    left: calc(50% - 100px);
    background: black;
    color: white;
    padding: 5px 15px;
    width: 200px;
    font-weight: bold;
    border-radius: 16px;
    text-align: center;
    opacity: 0;
    transform: translateY(100px);
    transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}


.hero-item:hover .hero-item-title[b-umekhj8ums] {
    opacity: 1;
    transform: translateY(0);
}
/* _content/series2-microsite/Pages/CompeteAndCollect.cshtml.rz.scp.css */
.background[b-xegzc2026x] {
    background: linear-gradient(48.33deg, #005BAA -1.92%, #311245 79.63%);
}

.hero[b-xegzc2026x] {
    padding: 50px 0 155px;
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1696629620/veefriends/specials/www/compete-and-collect/hero-background);
    background-attachment: fixed;
}

.hero-logo[b-xegzc2026x] {
    top: 65px
}

.hero-frame[b-xegzc2026x] {
    mix-blend-mode: overlay;
    left: 0;
    width: 100%;
    top: 0;
}

.divider[b-xegzc2026x] {
    display: block;
    background: black;
    height: 11px;
    width: 100%;
}


.divider-cyber[b-xegzc2026x] {
    display: block;
    width: 100%;
    background-image: url(https://media.veefriends.com/image/upload/v1696629786/veefriends/specials/www/compete-and-collect/divider.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 21px;
}

.video-headline[b-xegzc2026x],
.gleam-headline[b-xegzc2026x],
.cta-headline[b-xegzc2026x],
.print-headline[b-xegzc2026x] {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    color: #FFE400;
    position: relative;
    line-height: 44px;
    margin: 0;
    padding: 0;
}

.print-headline[b-xegzc2026x] {
    color: black;
}

.video-headline[b-xegzc2026x]::after,
.video-headline[b-xegzc2026x]::before {
    content: "";
    height: 136px;
    width: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -50%;
    right: -20px;
    margin-top: 18px;
    background-image: url(https://media.veefriends.com/image/upload/v1696630423/veefriends/specials/www/compete-and-collect/heading-bracket.svg)
}


.video-headline[b-xegzc2026x]::before {
    right: auto;
    left: -20px;
    transform: rotate(-180deg);
}

.video-frame[b-xegzc2026x] {
    position: relative;
    background-image: url(https://media.veefriends.com/image/upload/v1696629616/veefriends/specials/www/compete-and-collect/video-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    margin: 0 auto 60px;
    padding: 20px;
}

[b-xegzc2026x] .video-frame .video-container {
    border-radius: 27px;
    overflow: hidden;
}

    .floater[b-xegzc2026x] {
        background-image: url(https://media.veefriends.com/image/upload/v1696629617/veefriends/specials/www/compete-and-collect/badge.svg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 165px;
        width: 165px;
        position: fixed;
        top: 150px;
        left: 350px;
        overflow: hidden;
        text-indent: -9999px;
        cursor: pointer;
        display: block;
        z-index: 99;
        transform: translate(0, 0) scale(0.65, 0.65);
    }

    .floater .arrow-down[b-xegzc2026x] {
        height: 25px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 25px;
    }

    .floater .arrow-right[b-xegzc2026x] {
        position: absolute;
        width: 100%;
        height: 28px;
        left: 0;
        bottom: 26px;
    }

.cta-container[b-xegzc2026x] {
    background-color: #FFE400;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    color: black;
    border-top: 11px solid black;
    border-bottom: 11px solid black;
}

.cta-form[b-xegzc2026x] {
    width: 416px;
    margin: 40px auto 0;
    display: block;
}

@media only screen and (max-width: 768px) {
    .video-headline[b-xegzc2026x]::after,
    .video-headline[b-xegzc2026x]::before {
        display: none;
    }

    [b-xegzc2026x] .video-frame .video-container {
        border-radius: 3px;
    }

    .video-frame[b-xegzc2026x] {
        padding: 7px;
    }
}
/* _content/series2-microsite/Pages/Components/AccessEventCalendarCard.cshtml.rz.scp.css */
.card[b-w4pjntm9zr] {
    filter: drop-shadow(3px 4px 0px black);
    border: 2px solid black !important;
}

.card-date[b-w4pjntm9zr] {
    width: 80px;
    height: 80px;
    left: 18px;
    top: 19px;
    background: white;
    border-radius: 10px;
    position: absolute;
    filter: drop-shadow(3px 4px 0px black);
    border: 2px solid black;
}

.card-date__month[b-w4pjntm9zr],
.card-date__day[b-w4pjntm9zr] {
    font-family: obviously-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #F8E02B;
}

.card-date__day[b-w4pjntm9zr] {
    color: black;
}

.card-date__month[b-w4pjntm9zr] {
    top: -10px;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
    background: black;
    border-radius: 7px 6px 0 0;
    padding: 3px 0 5px;
}

.title[b-w4pjntm9zr] {
    min-height: 75px !important;
    font-size: 12px !important;
}

.require[b-w4pjntm9zr] {
    min-height: 70px !important;
}

.card-body__icon[b-w4pjntm9zr] {
    border-radius: 100%;
    position: absolute;
    top: -24px;
    right: 24px;
    background: white;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 42px;
    filter: drop-shadow(3px 4px 0px black);
    border: 2px solid black;
}

    .card-body__icon svg[b-w4pjntm9zr] {
        fill: var(--green);
        width: 30px;
        height: 30px;
        margin-left: 0;
        margin-top: 0;
    }

    .card-body__icon p[b-w4pjntm9zr] {
        font-family: obviously-condensed, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 0.95rem;
        font-weight: 800;
        margin-top: 2px;
    }

.card-body[b-w4pjntm9zr] {
    padding-right: 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-img-top[b-w4pjntm9zr] {
    display: block;
    height: 190px;
    width: 100%;
    background: #008a69;
}

.card-title[b-w4pjntm9zr] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 70px !important;
    margin-bottom: 0px !important;
}

.bg-yellow[b-w4pjntm9zr] {
    background: #F8E02B
}

[b-w4pjntm9zr] .token-requirements {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 60px;
    font-size: 0.75rem;
    margin-bottom: 1rem;
    line-height: var(--bs-body-line-height);
    color: var(--bs-primary) !important;
}

    [b-w4pjntm9zr] .token-requirements li,
    [b-w4pjntm9zr] .token-requirements div {
        display: inline;
    }

.calendar-card-p[b-w4pjntm9zr] {
    font-size: 0.75rem;
}

.card-item[b-w4pjntm9zr] {
    height: 395px;
}
/* _content/series2-microsite/Pages/Components/AccessEventCard.cshtml.rz.scp.css */
p[b-63vzahois3] {
    font-size: 1.125rem;
}

h1[b-63vzahois3] {
    font-size: 4.25rem;
    line-height: 4.375rem;
}

.card-black[b-63vzahois3] {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
}

.card-white[b-63vzahois3] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}

.card img[b-63vzahois3] {
    max-height: 175px;
    margin: 21px auto;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 100%;
}

.carousel-item .card[b-63vzahois3] {
    min-height: 22rem;
}

.carousel-control-prev-icon[b-63vzahois3] {
    transform: translate(-3rem)
}

.carousel-control-next-icon[b-63vzahois3] {
    transform: translate(3rem)
}

.status-banner[b-63vzahois3] {
    height: 60px;
    width: 315px;
    background-color: #F8E02B;
    position: absolute;
    top: 25px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 1.3rem;
}

[b-63vzahois3] .access-event-requirement {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    line-height: var(--bs-body-line-height);
}

    [b-63vzahois3] .access-event-requirement li {
        display: inline;
        padding: 0;
        margin: 0;
    }

.filter-invert[b-63vzahois3] {
    filter: invert(100%);
}

.icon-wrapper[b-63vzahois3] {
    height: 4.688rem;
    width: 4.688rem;
}

.icon[b-63vzahois3] {
    fill: var(--green);
    width: 1.5rem;
    height: 1.5rem;
}

@media(max-width: 575px) {
    h1[b-63vzahois3] {
        font-size: 2.25rem;
        line-height: 2.375rem;
    }

    [b-63vzahois3] .flat-button-text {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 15.5rem;
    }
}
/* _content/series2-microsite/Pages/Components/ActivityTicker.cshtml.rz.scp.css */

.activityItems[b-0tj5tlk5j3] {
    --itemWidth: 200px;
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 99;
    height: 0px;
    overflow: hidden;
    user-select: none;
    transition: all 150ms 0s ease-in-out;
}

#activityTicker.active .activityItems[b-0tj5tlk5j3] {
    background: linear-gradient(to top, black, transparent);
    height: 230px;
}

[b-0tj5tlk5j3] .activity-item {
    background: white;
    width: var(--itemWidth);
    border-radius: 16px;
    position: absolute;
    right: 0;
    bottom: 35px;
    box-shadow: 0 5px 10px -5px black;
    transform: translate(0px, var(--itemHeight));
}

    [b-0tj5tlk5j3] .activity-item > div {
        padding: 10px;
        position: relative;
    }

    [b-0tj5tlk5j3] .activity-item h4 {
        line-height: 10px;
        padding-bottom: 20px;
    }

    [b-0tj5tlk5j3] .activity-item small {
        display: block;
        font-size: 11px;
        color: #999;
    }

    [b-0tj5tlk5j3] .activity-item .activity-price {
        border-radius: 16px;
        background: #efefef;
        font-weight: bold;
        font-size: 16px;
        padding: 3px 12px;
    }

    [b-0tj5tlk5j3] .activity-item .active-time {
        font-size: 13px;
    }

[b-0tj5tlk5j3] .activity-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


#activityTicker.active button[b-0tj5tlk5j3] {
    background: linear-gradient(to bottom, var(--green), #0e5d36);
    color: white;
}

button[b-0tj5tlk5j3] {
    position: fixed;
    bottom: 0;
    left: 20px;
    z-index: 100;
    border: 0 none;
    outline: none;
    border-radius: 6px 6px 0 0;
    padding: 5px 16px;
    display: flex;
    gap: 10px;
    user-select: none;
    background: #808080;
    color: #c0c0c0;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0 12px 4px;
}


    button .help[b-0tj5tlk5j3] {
        position: absolute;
        width: 100vw;
        left: 180px;
        text-align: left;
        text-transform: none;
        font-size: 14px;
        line-height: 36px;
        opacity: 0;
        transform: translateY(20px);
        transition: all 150ms 0s linear;
        pointer-events: none;
    }

    button .indicator[b-0tj5tlk5j3] {
        display: inline-block;
        height: 8px;
        width: 8px;
        background: white;
        border-radius: 100%;
        line-height: 9px;
        margin-right: 10px;
        transform: scale(1);
    }


#activityTicker.active button .help[b-0tj5tlk5j3] {
    opacity: .3;
    transform: translateY(0);
}


#activityTicker.active button .indicator[b-0tj5tlk5j3] {
    background: red;
    animation: pulse-b-0tj5tlk5j3 2s infinite;
}


@keyframes pulse-b-0tj5tlk5j3 {
    0% {
        transform: scale(0.95);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.95);
    }
}
/* _content/series2-microsite/Pages/Components/AvatarUpload.cshtml.rz.scp.css */
.avatar-wrapper[b-i4fzgzx92r] {
    height: 8rem;
    width: 8rem;
    overflow: hidden;
}

.avatar-picker[b-i4fzgzx92r] {
    position: absolute;
    right: 8%;
    bottom: 10%;
    pointer-events: all;
    border: black solid 1px;
    border-radius: 50%;
}

    .avatar-wrapper:hover img[b-i4fzgzx92r],
    .avatar-picker:hover[b-i4fzgzx92r] {
        cursor: pointer;
    }

.avatar-uploading[b-i4fzgzx92r] {
    user-select: none;
    opacity: .4;
    pointer-events: none;
}
/* _content/series2-microsite/Pages/Components/CharacterTitle.cshtml.rz.scp.css */
[b-t7dqdk4va9] h1.character-title {
    container-type: inline-size;
    container-name: title;
    display: grid;
    justify-content: center;
    align-content: space-around;
    justify-items: center;
    align-items: stretch;
    margin: 0 20px 30px;
    text-wrap: balance;
    text-transform: uppercase;
    text-align: center;
    line-height: 65px;
    font-size: clamp(12px, 15 * (1vw + 1vh) / 2, 100px);
}


[b-t7dqdk4va9] h1.character-title-large {
    font-size: clamp(12px, 15 * (1vw + 1vh) / 2, 60px);
    line-height: 48px;
}

    [b-t7dqdk4va9] h1.character-title-large .title-shadow {
        top: 20px;
    }

[b-t7dqdk4va9] .titles-primary {
    margin-bottom: 5px;
}

    [b-t7dqdk4va9] .titles-primary span {
        font-family: obviously-condensed, sans-serif;
        font-weight: 700;
        font-style: normal;
        color: white;
    }

[b-t7dqdk4va9] .titles-secondary span {
    font-family: obviously-narrow, sans-serif;
    font-weight: 800;
    font-style: normal;
    color: var(--primaryColor);
}

[b-t7dqdk4va9] .title-primary,
[b-t7dqdk4va9] .title-secondary {
    /*filter: drop-shadow(0px 4px 0px black) drop-shadow(0px -4px 0px black) drop-shadow(-4px 0px 0px black) drop-shadow(4px 0px 0px black) drop-shadow(-1px 0px 0px black) drop-shadow(1px 0px 0px black) drop-shadow(0 -1px 0px black) drop-shadow(0 1px 0px black);*/
}

[b-t7dqdk4va9] .title-shadow {
    position: absolute;
    left: 0;
    color: black !important;
    z-index: -1;
    -webkit-text-stroke: 18px black;
    user-select: none;
}

[b-t7dqdk4va9] .title-shadow-1 {
    transform: translateY(3px) scale(0.98);
}

[b-t7dqdk4va9] .title-shadow-2 {
    transform: translateY(3.5px) scale(0.975);
}

[b-t7dqdk4va9] .title-shadow-3 {
    transform: translateY(4px) scale(0.97);
}

[b-t7dqdk4va9] .title-shadow-4 {
    transform: translateY(4.5px) scale(0.965);
}

[b-t7dqdk4va9] .title-shadow-5 {
    transform: translateY(5px) scale(0.96);
}

[b-t7dqdk4va9] .title-shadow-6 {
    transform: translateY(5.5px) scale(0.955);
}

[b-t7dqdk4va9] .title-shadow-7 {
    transform: translateY(6px) scale(0.95);
}

[b-t7dqdk4va9] .title-shadow-8 {
    transform: translateY(6.5px) scale(0.945);
}

[b-t7dqdk4va9] .title-shadow-9 {
    transform: translateY(7px) scale(0.94);
}

[b-t7dqdk4va9] .title-shadow-10 {
    transform: translateY(7.5px) scale(0.935);
}

[b-t7dqdk4va9] .title-shadow-11 {
    transform: translateY(8px) scale(0.93);
}

[b-t7dqdk4va9] .title-shadow-12 {
    transform: translateY(8.5px) scale(0.925);
}

[b-t7dqdk4va9] .title-shadow-13 {
    transform: translateY(9px) scale(0.92);
}

[b-t7dqdk4va9] .title-shadow-14 {
    transform: translateY(9.5px) scale(0.915);
}

[b-t7dqdk4va9] .title-shadow-15 {
    transform: translateY(10px) scale(0.91);
}

[b-t7dqdk4va9] .title-shadow-16 {
    transform: translateY(10.5px) scale(0.905);
}

[b-t7dqdk4va9] .title-shadow-17 {
    transform: translateY(11px) scale(0.90);
}

[b-t7dqdk4va9] .title-shadow-18 {
    transform: translateY(11.5px) scale(0.895);
}

[b-t7dqdk4va9] .title-shadow-19 {
    transform: translateY(12px) scale(0.89);
}

[b-t7dqdk4va9] .title-shadow-20 {
    transform: translateY(12.5px) scale(0.885);
}
/* _content/series2-microsite/Pages/Components/Countdown.cshtml.rz.scp.css */
.counter-container[b-got84bf3p0] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.counter-wrapper[b-got84bf3p0] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.counter[b-got84bf3p0] {
    font-size: 48px;
    line-height: 48px;
    /* identical to box height, or 106% */

    display: flex;
    justify-content: center;
    align-items: center;
}

.counter-text[b-got84bf3p0] {
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
}

.counter-seperator[b-got84bf3p0] {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    margin: 0 10px 25px;
    display: flex;
    align-items: center;
}

.text-red[b-got84bf3p0] {
    color: #A41C0E;
}

@media (max-width: 480px) {
    .counter[b-got84bf3p0] {
        padding: 10px;
        min-width: 45px;
        font-size: 30px;
        line-height: 22px;
        /* identical to box height, or 106% */
    }

    .counter-seperator[b-got84bf3p0] {
        font-size: 16px;
        margin: 0 5px 25px;
    }
}

@media (max-width: 375px) {
    .seperator-seconds[b-got84bf3p0] {
        display: none;
    }

    .wrapper-seconds[b-got84bf3p0] {
        display: none;
    }
}
/* _content/series2-microsite/Pages/Components/Debugger.cshtml.rz.scp.css */
[b-bimdz5rgz5] .key {
    color: #000;
}

[b-bimdz5rgz5] .string {
    color: green;
}

[b-bimdz5rgz5] .number {
    color: red;
}

[b-bimdz5rgz5] .boolean {
    color: blue;
}

[b-bimdz5rgz5] .null {
    color: #999;
}

.debugger[b-bimdz5rgz5] {
    white-space: pre-wrap;
    background: white;
    padding: 15px;
    display: block;
    color: #999;
    overflow: hidden;
    font-size: 11px;
    border: 1px solid #999;
}

    .debugger[b-bimdz5rgz5], .debugger[b-bimdz5rgz5]  span {
        font-family: monospace;
    }
/* _content/series2-microsite/Pages/Components/EligibilityCountdown.cshtml.rz.scp.css */
.text-yellow[b-aa3jygov2w] {
    color: #F1CF46;
}
/* _content/series2-microsite/Pages/Components/EmailSignUp.cshtml.rz.scp.css */
.email-signup[b-b0czb3vq1p] {
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1717605037/veefriends/webpages/mmitm-bg-2.png);
    background-color: #b3ddc6;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

h2[b-b0czb3vq1p] {
    padding: 0;
    margin: 0;
    color: #fce739;
    clip-path: stroke-box;
    -webkit-text-stroke: 1px black;
    font-size: 58px;
    text-shadow: 3px 3px BLACK;
    text-transform: uppercase;
    text-wrap: balance;
}

p[b-b0czb3vq1p] {
    padding: 0;
    margin: 5px 0 25px;
    font-weight: bold;
    font-size: 24px;
    text-wrap: balance;
}

img[b-b0czb3vq1p] {
    margin-top: -80px;
    width: 256px;
}

[b-b0czb3vq1p] .inner {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    position: relative !important;
}

[b-b0czb3vq1p] [data-targetproperty="firstname"],
[b-b0czb3vq1p] [data-targetproperty="lastname"],
[b-b0czb3vq1p] label[title="Email"] {
    display: none;
}

[b-b0czb3vq1p] [data-targetproperty="emailaddress1"] {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    position: relative !important;
}

    [b-b0czb3vq1p] [data-targetproperty="emailaddress1"] > input {
        border: 0 none;
        outline: none;
        padding: 15px;
        border-radius: 11px;
        color: black;
        font-family: roboto, sans-serif;
        font-weight: 400;
        font-style: normal;
    }

[b-b0czb3vq1p] .submitButtonWrapper {
    padding: 0;
    margin: 0;
    width: fit-content;
    position: absolute;
    top: 0px;
    right: 0px;
}

[b-b0czb3vq1p] .marketingForm .primaryButton,
[b-b0czb3vq1p] .submitButton {
    background: #00ad83 !important;
    border: 2px solid #007b5d;
    box-shadow: 0px 3px 0px #007b5d, inset 2px 2px 0px #ffffff1c;
    border-radius: 0 11px 11px 0;
}

    [b-b0czb3vq1p] .marketingForm .primaryButton:hover,
    [b-b0czb3vq1p] .submitButton:hover {
        filter: brightness(.9);
    }

    [b-b0czb3vq1p] .submitButton span {
        font-size: 16px !important;
        text-transform: uppercase !important;
        font-family: roboto, sans-serif !important;
        font-weight: 700 !important;
        font-style: normal !important;
    }


[b-b0czb3vq1p] [data-purposename="Commercial"] {
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-family: roboto, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

[b-b0czb3vq1p] [data-purposename="Commercial"] p {
    text-wrap: pretty;
    padding: 0 !important;
    font-family: roboto, sans-serif !important;
    font-size: 14px !important;
    color: black;
}
/* _content/series2-microsite/Pages/Components/FlameBackground.cshtml.rz.scp.css */
.fire[b-i43dxyyqz1] {
    font-size: 24px;
    filter: blur(var(--blur));
    -webkit-filter: blur(var(--blur));
    margin: 3em auto 0 auto;
    position: relative;
    width: 10em;
    height: 12em;
    position: absolute;
    z-index: 9;
}

.particle[b-i43dxyyqz1] {
    animation: rise-b-i43dxyyqz1 var(--duration) ease-in infinite;
    background-image: radial-gradient(var(--fire-color) 20%, var(--fire-color-t) 70%);
    border-radius: 50%;
    mix-blend-mode: screen;
    opacity: 0;
    position: absolute;
    bottom: 0;
    width: var(--part-size);
    height: var(--part-size);
}

    .particle:nth-of-type(1)[b-i43dxyyqz1] {
        --random: 0.1593022025;
        --index: 1;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(2)[b-i43dxyyqz1] {
        --random: 0.7818432617;
        --index: 2;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(3)[b-i43dxyyqz1] {
        --random: 0.6945047483;
        --index: 3;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(4)[b-i43dxyyqz1] {
        --random: 0.878031818;
        --index: 4;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(5)[b-i43dxyyqz1] {
        --random: 0.5085148634;
        --index: 5;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(6)[b-i43dxyyqz1] {
        --random: 0.0238749244;
        --index: 6;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(7)[b-i43dxyyqz1] {
        --random: 0.1598151327;
        --index: 7;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(8)[b-i43dxyyqz1] {
        --random: 0.4082465736;
        --index: 8;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(9)[b-i43dxyyqz1] {
        --random: 0.9720562904;
        --index: 9;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(10)[b-i43dxyyqz1] {
        --random: 0.4273171772;
        --index: 10;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(11)[b-i43dxyyqz1] {
        --random: 0.7819472873;
        --index: 11;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(12)[b-i43dxyyqz1] {
        --random: 0.1324043473;
        --index: 12;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(13)[b-i43dxyyqz1] {
        --random: 0.4247365849;
        --index: 13;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(14)[b-i43dxyyqz1] {
        --random: 0.9755654822;
        --index: 14;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(15)[b-i43dxyyqz1] {
        --random: 0.4426852325;
        --index: 15;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(16)[b-i43dxyyqz1] {
        --random: 0.7872416768;
        --index: 16;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(17)[b-i43dxyyqz1] {
        --random: 0.1505041569;
        --index: 17;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(18)[b-i43dxyyqz1] {
        --random: 0.0938787916;
        --index: 18;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(19)[b-i43dxyyqz1] {
        --random: 0.3635666504;
        --index: 19;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(20)[b-i43dxyyqz1] {
        --random: 0.7593111845;
        --index: 20;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(21)[b-i43dxyyqz1] {
        --random: 0.7600528033;
        --index: 21;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(22)[b-i43dxyyqz1] {
        --random: 0.2351545812;
        --index: 22;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(23)[b-i43dxyyqz1] {
        --random: 0.8997092481;
        --index: 23;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(24)[b-i43dxyyqz1] {
        --random: 0.0440916277;
        --index: 24;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(25)[b-i43dxyyqz1] {
        --random: 0.1700055268;
        --index: 25;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(26)[b-i43dxyyqz1] {
        --random: 0.719520122;
        --index: 26;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(27)[b-i43dxyyqz1] {
        --random: 0.3140356364;
        --index: 27;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(28)[b-i43dxyyqz1] {
        --random: 0.5978465294;
        --index: 28;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(29)[b-i43dxyyqz1] {
        --random: 0.2648476644;
        --index: 29;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(30)[b-i43dxyyqz1] {
        --random: 0.9688687085;
        --index: 30;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(31)[b-i43dxyyqz1] {
        --random: 0.7330012336;
        --index: 31;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(32)[b-i43dxyyqz1] {
        --random: 0.8279974238;
        --index: 32;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(33)[b-i43dxyyqz1] {
        --random: 0.6689943909;
        --index: 33;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(34)[b-i43dxyyqz1] {
        --random: 0.1205228168;
        --index: 34;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(35)[b-i43dxyyqz1] {
        --random: 0.0472774907;
        --index: 35;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(36)[b-i43dxyyqz1] {
        --random: 0.4288954351;
        --index: 36;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(37)[b-i43dxyyqz1] {
        --random: 0.9032697671;
        --index: 37;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(38)[b-i43dxyyqz1] {
        --random: 0.6229215865;
        --index: 38;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(39)[b-i43dxyyqz1] {
        --random: 0.4435921627;
        --index: 39;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(40)[b-i43dxyyqz1] {
        --random: 0.4042489389;
        --index: 40;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(41)[b-i43dxyyqz1] {
        --random: 0.6489334551;
        --index: 41;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(42)[b-i43dxyyqz1] {
        --random: 0.0417665005;
        --index: 42;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(43)[b-i43dxyyqz1] {
        --random: 0.1208708494;
        --index: 43;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(44)[b-i43dxyyqz1] {
        --random: 0.8000967945;
        --index: 44;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(45)[b-i43dxyyqz1] {
        --random: 0.1871140526;
        --index: 45;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(46)[b-i43dxyyqz1] {
        --random: 0.4268831715;
        --index: 46;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(47)[b-i43dxyyqz1] {
        --random: 0.4903440367;
        --index: 47;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(48)[b-i43dxyyqz1] {
        --random: 0.6003967675;
        --index: 48;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(49)[b-i43dxyyqz1] {
        --random: 0.9794047802;
        --index: 49;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

    .particle:nth-of-type(50)[b-i43dxyyqz1] {
        --random: 0.3153067103;
        --index: 50;
        animation-delay: calc(var(--duration) * var(--random));
        left: calc((100% - var(--part-size)) * (var(--index) - 1) / var(--parts));
    }

@keyframes rise-b-i43dxyyqz1 {
    from {
        opacity: 0;
        transform: translateY(0) scale(1);
    }

    25% {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translateY(-10em) scale(0);
    }
}
/* _content/series2-microsite/Pages/Components/FlameCircle.cshtml.rz.scp.css */
.circle-fire[b-kv5lnvil6w] {
    width: var(--width);
    height: var(--height);
    border-radius: 50%;
    box-shadow: -10px -10px 10px #ff0000, -5px -5px 20px #ffa500, 0 0 30px #ffff00, 5px 5px 40px #ffff00, 10px 10px 50px #ffff00, -15px 5px 60px #ffa500, -5px -15px 70px #ff0000, 5px -15px 80px #ff0000, 15px 5px 90px #ffa500, 10px -10px 100px #ffff00, -10px 10px 110px #ffff00, -20px 0 120px #ffff00, 0 20px 130px #ffa500, 20px 0 140px #ff0000, 0 -20px 150px #ff0000;
    animation: circle-fire-b-kv5lnvil6w 1s linear infinite;
    position: absolute;
    z-index: 2;
}

@keyframes circle-fire-b-kv5lnvil6w {
    0% {
        transform: rotate(0deg);
    }

    50% {
        box-shadow: -10px -10px 10px #ffa500, -5px -5px 20px #ffa500, 0 0 30px #ffff00, 5px 5px 40px #ffff00, 10px 10px 50px #ffff00, -15px 5px 60px #ffa500, -5px -15px 70px #ffa500, 5px -15px 80px #ffa500, 15px 5px 90px #ffa500, 10px -10px 100px #ffff00, -10px 10px 110px #ffff00, -20px 0 120px #ffff00, 0 20px 130px #ffa500, 20px 0 140px #ffa500, 0 -20px 150px #ffa500;
    }

    100% {
        transform: rotate(360deg);
        box-shadow: -10px -10px 10px #ff0000, -5px -5px 20px #ffa500, 0 0 30px #ffff00, 5px 5px 40px #ffff00, 10px 10px 50px #ffff00, -15px 5px 60px #ffa500, -5px -15px 70px #ff0000, 5px -15px 80px #ff0000, 15px 5px 90px #ffa500, 10px -10px 100px #ffff00, -10px 10px 110px #ffff00, -20px 0 120px #ffff00, 0 20px 130px #ffa500, 20px 0 140px #ff0000, 0 -20px 150px #ff0000;
    }
}
/* _content/series2-microsite/Pages/Components/FlatButton.cshtml.rz.scp.css */
.flat-button-dropdown[b-kfzz9m3lfq] {
    display: inline-block;
}

.flat-button[b-kfzz9m3lfq] {
    margin: 0;
    padding: 0 24px;
    cursor: pointer;
    background: none;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 9px;
    border-radius: 100px;
    outline: none;
    transition: all 70ms 0ms linear;
    user-select: none;
    text-decoration: none;
    width: var(--btn-width, auto);
    justify-content: space-between;
}

.flat-button-radius-small[b-kfzz9m3lfq] {
    border-radius: 12px;
}

.flat-button-radius-medium[b-kfzz9m3lfq] {
    border-radius: 100px;
}

.flat-button-radius-large[b-kfzz9m3lfq] {
    border-radius: 100%;
}

.flat-button:has(.flat-button-avatar)[b-kfzz9m3lfq] {
    padding-left: 14px;
}

@media(max-width: 1199px) {
    .flat-button:has(.flat-button-avatar)[b-kfzz9m3lfq] {
        padding-left: 0px;
    }
}

.flat-button:hover[b-kfzz9m3lfq],
.flat-button:focus[b-kfzz9m3lfq] {
    filter: brightness(.95);
}

.flat-button:active[b-kfzz9m3lfq],
.flat-button.show[b-kfzz9m3lfq] {
    box-shadow: inset 0 4px 3px #00000045;
    transform: translate(0, 4px);
    filter: brightness(.94);
}

    .flat-button:active .flat-button-arrow[b-kfzz9m3lfq],
    .flat-button.show .flat-button-arrow[b-kfzz9m3lfq] {
        transform: rotate(90deg);
    }

.flat-button-warning[b-kfzz9m3lfq] {
  background: var(--brand-yellow);
  border: 3px solid #000;
  box-shadow: 0px 4px 0px #000, inset 2px 2px 0px #ffffff1c;
}

/*@media(max-width: 1199px) {
    .flat-button-warning {
        background: none;
        border: none;
        box-shadow: none;
    }
}*/

.flat-button-gray[b-kfzz9m3lfq] {
  background: #FFFFFF;
  border: 3px solid #CCC;
  box-shadow: none;
}

.flat-button-dropdown-toggle[b-kfzz9m3lfq]::after {
    display: none;
}

.flat-button-success[b-kfzz9m3lfq] {
  background: #8E17B2;
  border: 3px solid #61007d;
  box-shadow: 0px 4px 0px #61007d, inset 2px 2px 0px #ffffff1c;
}

    .flat-button-success .flat-button-text[b-kfzz9m3lfq] {
        color: #FFFFFF;
    }

    .flat-button-success .flat-button-arrow path[b-kfzz9m3lfq] {
        stroke: #ffffff !important;
    }

.flat-button-danger[b-kfzz9m3lfq] {
  background: #a7091c;
  border: 3px solid #4c0508;
  box-shadow: 0px 4px 0px #4c0508, inset 2px 2px 0px #ffffff1c;
}

    .flat-button-danger .flat-button-text[b-kfzz9m3lfq] {
        color: #FFFFFF;
    }

    .flat-button-danger .flat-button-arrow path[b-kfzz9m3lfq] {
        stroke: #ffffff !important;
    }

.flat-button-purple[b-kfzz9m3lfq] {
  background: #61007D;
  border: 3px solid #61007D;
  box-shadow: 0px 4px 0px #61007D, inset 2px 2px 0px #ffffff1c;
}

    .flat-button-purple .flat-button-text[b-kfzz9m3lfq] {
        color: #FFFFFF;
    }

    .flat-button-purple .flat-button-arrow path[b-kfzz9m3lfq] {
        stroke: #ffffff !important;
    }

.flat-button-black[b-kfzz9m3lfq] {
  background: transparent;
  border: 3px solid #000;
  box-shadow: 0px 4px 0px #000, inset 2px 2px 0px #ffffff1c;
}

    .flat-button-black .flat-button-text[b-kfzz9m3lfq] {
        color: #000;
    }

    .flat-button-black .flat-button-arrow path[b-kfzz9m3lfq] {
        stroke: #000 !important;
    }

.flat-button-white[b-kfzz9m3lfq] {
  background: transparent;
  border: 3px solid #fff;
  box-shadow: 0px 4px 0px #fff, inset 2px 2px 0px #ffffff1c;
}

    .flat-button-white .flat-button-text[b-kfzz9m3lfq] {
        color: #fff;
    }

    .flat-button-white .flat-button-arrow path[b-kfzz9m3lfq] {
        stroke: #fff !important;
    }

.flat-button-loading[b-kfzz9m3lfq],
.flat-button-loading:hover[b-kfzz9m3lfq],
.flat-button-loading:active[b-kfzz9m3lfq],
.flat-button-loading:focus[b-kfzz9m3lfq],
.flat-button-disabled[b-kfzz9m3lfq],
.flat-button-disabled:hover[b-kfzz9m3lfq],
.flat-button-disabled:active[b-kfzz9m3lfq],
.flat-button-disabled:focus[b-kfzz9m3lfq] {
  background: #dedede !important;
  border: 3px solid #cfcfcf !important;
  box-shadow: none !important;
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}

    .flat-button-disabled .flat-button-text[b-kfzz9m3lfq],
    .flat-button-loading .flat-button-text[b-kfzz9m3lfq] {
        color: #FFFFFF !important;
    }

    .flat-button-disabled .flat-button-avatar[b-kfzz9m3lfq],
    .flat-button-loading .flat-button-avatar[b-kfzz9m3lfq] {
        background: white !important;
        border-color: white !important;
    }

    .flat-button-disabled .flat-button-arrow path[b-kfzz9m3lfq],
    .flat-button-loading .flat-button-arrow path[b-kfzz9m3lfq] {
        stroke: #fff !important;
    }

.flat-button-text[b-kfzz9m3lfq] {
    height: 54px;
    font-size: 16px;
    line-height: 54px;
    text-transform: uppercase;
    color: #212529;
    flex: none;
    order: 1;
    flex-grow: 0;
    order: 2;
    max-width: calc(var(--btn-width, auto) - 60px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

.flat-button-dropdown-toggle .flat-button-text[b-kfzz9m3lfq] {
    padding-right: 15px;
}

.flat-button-arrow[b-kfzz9m3lfq] {
    transition: all 85ms 0ms linear;
    transform: rotate(0deg);
    display: block;
    order: 3;
}

.flat-button-success .flat-button-text[b-kfzz9m3lfq] {
    color: #FFFFFF;
}

.flat-button-success .flat-button-arrow path[b-kfzz9m3lfq] {
    stroke: #FFFFFF !important;
}

.flat-button-dropdown-menu.show[b-kfzz9m3lfq] {
  border: 3px solid var(--brand-yellow);
  width: calc(100% + 48px);
  display: inline-block;
  margin: -9px 6px !important;
  border-radius: 15px;
  box-shadow: 4px 4px 1px #f7cd00;
}

.flat-button-success + .flat-button-dropdown-menu.show[b-kfzz9m3lfq] {
  border: 3px solid var(--green);
  width: calc(100% + 48px);
  display: inline-block;
  margin: -9px 6px !important;
  border-radius: 15px;
  box-shadow: 4px 4px 1px #007b5d;
}

.flat-button-danger + .flat-button-dropdown-menu.show[b-kfzz9m3lfq] {
  border: 3px solid #a7091c;
  width: calc(100% + 48px);
  display: inline-block;
  margin: -9px 6px !important;
  border-radius: 15px;
  box-shadow: 4px 4px 1px #4c0508;
}

.flat-button-black + .flat-button-dropdown-menu.show[b-kfzz9m3lfq] {
  border: 3px solid #000;
  width: calc(100% + 48px);
  display: inline-block;
  margin: -9px 6px !important;
  border-radius: 15px;
  box-shadow: 4px 4px 1px #000;
}

.flat-button-white + .flat-button-dropdown-menu.show[b-kfzz9m3lfq] {
  border: 3px solid #ddd;
  width: calc(100% + 48px);
  display: inline-block;
  margin: -9px 6px !important;
  border-radius: 15px;
  box-shadow: 4px 4px 1px #ddd;
}

.flat-button-gray + .flat-button-dropdown-menu.show[b-kfzz9m3lfq] {
  border: 3px solid #999;
  width: calc(100% + 48px);
  display: inline-block;
  margin: -9px 6px !important;
  border-radius: 15px;
  box-shadow: 4px 4px 1px #999;
}

.flat-button-avatar[b-kfzz9m3lfq] {
    display: block;
    height: 40px;
    width: 40px;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    border: 2px solid #007b5d;
    order: 1;
}

.flat-button-gray .flat-button-avatar[b-kfzz9m3lfq] {
    border: 0 none;
}

.flat-button-danger .flat-button-avatar[b-kfzz9m3lfq] {
    border-color: #4c0508;
}

.flat-button-white .flat-button-avatar[b-kfzz9m3lfq] {
    border-color: #fff;
}

.flat-button-black .flat-button-avatar[b-kfzz9m3lfq] {
    border-color: #000;
}

/* Outlines */
/* 1. Green */
.flat-button-success.flat-button-outline[b-kfzz9m3lfq] {
    background: white;
    box-shadow: none;
}

    .flat-button-success.flat-button-outline .flat-button-text[b-kfzz9m3lfq] {
        color: var(--green);
    }

/* 2. Gray */
/* 3. Red */
.flat-button-danger.flat-button-outline[b-kfzz9m3lfq] {
    background: white;
    box-shadow: none;
}

    .flat-button-danger.flat-button-outline .flat-button-text[b-kfzz9m3lfq] {
        color: #a7091c;
    }

/* 4. White */
/* 5. Black */
/* 6. Yellow */
.flat-button-warning.flat-button-outline[b-kfzz9m3lfq] {
    background: white;
    box-shadow: none;
}

  .flat-button-warning.flat-button-outline .flat-button-text[b-kfzz9m3lfq] {
    color: var(--brand-yellow);
  }

/* 7. Purple */
.flat-button-purple.flat-button-outline[b-kfzz9m3lfq] {
    background: white;
    box-shadow: none;
}

  .flat-button-purple.flat-button-outline .flat-button-text[b-kfzz9m3lfq] {
    color: #61007D;
  }

/* Block (full Width) */
.flat-button.flat-button-block[b-kfzz9m3lfq],
.flat-button.flat-button-block .flat-button-text[b-kfzz9m3lfq] {
    width: 100% !important;
    text-align: center;
}

    .flat-button.flat-button-block .flat-button-text[b-kfzz9m3lfq] {
        text-overflow: unset;
    }

.flat-button.flat-button-smaller .flat-button-text[b-kfzz9m3lfq] {
    height: 38px;
    line-height: 38px;
}

.flat-button.flat-button-retro[b-kfzz9m3lfq] {
    border-radius: 3px;
    box-shadow: 0 4px 0 -3px black;
    padding: 0 15px;
    border: 1px solid black;
    background: #fdfcdf;
    box-shadow: inset 0 -2px #f5ed63, inset 0 -1px #d3cc54, inset 2px 2px white;
}

    .flat-button.flat-button-retro .flat-button-text[b-kfzz9m3lfq] {
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }

    .flat-button.flat-button-retro.flat-button:active[b-kfzz9m3lfq],
    .flat-button.flat-button-retro.flat-button.show[b-kfzz9m3lfq] {
        box-shadow: inset 4px 4px 3px #00000045;
        transform: translate(1px, 1px);
        filter: brightness(.9);
    }

    .flat-button.flat-button-retro.flat-button-danger[b-kfzz9m3lfq] {
        background: #f3dae9;
        box-shadow: inset 0 -2px #eea7c9, inset 0 -1px #d3cc54, inset 2px 2px white;
    }

    .flat-button.flat-button-retro.flat-button-danger .flat-button-text[b-kfzz9m3lfq] {
        color: black;
    }

    .flat-button.flat-button-retro.flat-button-success[b-kfzz9m3lfq] {
        background: var(--green);
        box-shadow: inset 0 -2px var(--green), inset 0 -1px #d3cc54, inset 2px 2px white;
    }

    .flat-button.flat-button-retro.flat-button-success .flat-button-text[b-kfzz9m3lfq] {
        color: black;
    }

@media(max-width: 367px) {
    .flat-button-gray[b-kfzz9m3lfq] {
        width: 14.75rem !important;
    }
}
/* _content/series2-microsite/Pages/Components/FlatCharacterGrid.cshtml.rz.scp.css */
[b-minzl8x92h] .character-name,
.character-name[b-minzl8x92h] {
    background: #00ad83;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 47px;
    text-decoration: none;
    display: block;
    font-size: 16px;
    text-align: center;
}
/* _content/series2-microsite/Pages/Components/FlatEligibility.cshtml.rz.scp.css */
[b-cvb5rja3bn] .inline-loader_message {
    color: black !important;
}

[b-cvb5rja3bn] .inline-loader {
    margin-top: 4px;
    width: 80%;
    text-align: center;
    justify-content: center;
    padding: 12px !important;
    border-radius: 0 0 27px 27px;
}
/* _content/series2-microsite/Pages/Components/FlatInput.cshtml.rz.scp.css */
[b-7ezh9gqksk] input.form-control:not(.rounded-pill),
[b-7ezh9gqksk] select.form-select:not(.rounded-pill),
[b-7ezh9gqksk] textarea.form-control:not(.rounded-pill) {
    border-bottom: 2px #dee2e6 solid;
    background-color: #fcfcfd;
}

[b-7ezh9gqksk] input.form-control.is-invalid:not(.rounded-pill),
[b-7ezh9gqksk] input.form-control[aria-invalid="true"]:not(.rounded-pill),
[b-7ezh9gqksk] select.form-select.is-invalid:not(.rounded-pill),
[b-7ezh9gqksk] select.form-select[aria-invalid="true"]:not(.rounded-pill),
[b-7ezh9gqksk] textarea.form-control.is-invalid:not(.rounded-pill),
[b-7ezh9gqksk] textarea.form-control[aria-invalid="true"]:not(.rounded-pill) {
    border-bottom: 2px #dc3545 solid !important;
    background-color: #f8e02b17 !important;
}

[b-7ezh9gqksk] select.form-select option {
    background-color: #fff !important;
    color: #333;
}

[b-7ezh9gqksk] .form-label {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    text-shadow: 0 1px white;
    opacity: 1;
    color: #999;
}

[b-7ezh9gqksk] input.form-control:read-only,
[b-7ezh9gqksk] textarea.form-control:read-only,
[b-7ezh9gqksk] select.form-select[readonly] {
    outline: none;
    box-shadow: none;
    user-select: none;
    pointer-events: none;
    color: #999;
}

[b-7ezh9gqksk] div.form-floating:has(input:read-only),
[b-7ezh9gqksk] div.form-floating:has(textarea:read-only),
[b-7ezh9gqksk] div.form-floating:has(select[readonly]) {
    user-select: none;
}

[b-7ezh9gqksk] label .text-danger {
    font-size: 26px;
    height: 0px;
    line-height: 0;
    display: inline-block;
    position: relative;
    top: 9px;
    left: 4px;
}

[b-7ezh9gqksk] textarea.form-control {
    height: 180px;
    resize: none;
}

[b-7ezh9gqksk] .choices {
    margin-bottom: 0;
    position: relative;
}

    [b-7ezh9gqksk] .choices .choices__inner {
        background-color: #fcfcfd;
        padding-top: 1.675rem;
        padding-bottom: 0.625rem;
        padding-left: 12.5px;
        height: auto;
        min-height: 58px;
        line-height: 1.25;
        position: relative;
        border: 1px solid #ced4da;
        border-bottom: 2px #dee2e6 solid;
        appearance: none;
        border-radius: 0.375rem;
    }

    [b-7ezh9gqksk] .choices .choices__list {
        z-index: 1;
        padding: 0;
    }

    [b-7ezh9gqksk] .choices .choices__list--multiple .choices__item {
        background: none;
        padding: 0;
        margin: 0;
        font-weight: normal;
        border: none;
        color: #212529;
        font-size: 1rem;
        font-weight: 400;
        position: relative;
        display: block;
        flex: 1;
        flex-basis: 50%;
    }

        [b-7ezh9gqksk] .choices .choices__list--multiple .choices__item.is-highlighted {
            color: var(--green);
        }

        [b-7ezh9gqksk] .choices .choices__list--multiple .choices__item:last-child::after {
            display: none;
        }

[b-7ezh9gqksk] .choices__list.choices__list--multiple {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 30px;
    position: relative;
}

[b-7ezh9gqksk] .tokenMarkup + button.choices__button {
    position: absolute;
    top: 0;
    right: 3px;
    background-color: black;
    border: 0 none;
    border-top-right-radius: 3px;
}

[b-7ezh9gqksk] input.choices__input.choices__input--cloned {
    width: calc(100% - 20px) !important;
    position: absolute;
    top: 10px;
    color: #333;
    padding: 11px;
    border-radius: 4px 4px 0 0;
    left: 13px;
    background: rgba(0, 0, 0, .08);
    border-bottom: 1px solid #ffa500;
    display: block;
    font-size: 14px;
    transform: none;
    text-indent: 30px;
}

[b-7ezh9gqksk] .choices__inner::after {
    content: "🔍";
    position: absolute;
    left: 13px;
    top: 10px;
    height: 40px;
    width: 40px;
    line-height: 39px;
    text-align: center;
    font-size: 20px;
}

[b-7ezh9gqksk] input.choices__input.choices__input--cloned:focus,
[b-7ezh9gqksk] input.choices__input.choices__input--cloned:hover {
    background: rgba(0, 0, 0, .03);
}

[b-7ezh9gqksk] .tokenMarkup {
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 3px;
    gap: 10px;
}

    [b-7ezh9gqksk] .tokenMarkup:hover {
        border: 1px solid var(--green);
        box-shadow: 0 0 5px var(--green), inset 0 0 1px var(--green);
    }

[b-7ezh9gqksk] .tokenMarkup__name,
[b-7ezh9gqksk] .tokenMarkup__collection,
[b-7ezh9gqksk] .tokenMarkup__wallet {
    display: block;
    font-size: 13px;
}

[b-7ezh9gqksk] .tokenMarkup__name {
    font-weight: bold;
    color: black;
}

[b-7ezh9gqksk] .tokenMarkup__collection,
[b-7ezh9gqksk] .tokenMarkup__wallet {
    font-size: 11px;
    color: #999;
}

[b-7ezh9gqksk] .tokenMarkup__image {
    width: 51px;
    height: 61px;
    display: block;
    background: #efefef;
    border-radius: 5px;
    overflow: hidden;
}

[b-7ezh9gqksk] .choices__list--dropdown .tokenMarkup {
    max-width: 100%;
    background: none;
    padding: 0;
    border-radius: 0px;
    border: 0 none;
    min-height: unset;
}

[b-7ezh9gqksk] .readonly {
    user-select: none;
    cursor: default;
    position: relative;
}

    [b-7ezh9gqksk] .readonly:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 225,.01);
        z-index: 1
    }

    [b-7ezh9gqksk] .readonly .choices__inner {
        padding-top: 0.625rem;
    }

        [b-7ezh9gqksk] .readonly .choices__inner::after {
            display: none;
        }

    [b-7ezh9gqksk] .readonly .choices__input--cloned {
        display: none !important;
    }

    [b-7ezh9gqksk] .readonly .choices__list--multiple {
        margin-top: 0;
    }

[b-7ezh9gqksk] .choices__inner .invalid-feedback.is-valid {
    position: absolute;
    right: 0;
    text-align: right;
    padding: 19px;
    width: 100%;
    top: 0;
}
/* _content/series2-microsite/Pages/Components/FlatLive.cshtml.rz.scp.css */
.live-container[b-wex2acyb79] {
    padding: 0;
    margin: 0;
    z-index: 999;
    overflow: hidden;
    width: 100%;
    background: #943DCC;
    height: 46px;
    border-bottom: 4px solid white;
    border-top: 4px solid white;
}

.live-container--text[b-wex2acyb79] {
    color: var(--main-yellow, #FFE84C);
    text-shadow: 2px 2px 0px #12110D;
    font-family: obviously-narrow, sans-serif;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    font-style: normal;
    line-height: 31px;
    margin-right: 10px;
}

.live-container--icon[b-wex2acyb79] {
    height: 24px;
    width: 24px;
    display: block;
    margin-left: 10px;
    position: relative;
    top: 4px;
}
/* _content/series2-microsite/Pages/Components/FlatModal.cshtml.rz.scp.css */
.modal-header[b-vjlw90d8d0],
.modal-header[b-vjlw90d8d0] >  * {
    margin: 0;
    padding: 0;
    font-weight: bold;
    line-height: 100%;
    border: none;
    text-align: left;
    border-radius: 0;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
}

.modal-header[b-vjlw90d8d0] {
    background: #27806f;
    border: 1px solid black;
    margin: 3px;
    height: 30px;
    line-height: 30px;
    padding: 0 2px 0 10px;
    box-shadow: inset 1px 1px #5bab98, inset -1px -1px #13604e;
    border-radius: 3px;
    text-shadow: 1px 1px #333;
}

    .modal-header:has(h1 + .btn-close)[b-vjlw90d8d0] {
        display: flex;
        justify-content: space-between;
    }

.btn-close[b-vjlw90d8d0] {
    margin-right: 2px;
}

.modal-footer[b-vjlw90d8d0] {
    background: transparent;
    border-radius: 0;
    border: none;
    justify-content: center;
    margin: 0;
    padding: 0 0 25px;
}

.model-content > .model-wrapper[b-vjlw90d8d0] {
    background: #fdfadc;
    margin: 2px;
    border-radius: 0;
    box-shadow: inset 2px 2px #fffef9, inset -2px -2px #ffef54;
}

.modal-disclaimer[b-vjlw90d8d0] {
    display: block;
    background: linear-gradient(to bottom, #3b8c76, #37806f);
    color: white;
    box-sizing: border-box;
    text-decoration: none;
    margin: 0 15px 15px;
    border-radius: 40px;
    box-shadow: inset 0 0px 0 2px #214D42;
}

    .modal-disclaimer *[b-vjlw90d8d0] {
        padding: 0;
        margin: 0;
        line-height: 100%;
        font-size: 1rem;
        text-decoration: none;
        list-style: none;
        border: 0 none;
        box-sizing: border-box;
    }

.modal-disclaimer_wrapper[b-vjlw90d8d0] {
    display: flex;
    width: 100%;
}

.modal-disclaimer_avatar[b-vjlw90d8d0] {
    background: white;
    box-shadow: inset 0 0 0 3px #fff, inset 0 10px 0 0 #6896bd, inset 0 -100px 0 0 #5dbcb0;
    border: 2px solid black;
    border-radius: 100%;
    height: 80px;
    width: 80px;
}

.modal-disclaimer_avatar-img[b-vjlw90d8d0] {
    display: block;
    height: 70px;
    width: 70px;
    position: relative;
    left: -2px;
    bottom: -7px;
    clip-path: circle(57.6% at 50% 42%);
}

.modal-disclaimer_content[b-vjlw90d8d0] {
    align-self: center;
}

.modal-disclaimer_content-wrapper[b-vjlw90d8d0] {
    padding: 10px;
    line-height: 1.1rem;
}
/* _content/series2-microsite/Pages/Components/FlatTokenInput.cshtml.rz.scp.css */
.card[b-rf4166y1dh] {
    border: 1px solid black !important;
    background: #f4deec;
    box-shadow: inset 4px 4px 0 #fdf4fa, inset -4px -4px 0 #e9b3d1;
}

.card-body[b-rf4166y1dh] {
    padding: 7px;
}

.flat-token-input_select-area-input[b-rf4166y1dh] {
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    overflow: hidden;
    overflow-y: scroll;
    min-width: 0;
    height: 420px;
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: 1px solid black;
    border-radius: var(--bs-card-border-radius);
}

.flat-token-input_filter-area:has(.flat-token-input_filter-area-input.form-control:focus)[b-rf4166y1dh] {
    box-shadow: 0 0 0 5px #00ad8329, 0 0 0 1px #00ad83;
    border-radius: var(--bs-card-border-radius);
}

.flat-token-input_filter-area-input.form-control[b-rf4166y1dh] {
    padding-left: 0 !important;
}

    .flat-token-input_filter-area-input.form-control:focus[b-rf4166y1dh] {
        outline: none;
        box-shadow: none;
    }

.flat-token-input_select-area-input-header[b-rf4166y1dh] {
    background: linear-gradient(to bottom, #f1ec2a, #ecdc22);
    border-bottom: 1px solid #d2cf2d;
    margin: 0 0 15px 0;
    padding: 0 10px;
    box-shadow: inset 1px 1px #ffffff, inset -1px -1px #ffffff;
    border-radius: 3px;
    color: #000;
    text-transform: uppercase;
    user-select: none;
}

.form-check[b-rf4166y1dh] {
    margin: 0;
}

.flat-token-input_select-area-input-subheader[b-rf4166y1dh] {
    text-transform: uppercase;
    background: #27806f;
    border: 1px solid black;
    padding: 0 10px 0 15px;
    box-shadow: inset 1px 1px #5bab98, inset -1px -1px #13604e;
    border-radius: 3px;
    text-shadow: 1px 1px #333;
    color: white;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
}

    .flat-token-input_select-area-input-subheader .form-check-label[b-rf4166y1dh] {
        color: white;
    }

[b-rf4166y1dh] .flat-token-input_select-area-wrapper-header {
    background-color: #efefef;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.flat-token-input_select-area-input-item[b-rf4166y1dh] {
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
    padding: 0 10px 0 25px;
}

.form-check-label[b-rf4166y1dh] {
    display: block;
    cursor: pointer;
}

    .form-check-label .font-cond-extra-bold[b-rf4166y1dh],
    .form-check-label .font-cond-medium[b-rf4166y1dh] {
        font-size: 1rem;
        line-height: 1rem;
    }

.flat-token-input_select-area-input-item .form-check-label[b-rf4166y1dh] {
    color: black !important;
}

.flat-token-input_select-area-input-item .form-check-input[b-rf4166y1dh] {
    border-color: rgba(0, 0, 0, 0.25);
}

.flat-token-input_select-area-input-item:has(.form-check-label:hover)[b-rf4166y1dh] {
    background: #efefef;
}

.flat-token-input_select-area-input-item:has(.form-check-input:checked)[b-rf4166y1dh] {
    background: #66c4b6;
    color: white;
}

[b-rf4166y1dh] .flat-token-input_select-area-wrapper-header.fixed {
    position: sticky;
}

.flat-token-input_select-area-input-image[b-rf4166y1dh] {
    position: absolute;
    right: 15px;
}

.flat-token-input_filter-area[b-rf4166y1dh] {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 15px;
}

    .flat-token-input_filter-area .input-group-text[b-rf4166y1dh],
    .flat-token-input_filter-area .form-control[b-rf4166y1dh] {
        border: 0 none;
        background: transparent;
    }

.input-group[b-rf4166y1dh] {
    border: 1px solid black;
    border-radius: var(--bs-card-border-radius);
    background: white;
}

.flat-token-input_title-area-text[b-rf4166y1dh] {
    text-transform: uppercase;
}

.flat-token-input_title-area[b-rf4166y1dh] {
    background: #27806f;
    border: 1px solid black;
    margin: 0 0 5px 0;
    height: 30px;
    line-height: 30px;
    padding: 0 2px 0 10px;
    box-shadow: inset 1px 1px #5bab98, inset -1px -1px #13604e;
    border-radius: 3px;
    text-shadow: 1px 1px #333;
    color: white;
    user-select: none;
}

.card[b-rf4166y1dh] {
    border-color: #000;
    border-width: 1px;
}

.flat-token-input_selection-area[b-rf4166y1dh] {
    padding: 7px 7px 7px;
    background: white;
    border-radius: var(--bs-card-border-radius);
    margin: 5px 0 5px;
    border: 1px solid black;
}

.scrollable-menu[b-rf4166y1dh] {
    height: auto;
    max-height: 260px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: var(--bs-card-border-radius);
    padding: 0;
    margin: 0;
    border: 1px solid black;
    box-shadow: 3px 6px 0px 2px black;
    background: white;
    font-size: 12px;
    width: 290px;
}

    .scrollable-menu .dropdown-header[b-rf4166y1dh] {
        padding: 4px 7px;
        background: var(--green);
        color: white;
        border-bottom: 1px solid #2c906c;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        text-shadow: 0px 1px #2c906c;
    }

    .scrollable-menu .dropdown-item[b-rf4166y1dh] {
        padding: 1px 7px !important;
        text-transform: uppercase;
    }

.flat-token-input_select-area-wrapper-header *[b-rf4166y1dh],
.flat-token-input_select-area-input-subheader *[b-rf4166y1dh],
.flat-token-input_select-area-input-item *[b-rf4166y1dh],
.dropdown-menu *[b-rf4166y1dh] {
    user-select: none;
}

.flat-token-input_selected-area[b-rf4166y1dh] {
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: 1px solid black;
    border-radius: var(--bs-card-border-radius);
    overflow: hidden !important;
    overflow-y: scroll !important;
    min-width: 0;
    height: 420px;
    word-wrap: break-word;
}

    .flat-token-input_selected-area .flat-token-input_title-area[b-rf4166y1dh] {
        margin: 3px 1px;
    }

.token[b-rf4166y1dh] {
    overflow: hidden;
    position: relative;
    user-select: none;
}

.token-details[b-rf4166y1dh] {
    display: flex;
    gap: 7px;
    border-bottom: 1px solid #efefef;
    padding: 5px;
    justify-content: flex-start;
    align-items: center;
    padding-right: 30px;
    overflow: hidden;
    white-space: nowrap;
}

.token-details-data[b-rf4166y1dh] {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
}

.token-details-collection[b-rf4166y1dh] {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
}

.token-details-name[b-rf4166y1dh] {
    text-overflow: ellipsis;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
}

.token-details-image[b-rf4166y1dh] {
    width: 40px;
    height: 40px;
}

    .token-details-image img[b-rf4166y1dh] {
        display: block;
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 100%;
    }

.remove-token[b-rf4166y1dh] {
    position: absolute;
    right: 5px;
    top: 3px;
    text-decoration: none;
    border-radius: 100%;
    background: linear-gradient(45deg, red, #ff6773);
    color: white;
    height: 18px;
    width: 18px;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #990000;
}

    .remove-token:hover[b-rf4166y1dh] {
        opacity: 1;
    }

.empty-selection img[b-rf4166y1dh] {
    display: block;
    width: 65px;
    margin: 0 auto;
}

.empty-selection[b-rf4166y1dh] {
    user-select: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -90px;
    margin-left: -60px;
    text-align: center;
    height: 120px;
    width: 120px;
    background: #efefef;
    border-radius: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

.token-message-wrapper[b-rf4166y1dh] {
    position: absolute;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(2px);
    z-index: 10;
    width: 100%;
    height: 100%;
    border-radius: var(--bs-card-border-radius);
    user-select: none;
}

.token-message-wrapper_container[b-rf4166y1dh] {
    position: absolute;
    left: 50%; /* horizontal alignment */
    top: 50%; /* vertical alignment */
    transform: translate(-50%, -50%);
    max-width: 90%;
    min-width: 60%;
    border: 1px solid black !important;
    background: #f4deec;
    box-shadow: inset 4px 4px 0 #fdf4fa, inset -4px -4px 0 #e9b3d1;
    border-radius: var(--bs-card-border-radius);
}

.token-message-wrapper_title[b-rf4166y1dh] {
    text-transform: uppercase;
    background: #27806f;
    border: 1px solid black;
    padding: 0 15px;
    box-shadow: inset 1px 1px #5bab98, inset -1px -1px #13604e;
    border-radius: 3px 3px 0 0;
    text-shadow: 1px 1px #333;
    color: white;
    margin: 5px 5px 0 5px;
    height: 32px;
    line-height: 32px;
    position: relative;
}

.token-message-wrapper_body[b-rf4166y1dh] {
    text-align: center;
    display: block;
    padding: 10px 15px 15px;
    background: white;
    margin: 0 5px 5px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 0 0 #fff;
    border: 1px solid black;
    border-top: 0 none;
    font-size: 1rem;
    line-height: 1.2rem;
}

.token-message-wrapper_close[b-rf4166y1dh] {
    height: 21px;
    width: 21px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 4px;
    background: #ffff00;
    border-radius: var(--bs-card-border-radius);
    color: #000;
    text-decoration: none;
    line-height: 21px;
    text-shadow: none;
    font-size: 19px;
    box-shadow: 0 1px 3px #000, inset -4px -4px 0 #d7d700, inset 4px 4px 0 #ffff49;
}

    .token-message-wrapper_close:hover[b-rf4166y1dh] {
        box-shadow: 0 1px 3px #000, inset -21px -21px 0 #d7d700;
    }
/* _content/series2-microsite/Pages/Components/FlatVideo.cshtml.rz.scp.css */
.video-container[b-skqs3tvxxa] {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .video-container[b-skqs3tvxxa]  iframe,
    .video-container[b-skqs3tvxxa]  object,
    .video-container[b-skqs3tvxxa]  embed,
    .video-container[b-skqs3tvxxa]  video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* _content/series2-microsite/Pages/Components/HCaptcha.cshtml.rz.scp.css */
.h-captcha-wrapper[b-rte8c72vf7],
.h-captcha[b-rte8c72vf7] {
    display: inline-block;
}
/* _content/series2-microsite/Pages/Components/InlineLoader.cshtml.rz.scp.css */
.inline-loader[b-mi3zfo1csb] {
    display: inline-flex;
    padding: 7px;
    align-items: center;
    gap: 7px;
}

.inline-loader_image[b-mi3zfo1csb] {
    height: 15px;
    width: 15px;
    display: block;
}

.inline-loader_message[b-mi3zfo1csb] {
    font-size: 12px;
    color: #555;
}
/* _content/series2-microsite/Pages/Components/SocialConnector.cshtml.rz.scp.css */
.min-w-25[b-t84t7kk2le] {
    min-width: 25rem
}

@media (max-width: 367px) {
    .min-w-25[b-t84t7kk2le] {
        min-width: 22.5rem
    }
}

[b-t84t7kk2le] .copy-me {
    display: inline-flex;
    background: #00ad83;
    border-radius: 7px;
    border: 1px solid #007b5d;
}

[b-t84t7kk2le] .copy-me-icon {
    border-left: 1px solid #007b5d;
    padding: 0 4px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

    [b-t84t7kk2le] .copy-me-icon:hover {
        background: #007b5d;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-t84t7kk2le] .copy-me-text {
    padding: 0 15px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #fff;
    text-shadow: 1px 0 0 #007b5d;
}

[b-t84t7kk2le] .cold-wallet-text {
    line-height: 30px;
}
/* _content/series2-microsite/Pages/Components/StarBackground.cshtml.rz.scp.css */
.star-container[b-wdu82hn6tr] {
    overflow: hidden;
    background: #24388A;
}

    .star-container > *[b-wdu82hn6tr] {
        color: var(--bs-white);
    }

canvas[b-wdu82hn6tr] {
    width: 100%;
    display: block;
    background: #24388A;
    top: 0;
    left: 0;
}

.star-orb-1[b-wdu82hn6tr] {
    height: 800px;
    width: 800px;
    bottom: calc(20% + -400px);
    left: calc(50% - 400px);
    background: radial-gradient(#0F7DC0 0, transparent 70%);
    animation-name: floating-1-b-wdu82hn6tr;
    animation-delay: 0s;
}

.star-orb-2[b-wdu82hn6tr] {
    height: 550px;
    width: 550px;
    top: 10%;
    left: 10%;
    background: radial-gradient(#30898d 0, transparent 70%);
    animation-name: floating-2-b-wdu82hn6tr;
    animation-delay: 1s;
}

.star-orb-3[b-wdu82hn6tr] {
    height: 750px;
    width: 750px;
    top: -15%;
    right: -5%;
    background: radial-gradient(#a3a6d2 0, transparent 70%);
    animation-name: floating-3-b-wdu82hn6tr;
    animation-delay: 2s;
}

.star-orb[b-wdu82hn6tr] {
    border-radius: 100%;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    pointer-events: none;
}

@keyframes floating-1-b-wdu82hn6tr {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }

    25% {
        transform: translate(25px, 55px) scale(1.1);
    }

    50% {
        transform: translate(75px, 75px) scale(1.2);
        opacity: 0.8;
    }

    75% {
        transform: translate(25px, 55px) scale(1.1);
    }

    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
}

@keyframes floating-2-b-wdu82hn6tr {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }

    25% {
        transform: translate(-25px, -55px) scale(1.1);
    }

    50% {
        transform: translate(-75px, -75px) scale(1.2);
        opacity: 0.8;
    }

    75% {
        transform: translate(-25px, -55px) scale(1.1);
    }

    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
}

@keyframes floating-3-b-wdu82hn6tr {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }

    25% {
        transform: translate(0, 15px) scale(1.1);
    }

    50% {
        transform: translate(0, 35px) scale(1.2);
        opacity: 0.8;
    }

    75% {
        transform: translate(0, 15px) scale(1.1);
    }

    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.3;
    }
}
/* _content/series2-microsite/Pages/Components/SubHeading.cshtml.rz.scp.css */
h3[b-gzvgnebxoi] {
    color: var(--yellow);
    font-weight: 800;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 28px;
    margin-top: 34px;
    margin-bottom: 0;
}
/* _content/series2-microsite/Pages/ConfirmPhoneNumber.cshtml.rz.scp.css */
.text-gradient[b-ebkzt54wtk] {
  background: linear-gradient(135deg, #fff 0%, #e0e0e0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.form-floating > label[b-ebkzt54wtk] {
  padding-left: 0.75rem;
}

.form-control:focus[b-ebkzt54wtk] {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.card[b-ebkzt54wtk] {
  transition: transform 0.2s ease-in-out;
}

.card:hover[b-ebkzt54wtk] {
  transform: translateY(-2px);
}

.btn[b-ebkzt54wtk] {
  transition: all 0.2s ease-in-out;
}

.btn:hover[b-ebkzt54wtk] {
  transform: translateY(-1px);
}

.alert[b-ebkzt54wtk] {
  border-left: 4px solid currentColor;
}
/* _content/series2-microsite/Pages/Error.cshtml.rz.scp.css */
.wrapper[b-shyibnp110] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: #202124;
    color: #fff;
}

[b-shyibnp110] a {
    font-weight: bold;
    color: white;
}

.robot[b-shyibnp110] {
    position: relative;
    left: -76px;
}

code[b-shyibnp110] {
    color: #f7cd00;
}

h1[b-shyibnp110] {
    font-size: 44px;
    line-height: 44px;
    margin-top: 20px;
}

.description[b-shyibnp110] {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 40px;
}
/* _content/series2-microsite/Pages/ExperienceDetails.cshtml.rz.scp.css */
.wrapper-Burn[b-c3r98sw2kg] {
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1666207339/veefriends/burn-island/burn-island-bg) bottom center repeat-x;
    background-size: auto 100%;
}

.wrapper-S1AccessEvent[b-c3r98sw2kg] {
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1666207339/veefriends/specials/www/hero-acess-events-bg);
    background-color: #00AD83;
    background-repeat: no-repeat;
    background-size: contain;
}

.wrapper-AccessEvent[b-c3r98sw2kg] {
    background: #00AD83;
}

.wrapper-Claim[b-c3r98sw2kg] {
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1671468653/veefriends/specials/www/claim-background);
    background-repeat: no-repeat;
    background-size: contain;
}

.burn-island-sprite-front-tree-left[b-c3r98sw2kg] {
    bottom: 20%;
    left: 2%;
}

.burn-island-sprite-front-tree-left-2[b-c3r98sw2kg] {
    bottom: 0;
    right: -3%;
    z-index: 0;
}

.burn-island-sprite-front-tree-right[b-c3r98sw2kg] {
    bottom: 12%;
    right: 7%;
}

.burn-island-sprite-front-tree-right-2[b-c3r98sw2kg] {
    top: 0%;
    left: 0%;
}

@media (max-width: 1502px) {
    .burn-island-sprite-front-tree-left-2[b-c3r98sw2kg] {
        display: none !important;
    }
}
/* _content/series2-microsite/Pages/ExperienceDetailsFormThankYou.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/FAQ.cshtml.rz.scp.css */
.bg.bg-grid-white[b-lhi3lnj39j] {
    --s: 100px; /* control the size */
    --_g: #fff6 90deg, #27867c4d 0;
    background: conic-gradient(from 90deg at 2px 2px,var(--_g)) 0 0/var(--s) var(--s), conic-gradient(from 90deg at 1px 1px,var(--_g)) 0 0/calc(var(--s)/5) calc(var(--s)/5), white;
}

.navbar[b-lhi3lnj39j] {
    box-shadow: none !important;
}

[b-lhi3lnj39j] .navbar-nav .show > .nav-link,
[b-lhi3lnj39j] .navbar-nav .nav-link.active {
    font-family: obviously-condensed, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    color: white !important;
}

.bg-nav[b-lhi3lnj39j] {
    border-radius: 50rem;
    background-color: #00AD83;
}

@media (max-width: 1200px) {
    .bg-nav[b-lhi3lnj39j] {
        background: none;
    }

    [b-lhi3lnj39j] .navbar-nav .show > .nav-link,
    [b-lhi3lnj39j] .navbar-nav .nav-link.active {
        color: #00AD83 !important;
    }
}
/* _content/series2-microsite/Pages/Form.cshtml.rz.scp.css */
/* General styles */
body[b-9rly2i2ssu] {
  font-family: "Roboto", sans-serif;
  background-color: #ffffff;
  color: #333333;
}

h1[b-9rly2i2ssu],
h2[b-9rly2i2ssu],
h3[b-9rly2i2ssu] {
  font-family: "Obviously", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: black;
}

.form-description[b-9rly2i2ssu] {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8;
  color: #555555;
}

/* Character selection styles */
.character-container[b-9rly2i2ssu] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.character-link[b-9rly2i2ssu] {
  flex-basis: calc(33.333% - 20px);
  max-width: calc(33.333% - 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease;
  border: none;
  background-color: #f5f5f5;
  padding: 20px;
  margin: 0;
}

.character-link img[b-9rly2i2ssu] {
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.character-link h3[b-9rly2i2ssu] {
  font-size: 1.1rem;
  margin-top: 15px;
  text-align: center;
  color: #333333;
}

.character-selected[b-9rly2i2ssu] {
  background-color: rgba(0, 160, 131, 0.1);
}

.character-selected img[b-9rly2i2ssu] {
  transform: scale(1.05);
}

/* Form styles */
.wrapper-Form[b-9rly2i2ssu] {
  background-color: #fff;
  border: none;
  box-shadow: none;
  padding: 20px;
  position: relative;
}

.wrapper-Form[b-9rly2i2ssu]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  height: 1px;
  background-color: #e0e0e0;
}

.title-container[b-9rly2i2ssu] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.title-container .logo[b-9rly2i2ssu] {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-bottom: 3rem !important;
  border-radius: 20px; /* Add rounded corners */
  overflow: hidden; /* Ensure the image doesn't overflow the rounded corners */
}

/* Input styles */
flat-input[b-9rly2i2ssu] {
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
  border: none !important;
  border-bottom: 1px solid #e0e0e0 !important;
  padding: 10px 0 !important;
  background-color: transparent !important;
  transition: all 0.3s ease;
  width: 100%;
}

flat-input:focus[b-9rly2i2ssu] {
  border-bottom-color: black !important;
  box-shadow: none;
}

/* Checkbox and radio button styles */
.checkbox-group[b-9rly2i2ssu],
.radio-group[b-9rly2i2ssu] {
  margin-bottom: 30px;
}

.checkbox-options[b-9rly2i2ssu],
.radio-options[b-9rly2i2ssu] {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 20px;
  border: none;
}

.checkbox-option[b-9rly2i2ssu],
.radio-option[b-9rly2i2ssu] {
  margin-bottom: 15px;
}

.checkbox-option input[type="checkbox"][b-9rly2i2ssu],
.radio-option input[type="radio"][b-9rly2i2ssu] {
  margin-right: 10px;
}

.checkbox-option label[b-9rly2i2ssu],
.radio-option label[b-9rly2i2ssu] {
  display: inline-block;
  vertical-align: middle;
  color: #333333;
}

/* Remove specific styling for .question */
.question[b-9rly2i2ssu] {
  margin-bottom: 30px;
  padding: 0;
  background-color: transparent;
  border: none;
}

/* Adjust button styling */
flat-button[b-9rly2i2ssu] {
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
  border: none !important;
  padding: 10px 20px !important;
  background-color: #f5f5f5 !important;
  color: #333333 !important;
  border-radius: 5px;
  transition: all 0.3s ease;
}

flat-button:hover[b-9rly2i2ssu] {
  background-color: #e0e0e0 !important;
  transform: none;
  box-shadow: none;
}

flat-button[color="Green"][b-9rly2i2ssu] {
  background-color: black !important;
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
}

flat-button[color="Green"]:hover[b-9rly2i2ssu] {
  background-color: #008c72 !important;
}

/* Character selection styles update */
.character-link[b-9rly2i2ssu] {
  border: none;
  background-color: #f5f5f5;
}

.character-selected[b-9rly2i2ssu] {
  background-color: rgba(0, 160, 131, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .character-link[b-9rly2i2ssu] {
    flex-basis: calc(50% - 15px);
    max-width: calc(50% - 15px);
  }

  .title-container .logo[b-9rly2i2ssu] {
    width: 100%;
  }

  .fancy-title[b-9rly2i2ssu] {
    font-size: 3rem !important;
  }

  .wrapper-Form[b-9rly2i2ssu] {
    padding: 30px;
  }
}

@media (max-width: 480px) {
  .character-link[b-9rly2i2ssu] {
    flex-basis: 100%;
    max-width: 100%;
  }

  .title-container .logo[b-9rly2i2ssu] {
    width: 100%;
  }

  .fancy-title[b-9rly2i2ssu] {
    font-size: 2.6rem !important;
    padding: 0 10px;
  }

  .wrapper-Form[b-9rly2i2ssu] {
    padding: 20px;
  }
}

/* Styled sections (e.g., email, terms) */
.styled-section[b-9rly2i2ssu] {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
}

.styled-section h3[b-9rly2i2ssu] {
  margin-top: 0;
  margin-bottom: 15px;
}

.styled-section flat-input[b-9rly2i2ssu] {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #e0e0e0 !important;
  border-radius: 0;
  padding: 10px 0 !important;
}

.styled-section flat-input:focus[b-9rly2i2ssu] {
  border-bottom-color: black !important;
  box-shadow: none;
}

/* Add this new class */
.text-form-custom[b-9rly2i2ssu] {
  color: black;
}

.fancy-title[b-9rly2i2ssu] {
  font-size: 3.5rem;
  color: black;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 30px;
  line-height: 1.2;
}

.radio-options[b-9rly2i2ssu] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.radio-option[b-9rly2i2ssu] {
    flex: 0 0 auto;
}

.radio-option input[type="radio"][b-9rly2i2ssu] {
    display: none;
}

.radio-option label[b-9rly2i2ssu] {
    display: inline-block;
    padding: 8px 16px;
    background-color: white;
    border: 2px solid #838783;
    border-radius: 8px;
    cursor: pointer;
    color: #838783;
    transition: all 0.3s ease;
}

.radio-option input[type="radio"]:checked + label[b-9rly2i2ssu] {
    background-color: #ffe700;
    border-color: #12110d;
    color: #12110d;
}

.radio-option label:hover[b-9rly2i2ssu] {
    background-color: #ffe700;
    border-color: #12110d;
    color: #12110d;
}
/* _content/series2-microsite/Pages/FormThankYou.cshtml.rz.scp.css */
.neobrutal-container[b-3upvjc72sw] {
    min-height: 50vh;
    padding: 2rem;
    display: flex;
    justify-content: center;
}

.neobrutal-card[b-3upvjc72sw] {
    /* box-shadow: 8px 8px 0 #000000; */
    padding: 3rem;
    margin-top: 2rem;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
}

.neobrutal-card.new-user[b-3upvjc72sw] {
    border: 3px solid #00a083; /* VF Green */
    box-shadow: 8px 8px 0 #00a083; /* VF Green */
}

.neobrutal-card.existing-user[b-3upvjc72sw] {
    border: 3px solid #FFBE00; /* VF Yellow */
    box-shadow:  8px 8px 0 #FFBE00; /* VF Yellow */
}

.neobrutal-content[b-3upvjc72sw] {
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #333;; /* White text */
}

.neobrutal-content h1[b-3upvjc72sw], .neobrutal-content h2[b-3upvjc72sw], .neobrutal-content h3[b-3upvjc72sw] {
    font-weight: 700; /* Bold */
    margin-bottom: 1rem;
}

.neobrutal-content p[b-3upvjc72sw] {
    margin-bottom: 1rem;
}
/* _content/series2-microsite/Pages/FreePack.cshtml.rz.scp.css */
.alert[b-mgnz64kowk] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-mgnz64kowk] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }


.form-input-wrapper[b-mgnz64kowk] {
  width: 100%;
  max-width: 800px;
  text-align: left;
}

  .form-input-wrapper[b-mgnz64kowk]  input.form-control {
    background-color: #111;
    border: 2px solid #222;
    border-radius: 30px;
    color: #fff;
    text-align: left;
  }

  .video-wrapper[b-mgnz64kowk] {
    border-radius: 32px;
    overflow: hidden;
  }

  .form-input-wrapper[b-mgnz64kowk]  label.form-label::after,
  .form-input-wrapper[b-mgnz64kowk]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
    text-align: left;
  }


@media (max-width: 768px) {
  .form-parts[b-mgnz64kowk] {
    flex-direction: column;
    align-items: center;
  }
}
/* _content/series2-microsite/Pages/FriendsCapsResilient.cshtml.rz.scp.css */
.alert[b-u84ozgpt1f] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-u84ozgpt1f] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }


.form-input-wrapper[b-u84ozgpt1f] {
  width: 100%;
  max-width: 800px;
  text-align: left;
}

[b-u84ozgpt1f] .label-small {
  font-size: 10px !important;
}

.form-input-wrapper[b-u84ozgpt1f]  input.form-control {
  background-color: #111;
  border: 2px solid #222;
  border-radius: 30px;
  color: #fff;
  text-align: left;
}

.form-input-wrapper[b-u84ozgpt1f]  label.form-label::after,
.form-input-wrapper[b-u84ozgpt1f]  label.form-label {
  background-color: transparent;
  border: 0 none;
  color: #666;
  text-shadow: none;
  margin-left: 5px;
  margin-top: 3px;
  text-align: left;
}


@media (max-width: 768px) {
  .form-parts[b-u84ozgpt1f] {
    flex-direction: column;
    align-items: center;
  }
}
/* _content/series2-microsite/Pages/GamePlay.cshtml.rz.scp.css */
#gameFrame[b-18zmdrd1d5] {
    border-radius: 20px;
    box-shadow: 0 0 100px 10px #565656, 0 11px 15px black;
}
/* _content/series2-microsite/Pages/GiftGoat.cshtml.rz.scp.css */
li[b-h7g5tdbs36] {
    list-style: none;
}

.img-faq[b-h7g5tdbs36] {
    padding: 30px;
    background-color: #f4f4f6;
    margin: 20px auto 30px;
    display: block;
    border-radius: 10px;
}

.row1[b-h7g5tdbs36] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
}
/* _content/series2-microsite/Pages/GregorysLandingPage.cshtml.rz.scp.css */
h2[b-u7w4zwcz6x] {
    color: #FFF;
    text-align: center;
    font-family: obviously-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 53px;
    font-weight: bolder;
    line-height: 60px; /* 113.208% */
    text-transform: uppercase;
}

[b-u7w4zwcz6x] .web-page-content > * {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 150%;
}

hr[b-u7w4zwcz6x] {
    height: 2px;
    padding: 0;
    margin: 20px 0;
    width: 100%;
    display: block;
    border: 0 none !important;
    background-color: white;
    opacity: 1;
}

.video-container[b-u7w4zwcz6x] {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (change this according to your aspect ratio) */
    height: 0;
    overflow: hidden;
}

    .video-container iframe[b-u7w4zwcz6x] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


#learnMore .card[b-u7w4zwcz6x] {
    background: none;
}

#learnMore .card-body[b-u7w4zwcz6x] {
    background: #7DA42E;
    display: flex;
    align-items: center;
    text-align: center;
    max-height: 114px;
}

#learnMore .card-title[b-u7w4zwcz6x],
#learnMore .card-title a[b-u7w4zwcz6x] {
    color: #000;
    text-align: center;
    font-size: 1.7rem;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    text-decoration: none;
    font-family: obviously-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
}
/* _content/series2-microsite/Pages/Index.cshtml.rz.scp.css */
@media (max-width: 990px) {
    .content-container[b-l4azlpze7x] {
        width: 100%;
        margin: 0;
    }
}
/* _content/series2-microsite/Pages/IpTrademarkGuidelines.cshtml.rz.scp.css */
.what-even-is-ip[b-n9vn6a7uvi], .vf-ip-owned-by-vf[b-n9vn6a7uvi], .short-faqs[b-n9vn6a7uvi] {
    margin-top: 10px;
}

.what-even-is-ip[b-n9vn6a7uvi] {
    background-color: #B6E2EB;
}

.vf-ip-owned-by-vf[b-n9vn6a7uvi] {
    background-color: #F6E948;
}

.what-even-is-ip .container[b-n9vn6a7uvi], .vf-ip-owned-by-vf .container[b-n9vn6a7uvi], .short-faqs .container[b-n9vn6a7uvi] {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.hero[b-n9vn6a7uvi]  span, .what-even-is-ip[b-n9vn6a7uvi]  span {
    font-weight: 700;
}

h2[b-n9vn6a7uvi] {
    font-size: 2.6rem;
}

[b-n9vn6a7uvi] .section-headers p {
    font-family: obviously-narrow, sans-serif;
    font-size: 3.5rem;
    margin-top: -18px;
    margin-bottom: 0 !important;
}

[b-n9vn6a7uvi] span, .short-faqs[b-n9vn6a7uvi]  span strong, .short-faqs[b-n9vn6a7uvi]  span a {
    font-size: 1.3331rem !important;
}

.vf-ip-owned-by-vf[b-n9vn6a7uvi]  span b {
    font-size: 1.5rem !important;
}

[b-n9vn6a7uvi] span a {
    color: inherit !important;
}

@media(max-width: 1199px) {
    .hero img[b-n9vn6a7uvi] {
        max-width: 475px;
    }
}

@media(max-width: 991px) {
    .what-even-is-ip .container[b-n9vn6a7uvi], .vf-ip-owned-by-vf .container[b-n9vn6a7uvi], .short-faqs .container[b-n9vn6a7uvi] {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .hero img[b-n9vn6a7uvi], .what-even-is-ip img[b-n9vn6a7uvi] {
        max-width: 350px;
    }

    .trademark-examples img[b-n9vn6a7uvi] {
        max-width: 250px;
    }

    .copyright-examples img[b-n9vn6a7uvi] {
        max-width: 175px;
    }

    [b-n9vn6a7uvi] .section-headers p {
        font-size: 2rem;
        margin-top: -7px;
    }

    [b-n9vn6a7uvi] span, .short-faqs[b-n9vn6a7uvi]  span strong, .short-faqs[b-n9vn6a7uvi]  span a {
        font-size: 1rem !important;
    }

    .vf-ip-owned-by-vf[b-n9vn6a7uvi]  span b {
        font-size: 1.1669rem !important;
    }
}
/* _content/series2-microsite/Pages/Jobs.cshtml.rz.scp.css */
h2[b-qkr4cie3qp] {
    color: #FFF;
    text-align: center;
    font-family: obviously-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 53px;
    font-weight: bolder;
    line-height: 60px; /* 113.208% */
    text-transform: uppercase;
}

.bg[b-qkr4cie3qp] {
    background-color: #00AD83 !important;
    padding-top: 120px !important;
}

p[b-qkr4cie3qp] {
    font-size: larger !important;
}

h1[b-qkr4cie3qp] {
    text-shadow: 4px 4px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000 !important;
    line-height: 76px !important;
}


.hero[b-qkr4cie3qp] {
    min-height: 496px !important;
}

[b-qkr4cie3qp] .web-page-content > * {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 150%;
}

.card[b-qkr4cie3qp] {
    border-radius: 0;
    border: 2px solid black !important;
    box-shadow: 8px 8px 0 0px rgba(0, 0, 0, .9);
    padding: 15px;
}

hr[b-qkr4cie3qp] {
    height: 2px;
    padding: 0;
    margin: 20px 0;
    width: 100%;
    display: block;
    border: 0 none !important;
    background-color: white;
    opacity: 1;
}

.text-yellow[b-qkr4cie3qp] {
    color: #f6e029;
}

.video-container[b-qkr4cie3qp] {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (change this according to your aspect ratio) */
    height: 0;
    overflow: hidden;
}

.apply[b-qkr4cie3qp] {
    text-align: right !important;
}

    .video-container iframe[b-qkr4cie3qp] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


#learnMore .card[b-qkr4cie3qp] {
    background: none;
}

#learnMore .card-body[b-qkr4cie3qp] {
    background: #7DA42E;
    display: flex;
    align-items: center;
    text-align: center;
    max-height: 114px;
}

#learnMore .card-title[b-qkr4cie3qp],
#learnMore .card-title a[b-qkr4cie3qp] {
    color: #000;
    text-align: center;
    font-size: 1.7rem;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    text-decoration: none;
    font-family: obviously-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
}
/* _content/series2-microsite/Pages/LiveShows.cshtml.rz.scp.css */
.bg[b-d3a9quri15] {
  background-size: contain;
  min-height: 100vh;
  min-width: 100vw;
  background-color: #0f1010;
}

.card[b-d3a9quri15] {
  background: linear-gradient(to bottom, white 10%, transparent 40%), #efefef url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1709314207/veefriends/specials/www/character-scatter-bg);
}

.logo[b-d3a9quri15] {
  width: 224px;
  margin: -80px auto 0;
}

.card-image[b-d3a9quri15] {
  position: relative;
}

  .card-image img[b-d3a9quri15] {
    max-width: 128px;
    aspect-ratio: 1/1;
    object-fit: cover;
  }

  .card-image[b-d3a9quri15]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45px;
    background: linear-gradient(to left, white 10%, transparent);
  }

.footer-links[b-d3a9quri15] {
  font-size: 12px;
  color: white;
  text-decoration: none;
}

.card-item .card-body[b-d3a9quri15] {
  border: 2px solid #000;
  background: white;
  box-shadow: 2px 4px 0px 2px black !important;
}

.card-item:hover .card-body[b-d3a9quri15] {
  border: 2px solid var(--green);
  background: white;
  box-shadow: 2px 4px 0px 2px var(--green) !important;
}

.card-item:active .card-body[b-d3a9quri15],
.card-item:focus .card-body[b-d3a9quri15] {
  border: 2px solid var(--green);
  background: white;
  box-shadow: none !important;
}

.card-title[b-d3a9quri15],
.card-description[b-d3a9quri15] {
  line-height: 16px;
  text-wrap: pretty;
  display: block;
}


#share[b-d3a9quri15] {
  border: 1px solid #e9e9e9;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  outline: none;
  background: #fefefe;
  height: 36px;
  width: 36px;
  border-radius: 100%;
  text-align: center;
}

  #share img[b-d3a9quri15] {
    position: relative;
    display: block;
    width: 19px;
    color: #333;
    left: -2px;
    margin: 0 auto;
  }

  #share:hover[b-d3a9quri15] {
    background: #efefef;
  }

    #share:hover span[b-d3a9quri15] {
      color: #999;
    }


.discover[b-d3a9quri15] {
  padding: 40px;
  background: white;
  border-radius: 20px;
}


/* Fonts */
[b-d3a9quri15] .web-share {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

[b-d3a9quri15] .web-share-title {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.12em;
  opacity: 0.7;
}

[b-d3a9quri15] .web-share {
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: background .4s;
  padding: 8px;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 100000;
  display: none;
}

[b-d3a9quri15] .web-share-container {
  max-width: 490px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 8px;
  background: #F8F8F8;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px;
  padding: 16px 23px;
  text-align: left;
  color: black;
  transform: translateY(10vh);
  opacity: 0;
  transition: transform .4s, opacity .4s;
}

  [b-d3a9quri15] .web-share-container.web-share-cancel {
    color: #0076FF;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
  }

[b-d3a9quri15] .web-share-item {
  margin: 16px 8px;
  display: inline-block;
  text-decoration: none !important;
  color: black !important;
  cursor: pointer;
  width: 64px;
}

  [b-d3a9quri15] .web-share-item [class^="web-share-icon-"] {
    background-color: white;
    border-radius: 12px;
    padding: 12px;
    color: black;
    font-size: 32px;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
  }

  [b-d3a9quri15] .web-share-item[href=""] {
    display: none;
  }

[b-d3a9quri15] .web-share-item-desc {
  text-align: center;
  margin-top: 4px;
}

[b-d3a9quri15] .web-share.desktop .web-share-sms {
  display: none;
}

[b-d3a9quri15] .web-share-icon-whatsapp {
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg"><path d="M20.504 3.504C18.246 1.246 15.246 0 12.05 0 5.466 0 .103 5.36.103 11.945c-.004 2.106.546 4.16 1.593 5.973L0 24.108l6.336-1.663c1.742.953 3.71 1.453 5.71 1.457h.005c6.587 0 11.946-5.36 11.95-11.95 0-3.19-1.242-6.19-3.496-8.448zm-8.453 18.38h-.003c-1.78 0-3.53-.482-5.055-1.384l-.363-.215-3.763.985 1.004-3.665-.233-.375c-.996-1.582-1.52-3.41-1.52-5.285 0-5.472 4.457-9.925 9.938-9.925 2.652 0 5.144 1.035 7.02 2.91 1.874 1.88 2.905 4.37 2.905 7.023 0 5.477-4.457 9.93-9.93 9.93zm5.446-7.44c-.297-.147-1.766-.87-2.04-.967-.272-.102-.472-.15-.67.148-.2.3-.77.973-.946 1.172-.172.195-.348.223-.645.074-.3-.147-1.26-.464-2.402-1.483-.887-.79-1.488-1.77-1.66-2.067-.176-.3-.02-.46.13-.61.135-.132.3-.347.448-.523.15-.17.2-.296.302-.496.097-.198.047-.374-.028-.522-.074-.148-.67-1.62-.92-2.22-.244-.58-.49-.5-.673-.51-.17-.008-.37-.008-.57-.008-.2 0-.523.074-.797.375-.273.297-1.043 1.02-1.043 2.488 0 1.47 1.07 2.89 1.22 3.09.148.195 2.105 3.21 5.1 4.504.712.308 1.266.492 1.7.63.715.225 1.367.194 1.883.12.574-.086 1.765-.723 2.015-1.422.247-.695.247-1.293.172-1.418-.074-.125-.273-.2-.574-.352z" fill="black" fill-rule="evenodd"/></svg>');
}

[b-d3a9quri15] .web-share-icon-telegram {
  background-image: url('data:image/svg+xml,<svg width="26" height="23" viewBox="0 0 26 23" xmlns="http://www.w3.org/2000/svg"><path d="M24.075.002c-.336.016-.652.112-.933.22h-.004c-.285.11-1.64.673-3.7 1.523l-7.385 3.063C6.755 7.005 1.547 9.168 1.547 9.168l.063-.023s-.36.115-.735.37c-.19.122-.402.292-.586.557-.185.266-.333.674-.28 1.093.09.712.56 1.14.896 1.374.34.237.664.35.664.35h.008l4.884 1.62c.22.692 1.49 4.8 1.794 5.748.18.565.355.92.574 1.19.105.137.23.253.38.345.057.035.12.062.182.085.02.01.04.015.063.02l-.05-.012c.015.003.027.015.038.02.04.01.067.014.118.022.774.23 1.395-.243 1.395-.243l.036-.027 2.884-2.585 4.833 3.65.11.048c1.008.435 2.027.193 2.566-.234.544-.43.755-.98.755-.98l.035-.09 3.735-18.843c.105-.466.133-.9.016-1.324-.118-.424-.42-.82-.782-1.032-.367-.216-.73-.28-1.067-.266zm-.1 2.02c-.005.062.007.054-.02.173v.012l-3.7 18.647c-.016.027-.044.085-.118.143-.078.06-.14.1-.465-.027l-5.91-4.464-3.572 3.205.75-4.716 9.658-8.866c.4-.365.266-.442.266-.442.027-.447-.602-.13-.602-.13l-12.178 7.43-.004-.02-5.838-1.936v-.003c-.003 0-.01-.004-.015-.004.004 0 .03-.012.03-.012l.032-.014.03-.012 10.51-4.36c2.654-1.1 5.326-2.208 7.38-3.062 2.056-.85 3.576-1.474 3.662-1.51.082-.03.043-.03.102-.03z" fill-rule="nonzero" fill="black"/></svg>');
}

[b-d3a9quri15] .web-share-icon-facebook {
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.41 0 0 5.137 0 11.5c0 3.39 1.57 6.402 4 8.5v4.625l4.438-2.22c1.128.34 2.308.595 3.562.595 6.59 0 12-5.137 12-11.5S18.59 0 12 0zm0 2c5.56 0 10 4.266 10 9.5S17.56 21 12 21c-1.195 0-2.336-.227-3.406-.594l-.406-.125L6 21.376v-2.25l-.375-.313C3.405 17.063 2 14.442 2 11.5 2 6.266 6.44 2 12 2zm-1.125 6.344l-6.03 6.375 5.405-3 2.875 3.092 5.97-6.468-5.282 2.97-2.938-2.97z" fill-rule="nonzero" fill="black"/></svg>')
}

[b-d3a9quri15] .web-share-icon-email {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="black" height="32" viewBox="0 0 24 24" width="32"><path d="M0 0h24v24H0z" fill="none"/><path d="M 20,4 4,4 C 2.9,4 2.01,4.9 2.01,6 L 2,18 c 0,1.1 0.9,2 2,2 l 16,0 c 1.1,0 2,-0.9 2,-2 L 22,6 C 22,4.9 21.1,4 20,4 z m 0.508475,14.508475 -17.0169495,0 0,-10.7118648 L 12,12.79661 20.508475,7.7966102 z M 11.694915,11 3.4915255,5.4915255 l 17.0169495,0 z"/></svg>');
}

[b-d3a9quri15] .web-share-icon-sms {
  background-image: url('data:image/svg+xml,<svg fill="black" height="36" viewBox="0 0 24 24" width="36" xmlns="http://www.w3.org/2000/svg"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}

[b-d3a9quri15] .web-share-icon-copy {
  background-image: url('data:image/svg+xml,<svg width="24" height="28" viewBox="0 0 24 28" xmlns="http://www.w3.org/2000/svg"><path d="M13.867 0c-.56 0-1.178.006-1.864.006H7.64c-1.633 0-2.873-.003-3.9.103-1.025.106-1.926.336-2.592.946-.665.61-.916 1.437-1.03 2.377C0 4.373.007 5.51.007 7.005v10.019c0 2.547-.12 4.066.642 5.337.38.636 1.065 1.1 1.817 1.324.58.173 1.24.238 1.977.278.014.2.015.432.038.615.116.94.367 1.766 1.033 2.376.666.61 1.567.84 2.592.945 1.026.106 2.265.102 3.896.102h4.363c1.633 0 2.874.003 3.9-.104 1.026-.106 1.927-.336 2.592-.947.666-.61.916-1.437 1.03-2.377.116-.94.112-2.076.112-3.572v-9.996c0-1.498.003-2.635-.113-3.576-.116-.94-.367-1.766-1.033-2.376-.666-.61-1.567-.84-2.592-.945-.206-.022-.466-.022-.69-.036-.046-.706-.122-1.332-.33-1.885-.256-.675-.78-1.282-1.47-1.615-1.036-.5-2.22-.567-3.905-.57zM7.64 2.006h4.363c2.74 0 4.282.107 4.752.333.236.113.3.173.424.5.09.236.15.66.197 1.17-.34 0-.632-.005-1.01-.005h-4.364c-1.633 0-2.874-.003-3.9.104-1.026.105-1.927.335-2.592.946-.665.61-.915 1.436-1.03 2.376-.115.94-.11 2.076-.11 3.572v9.998c0 .356.004.63.005.95-.53-.04-.976-.093-1.235-.17-.38-.112-.452-.178-.577-.386-.25-.417-.375-1.827-.375-4.372v-.01V7.005c0-1.495.007-2.604.098-3.35.09-.745.25-1.045.405-1.186.155-.143.482-.29 1.296-.374.813-.085 2.022-.09 3.655-.09zm4.363 4h4.363c1.63 0 2.84.005 3.653.09.812.082 1.14.228 1.294.37.154.14.315.44.407 1.187.092.745.1 1.854.1 3.35v9.998c0 1.496-.008 2.605-.1 3.35-.09.746-.25 1.046-.404 1.188-.154.14-.482.288-1.295.373-.812.085-2.022.09-3.654.09h-4.363c-1.63 0-2.84-.006-3.653-.09-.813-.083-1.14-.23-1.295-.37-.154-.142-.315-.442-.407-1.188-.092-.745-.098-1.854-.098-3.35v-9.998c0-1.495.007-2.604.098-3.35.092-.745.25-1.045.405-1.187.154-.14.482-.288 1.295-.372.813-.085 2.023-.09 3.655-.09z" fill="black" fill-rule="evenodd"/></svg>');
}

[b-d3a9quri15] .web-share-items {
  display: grid;
  grid-template:
    "a a a"
    "b b b";
  justify-content: space-between;
}
/* _content/series2-microsite/Pages/MangaCheckList.cshtml.rz.scp.css */
.page-root[b-pivuijwx04] {
  --colorBase: #b400ff;
  --colorDark: #8c00c7;
  --gradient: linear-gradient(to bottom, var(--colorBase), var(--colorDark));
  --colorBaseAlt: #f4b900;
  --colorDarkAlt: #d4a100;
  --gradientAlt: linear-gradient(to bottom, var(--colorBaseAlt), var(--colorDarkAlt));
  --colorWhite: #e0e0e0;
  --colorBlack: #101010;
}

.page-loader[b-pivuijwx04] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2; /* Above bg-grid, below scroll-container content & top-bar */
  color: var(--colorWhite);
  text-align: center;
  background-color: rgba(5, 5, 5, 0.85);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  padding-top: 60px; /* Match header height to push spinner down */
  box-sizing: border-box;
}

  .page-loader .spinner[b-pivuijwx04] {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 4px solid var(--colorWhite);
    width: 40px;
    height: 40px;
    animation: spin-b-pivuijwx04 1s linear infinite;
    margin-bottom: 10px;
  }

@keyframes spin-b-pivuijwx04 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Style to hide the loader (applied by JS) */
.page-loader.hidden[b-pivuijwx04] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.bg-main[b-pivuijwx04] {
  background: linear-gradient(to bottom, #030303, #050505);
  position: relative;
  height: 100%;
  overflow: hidden;
  padding-top: 0;
}

  .bg-main[b-pivuijwx04]::after {
    content: " ";
    height: 500px;
    width: 500px;
    position: absolute;
    top: -200px;
    left: -200px;
    background: radial-gradient(var(--colorBase) -40%, transparent 60%);
    filter: blur(50px);
    user-select: none;
    pointer-events: none;
  }

  .bg-main[b-pivuijwx04]::before {
    content: " ";
    height: 900px;
    width: 900px;
    position: absolute;
    bottom: -430px;
    right: -360px;
    background: radial-gradient(var(--colorDark) -40%, transparent 60%);
    filter: blur(50px);
    user-select: none;
    pointer-events: none;
  }

@keyframes moveGrid-b-pivuijwx04 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -50px -50px; /* Adjust for speed/direction */
  }
}

.bg-grid[b-pivuijwx04] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 50px 50px; /* Grid cell size */
  transform: perspective(440px) rotateX(70deg) skewY(0deg);
  transform-origin: center;
  user-select: none;
  pointer-events: none;
  animation: moveGrid-b-pivuijwx04 4s linear infinite; /* Adjust duration for speed */
}

.scroll-container[b-pivuijwx04] {
  position: relative;
  overflow-y: scroll;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.manga-content[b-pivuijwx04] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-top: 80px;
  color: var(--colorWhite);
  gap: 30px;
}

.manga-content-left[b-pivuijwx04] {
  flex-basis: 65%;
  text-align: left;
}

  .manga-content-left p[b-pivuijwx04] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--colorWhite);
  }

.modal-action-btn-close[b-pivuijwx04] {
  position: fixed;
  top: 0;
  right: 30px;
  color: var(--colorWhite);
  font-size: 40px;
  font-weight: 100;
  z-index: 1000;
  transition: all 0.3s 0s ease;
  opacity: 0;
}

.modal-overlay.modal-overlay-opened .modal-action-btn-close[b-pivuijwx04] {
  opacity: 1;
}

[b-pivuijwx04] .manga-content-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 25px;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

  [b-pivuijwx04] .manga-content-right .manga-content-owned,
  [b-pivuijwx04] .manga-content-right .manga-content-stat {
    background: url(https://media.veefriends.com/image/upload/v1746548795/veefriends/v3/assets/stat-bg.png);
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 0;
    overflow: hidden;
    outline: 2px solid var(--colorBaseAlt);
    outline-offset: 4px;
    aspect-ratio: 1 / 1; /* For square layout */
    display: flex; /* For content centering */
    flex-direction: column; /* For content centering */
    justify-content: center; /* For content centering */
    align-items: center; /* For content centering */
    padding: 10px;
  }

    [b-pivuijwx04] .manga-content-right .manga-content-box-number {
      display: block;
      font-weight: 800;
      text-transform: uppercase;
      font-size: clamp(1.5rem, 5vw, 2.5rem);
      color: var(--colorBaseAlt);
      margin-bottom: 5px;
      line-height: 1;
    }

     [b-pivuijwx04] .manga-content-right .manga-content-box-label {
      display: block;
      font-size: clamp(0.7rem, 2.5vw, 0.9rem);
      color: #bbb;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-family: obviously-narrow, sans-serif;
      line-height: 1;
    }

  [b-pivuijwx04] .manga-content-right .manga-content-share {
    grid-column: 1 / -1; /* Span both columns */
    border-radius: 48px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    position: relative;
    overflow: hidden;
    outline: 2px solid var(--colorBaseAlt);
  }

  [b-pivuijwx04] .manga-content-right .manga-content-share .manga-content-box-link {
    color: var(--colorWhite);
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
    display: block;
  }

.manga-content-cta[b-pivuijwx04] {
  text-decoration: none;
  border: 1px solid white;
  border-radius: 0px;
  color: white;
  padding: 8px 15px;
  font-size: 12px;
  margin-bottom: 10px;
  display: inline-block;
  transform: skewX(15deg);
  margin-left: 5px;
}

  .manga-content-cta span[b-pivuijwx04] {
    transform: skewX(-15deg);
    display: block;
  }

  .manga-content-cta:hover[b-pivuijwx04] {
    background: #333;
  }

.manga-content-title[b-pivuijwx04] {
  color: var(--colorBase);
  font-style: italic;
  font-family: obviously-narrow, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 32px;
  display: block;
  padding: 0;
  margin: 0;
}

.manga-content-subtitle[b-pivuijwx04] {
  font-style: italic;
  font-family: obviously-narrow, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 22px;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 8px;
  margin-bottom: 25px;
}

.scroll-container[b-pivuijwx04]::-webkit-scrollbar {
  display: none;
}

.manga-cards[b-pivuijwx04] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
  padding: 20px;
  position: relative;
  z-index: 1;
}

.manga-card[b-pivuijwx04] {
  position: relative;
  cursor: pointer;
  will-change: transform;
  transform-origin: center center;
  transition: box-shadow 0.3s ease;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  opacity: 0;
  scale: 0.8;
  y: 20;
  visibility: hidden;
}

  .manga-card .img[b-pivuijwx04] {
    filter: none;
  }

  .manga-card:hover[b-pivuijwx04] {
    box-shadow: 0 0 14px var(--colorBase);
    z-index: 2;
  }

  .manga-card.is-favorite[b-pivuijwx04] {
    box-shadow: 0 0 0 4px #FFC007, 0 0 14px var(--colorBase);
  }

    .manga-card.is-favorite .img[b-pivuijwx04] {
      filter: grayscale(.7) opacity(0.9);
    }

  .manga-card img[b-pivuijwx04] {
    width: 100%;
    height: auto;
    display: block;
    backface-visibility: hidden;
  }

    .manga-card img:nth-child(2)[b-pivuijwx04] { /* Back of card */
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

  .manga-card:hover img:nth-child(2)[b-pivuijwx04] {
    opacity: 1;
  }

  .manga-card .favorite-indicator[b-pivuijwx04] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.5rem;
    color: gold;
    text-shadow: 0 0 3px black;
    z-index: 3;
    pointer-events: none;
  }

/* Disable card hover effect on touch devices */
@media (hover: none) and (pointer: coarse) {
  .manga-card:hover img:nth-child(2)[b-pivuijwx04] {
    opacity: 0; /* Keep back image hidden */
  }
  .manga-card:hover[b-pivuijwx04] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Reset to default shadow */
    z-index: 1;
  }
}

.manga-checklist-header[b-pivuijwx04] {
  text-align: center;
  color: #fff;
  padding: 20px 0;
}

.manga-checklist-filterbar[b-pivuijwx04] {
  color: #fff;
}

.filter-search-input[b-pivuijwx04] {
  max-width: 250px;
}

.filter-avatar[b-pivuijwx04] {
  width: 32px;
  height: 32px;
  object-fit: cover;
}

.filter-profile-link:hover[b-pivuijwx04] {
  opacity: 0.8;
}

.modal-overlay[b-pivuijwx04] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.modal-container[b-pivuijwx04] {
  position: relative;
  perspective: 1000px;
  max-width: 80vw;
  max-height: 80vh;
}

[b-pivuijwx04] .modal-card {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  cursor: pointer;
}

  [b-pivuijwx04] .modal-card img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    object-fit: contain;
  }

    [b-pivuijwx04] .modal-card img:nth-child(2) {
      transform: rotateY(180deg);
    }

/* Card Flip Animation Styles for All Cards */
[b-pivuijwx04] .card-flippable {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

[b-pivuijwx04] .card-flippable .card-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

[b-pivuijwx04] .card-flippable.flipped .card-flip-inner {
  transform: rotateY(180deg);
}

[b-pivuijwx04] .modal-card-content {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 90vw;
  gap: 30px;
}

[b-pivuijwx04] .modal-card-container {
  position: relative;
  perspective: 1000px;
}

[b-pivuijwx04] .modal-details {
  color: #fff;
  max-width: 450px;
  padding: 25px;
  background: linear-gradient(135deg, rgba(30, 30, 30, 0.85) 0%, rgba(15, 15, 15, 0.95) 100%);
  border: 3px solid var(--colorBaseAlt);
  border-radius: 8px;
  backdrop-filter: blur(8px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}

  [b-pivuijwx04] .modal-details > * {
    position: relative;
    z-index: 1;
  }

[b-pivuijwx04] .modal-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px dashed var(--colorBaseAlt);
  margin-top: 10px;
}

[b-pivuijwx04] .modal-logo-topps {
  height: 25px;
  width: auto;
  object-fit: contain;
}

[b-pivuijwx04] .modal-logo-manga {
  height: 30px;
  width: auto;
  object-fit: contain;
}

[b-pivuijwx04] .modal-card-name {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 5px;
  color: var(--colorBaseAlt);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}

[b-pivuijwx04] .modal-series-name {
  font-size: 16px;
  color: #ccc;
  margin-bottom: 20px;
  font-style: italic;
}

[b-pivuijwx04] .modal-card-description {
  margin-bottom: 25px;
  line-height: 1.6;
  color: #eee;
}

[b-pivuijwx04] .modal-card-quote {
  font-style: normal;
  font-weight: 600;
  padding: 15px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  margin-bottom: 25px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
}

[b-pivuijwx04] .modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 25px;
  align-items: center;
}

[b-pivuijwx04] .modal-action-btn {
  padding: 13px 18px;
  background: var(--gradientAlt);
  color: white;
  text-decoration: none;
  border-radius: 24px;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), inset 0 -1px 1px rgba(0,0,0,0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  cursor: pointer;
}

[b-pivuijwx04] .modal-action-btn-share,
[b-pivuijwx04] .modal-action-btn-view-character {
  padding: 10px;
  min-width: 40px;
  min-height: 40px;
}

[b-pivuijwx04] .modal-action-btn i {
  font-size: 1.1rem;
}

[b-pivuijwx04] .modal-action-btn-icon {
  background: none;
  box-shadow: inset 0 0 0px 2px #4f4f4f;
  padding: 0px;
}

[b-pivuijwx04] .owned-badge {
  display: block;
  background-color: var(--colorBase);
  color: #333;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 10px;
  width: fit-content;
}

@media (max-width: 768px) {
  .modal-container[b-pivuijwx04] {
    max-width: 100vw;
    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto; /* Allow scrolling */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  }

  [b-pivuijwx04] .modal-card-content {
    flex-direction: column; /* Stack card and details vertically */
    max-width: 100%;
    height: 100%;
    overflow-y: auto; /* Scroll for entire content area */
    padding: 20px 10px 20px 10px; /* Top padding for spacing from screen edge */
    align-items: center;
    -webkit-overflow-scrolling: touch; /* Smoother scrolling on iOS */
    box-sizing: border-box;
  }

  [b-pivuijwx04] .modal-card-container {
    perspective: 1000px; /* Keep perspective for flip animation */
    height: auto;
    width: 100%;
    max-width: 310px;
    margin-bottom: 15px;
    flex-shrink: 0; /* Prevent card container from shrinking */
  }

  [b-pivuijwx04] .modal-card {
    width: 100%;
    padding-top: 140%; /* Maintain aspect ratio */
    height: 0;
    position: relative;
  }

    [b-pivuijwx04] .modal-card img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain; /* Ensure full card is visible */
    }

  /* Ensure flippable cards work properly on mobile */
  [b-pivuijwx04] .card-flippable {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  [b-pivuijwx04] .card-flippable .card-flip-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s;
  }

  [b-pivuijwx04] .card-flippable.flipped .card-flip-inner {
    transform: rotateY(180deg);
  }

  [b-pivuijwx04] .modal-details {
    max-width: 100%;
    padding: 15px;
    border-width: 2px;
    width: 100%;
    max-height: none;
    backdrop-filter: none; /* Consider removing blur on mobile for performance */
    background: rgba(15, 15, 15, 0.95);
    overflow-y: auto; /* Allow details section to scroll */
    flex-shrink: 1; /* Allow details to shrink */
    min-height: 0; /* Necessary for flex children scrolling */
  }

  [b-pivuijwx04] .modal-card-name {
    font-size: 24px;
  }

  [b-pivuijwx04] .modal-logos { /* Hide logos on mobile */
    display: none;
  }

  [b-pivuijwx04] .modal-logo-topps {
    height: 20px;
  }

  [b-pivuijwx04] .modal-logo-manga {
    height: 25px;
  }

  [b-pivuijwx04] .modal-action-btn {
    padding: 8px 15px;
    font-size: 0.9rem;
  }

  .manga-cards[b-pivuijwx04] { /* 2 columns for card grid on mobile */
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  /* Adjust modal navigation for fixed positioning on mobile */
  [b-pivuijwx04] .modal-nav.modal-nav-prev,
  [b-pivuijwx04] .modal-nav.modal-nav-next {
    position: fixed;
    top: 20%;
    transform: translateY(-50%); /* Vertically center */
    height: auto;
    padding: 8px;
    background: rgba(255, 215, 0, 0.8); /* Slightly transparent background */
    backdrop-filter: blur(4px);
  }

  [b-pivuijwx04] img.modal-nav-preview {
    height: 36px; /* Smaller preview image */
  }

  [b-pivuijwx04] .modal-nav.modal-nav-prev {
    left: 5px;
    border-radius: 0 4px 4px 0;
  }

  [b-pivuijwx04] .modal-nav.modal-nav-next {
    right: 5px;
    border-radius: 4px 0 0 4px;
  }

  [b-pivuijwx04] .manga-content-right .manga-content-share {
    margin-top: 10px;
    padding: 10px;
  }

  [b-pivuijwx04] .manga-content-right .manga-content-share .manga-content-box-link {
    font-size: 0.7rem; /* Smaller font size */
  }
}

/* Disable button hover effects on touch devices */
@media (hover: none) and (pointer: coarse) {
  [b-pivuijwx04] .modal-action-btn:hover {
    background: linear-gradient(to bottom, #e53935, #c62828); /* Original background */
    transform: none; /* Remove translateY */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), inset 0 -1px 1px rgba(0,0,0,0.2); /* Original shadow */
  }
}

.manga-checklist-topbar[b-pivuijwx04] {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10; /* Ensure it's above other content except modal */
  background: rgba(15, 15, 15, 0.7); /* Darker, slightly transparent background */
  backdrop-filter: blur(8px); /* Frosted glass effect */
  -webkit-backdrop-filter: blur(8px); /* Safari support */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Subtle separator line */
  padding: 0 15px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.3s ease;
}

.appbar-left[b-pivuijwx04],
.appbar-center[b-pivuijwx04],
.appbar-right[b-pivuijwx04] {
  display: flex;
  align-items: center;
}

.appbar-left[b-pivuijwx04] {
  flex-basis: 40%;
  justify-content: flex-start;
}

.appbar-center[b-pivuijwx04] {
  flex-basis: 20%;
  justify-content: center;
  text-align: center;
}

.appbar-right[b-pivuijwx04] {
  flex-basis: 40%;
  justify-content: flex-end;
}

.appbar-logo-left[b-pivuijwx04] {
  height: 35px;
  width: auto;
  object-fit: contain;
}

.appbar-logo-center[b-pivuijwx04] {
  height: 40px;
  width: auto;
  object-fit: contain;
}

[b-pivuijwx04] .modal-nav.modal-nav-prev,
[b-pivuijwx04] .modal-nav.modal-nav-next {
  text-decoration: none;
  position: absolute;
  z-index: 10;
  background: var(--colorDark);
  display: flex;
  padding: 10px;
  height: 88px;
  align-items: center;
}

[b-pivuijwx04] img.modal-nav-preview {
  height: 48px;
  width: auto;
  display: block;
}

[b-pivuijwx04] .modal-nav.modal-nav-prev {
  left: 0;
  border-radius: 0 6px 6px 0;
  background: linear-gradient(to left, var(--colorBaseAlt), var(--colorDarkAlt));
}

[b-pivuijwx04] .modal-nav.modal-nav-next {
  right: 0;
  border-radius: 6px 0 0 6px;
  background: linear-gradient(to right, var(--colorBaseAlt), var(--colorDarkAlt));
}

.manga-checklist-topbar .manga-checklist-header[b-pivuijwx04] { /* Hide original header section */
  display: none;
}

.manga-checklist-topbar .manga-checklist-filterbar[b-pivuijwx04] {
  padding: 0;
  margin: 0;
  gap: 10px;
  justify-content: flex-end;
  color: var(--colorWhite);
}

  .manga-checklist-topbar .manga-checklist-filterbar form[b-pivuijwx04] {
    margin-left: 0;
  }

.manga-checklist-topbar .form-control[b-pivuijwx04],
.manga-checklist-topbar .btn[b-pivuijwx04],
.manga-checklist-topbar .input-group-text[b-pivuijwx04] {
  font-size: 0.85rem;
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  height: auto;
}

.manga-checklist-topbar .filter-search-input[b-pivuijwx04] {
  max-width: 240px;
  min-width: 160px;
  border: 0 none;
  background: black;
  border-bottom: 1px solid var(--colorBlack);
  border-radius: 30px;
  color: white;
  margin-right: 8px;
}

  .manga-checklist-topbar .filter-search-input[b-pivuijwx04]::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }

[b-pivuijwx04] .manga-checklist-topbar .manga-checklist-filterbar-form,
[b-pivuijwx04] .manga-checklist-topbar .manga-checklist-filterbar-form > .input-group,
[b-pivuijwx04] .manga-checklist-topbar .manga-checklist-filterbar-form .filter-search-input {
  width: 100%;
  max-width: auto;
  min-width: 120px;
}

.manga-checklist-topbar .dropdown-menu[b-pivuijwx04] {
  background-color: white;
  backdrop-filter: blur(5px);
  border: 2px solid #ffc107;
  font-size: 0.9rem;
  border-radius: 6px;
}

[b-pivuijwx04] .manga-checklist-topbar a.btn-outline-warning {
  padding: 2px 7px;
  border-radius: 100%;
  background: var(--gradient);
  border: 1px solid var(--colorDark);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--colorWhite);
  margin-left: 4px;
}

.manga-checklist-topbar .user-section a.btn[b-pivuijwx04],
.manga-checklist-filterbar .btn.btn-secondary[b-pivuijwx04] {
  border-radius: 60px;
  background: var(--gradient);
  border: 1px solid var(--colorDark);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--colorWhite);
}

.manga-checklist-topbar .filter-profile-link[b-pivuijwx04] {
  margin-left: 5px;
}

.manga-checklist-topbar .filter-avatar[b-pivuijwx04] {
  width: 28px;
  height: 28px;
}

.manga-checklist-topbar .filter-profile-link span[b-pivuijwx04] {
  font-size: 0.85rem;
}

.manga-checklist-topbar .btn-primary[b-pivuijwx04] {
  background: var(--gradient);
  border: 1px solid var(--colorDark);
  color: var(--colorWhite);
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .manga-checklist-topbar[b-pivuijwx04] {
    padding: 0 10px;
    height: 50px;
  }

    .manga-checklist-topbar .manga-checklist-filterbar[b-pivuijwx04] {
      gap: 6px;
      height: 100%;
      align-items: center;
    }

    .manga-checklist-topbar .input-group[b-pivuijwx04],
    .manga-checklist-topbar .btn[b-pivuijwx04] {
      height: 30px;
      font-size: 0.8rem;
    }

    .manga-checklist-topbar .form-control[b-pivuijwx04],
    .manga-checklist-topbar .input-group-text[b-pivuijwx04],
    .manga-checklist-topbar .btn[b-pivuijwx04] {
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
    }

    .manga-checklist-topbar .input-group-text[b-pivuijwx04] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .manga-checklist-topbar .filter-search-input[b-pivuijwx04] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .manga-checklist-topbar .btn[b-pivuijwx04] {
      padding-left: 0.6rem;
      padding-right: 0.6rem;
      line-height: 1.5;
    }
    .manga-checklist-topbar .btn-outline-warning[b-pivuijwx04] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .manga-checklist-topbar .filter-avatar[b-pivuijwx04] {
      width: 28px;
      height: 28px;
      vertical-align: middle;
    }

    .manga-checklist-topbar .user-section .btn-primary[b-pivuijwx04] {
      height: 30px;
      display: inline-flex;
      align-items: center;
    }

  .appbar-left[b-pivuijwx04] {
    flex-basis: 25%;
    justify-content: flex-start;
    overflow: hidden; /* Hide overflow if logo is too big */
  }

  .appbar-center[b-pivuijwx04] {
    position: absolute; /* Keep it centered */
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none; /* Allow clicks through container */
  }

    .appbar-center a[b-pivuijwx04] {
      pointer-events: auto; /* Re-enable clicks on link */
    }

  .appbar-right[b-pivuijwx04] {
    flex-basis: 60%; /* More space to right side */
    justify-content: flex-end;
  }

  .manga-checklist-topbar .manga-checklist-filterbar[b-pivuijwx04] {
    gap: 5px; /* Reduce gap further */
    flex-wrap: nowrap; /* Prevent wrapping in filter bar */
  }

  .appbar-logo-left[b-pivuijwx04] {
    height: 30px;
  }

  .appbar-logo-center[b-pivuijwx04] {
    height: 35px;
  }

  .manga-checklist-topbar .filter-search-input[b-pivuijwx04] {
    max-width: 100px;
    min-width: 0; /* Allow shrinking */
    flex-shrink: 1; /* Allow search input to shrink */
  }

  .manga-checklist-topbar .dropdown-toggle[b-pivuijwx04] {
    min-width: auto; /* Allow button to shrink */
  }

  .manga-checklist-topbar .btn[b-pivuijwx04] {
    padding: 0.2rem 0.4rem;
    font-size: 0.8rem;
    white-space: nowrap; /* Prevent text wrapping on buttons */
  }

  .manga-checklist-topbar .btn-outline-warning[b-pivuijwx04] {
    padding: 0.2rem 0.4rem;
  }

  .manga-checklist-topbar .filter-avatar[b-pivuijwx04] {
    width: 24px;
    height: 24px;
  }

  .manga-checklist-topbar .input-group[b-pivuijwx04] {
    width: auto; /* Allow natural size */
    flex-grow: 1; /* Allow to take available space */
    max-width: 120px; /* Limit max width */
  }
}

@media (max-width: 576px) {
  .appbar-left[b-pivuijwx04] { /* Hide left logo */
    display: none;
  }

  .appbar-center[b-pivuijwx04] { /* Remove absolute positioning for natural flow */
    position: static;
    transform: none;
    flex-basis: auto;
    justify-content: flex-start;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .appbar-right[b-pivuijwx04] {
    flex-basis: auto; /* Allow right to take remaining space */
    width: auto;
    justify-content: flex-end;
  }

  .manga-checklist-topbar[b-pivuijwx04] { /* Adjust main topbar flex */
    justify-content: space-between;
  }

    .manga-checklist-topbar .manga-checklist-filterbar[b-pivuijwx04] {
      justify-content: flex-end;
      gap: 4px; /* Even smaller gap */
      flex-shrink: 1; /* Allow filter bar to shrink */
    }

    .manga-checklist-topbar .filter-search-input[b-pivuijwx04]::placeholder {
      font-size: 0.8em; /* Smaller placeholder */
    }

    .manga-checklist-topbar .filter-search-input[b-pivuijwx04] {
      max-width: 60px; /* Make search very small */
      min-width: 40px;
    }

    .manga-checklist-topbar .dropdown-toggle[b-pivuijwx04]::after { /* Caret */
      margin-left: 0.1em;
    }

    .manga-checklist-topbar .btn-outline-warning i[b-pivuijwx04] {
      margin: 0; /* Remove margin if text hidden (example) */
    }

    .manga-checklist-topbar .btn-outline-warning[b-pivuijwx04] {
      padding: 0.2rem 0.3rem; /* Smaller padding for icon only */
    }

    .manga-checklist-topbar .user-section .btn-primary[b-pivuijwx04] {
      padding: 0.2rem 0.4rem; /* Match other buttons */
      font-size: 0.8rem;
    }

    .manga-checklist-topbar .user-section .filter-avatar[b-pivuijwx04] {
      width: 24px; /* Match mobile avatar size */
      height: 24px;
    }
}

[b-pivuijwx04] .favorite-indicator svg {
  height: 48px;
  width: 48px;
  background: white;
  border-radius: 100%;
}

[b-pivuijwx04] .is-favorite .favorite-indicator svg path {
  fill: var(--colorBase);
}

[b-pivuijwx04] .is-favorite .favorite-indicator {
  display: block;
}

[b-pivuijwx04] .favorite-indicator {
  display: none;
}

@media (max-width: 768px) { /* Responsive styles for manga content */
  .manga-content[b-pivuijwx04] {
    flex-direction: column; /* Stack left and right */
    margin-top: 65px; /* Adjust for smaller header */
    padding: 15px;
    gap: 20px;
    align-items: center; /* Center items when stacked */
  }

  .manga-content-left[b-pivuijwx04] {
    flex-basis: auto;
    width: 100%; /* Take full width */
    text-align: center;
    order: 2; /* Display below stats */
  }

    .manga-content-left .manga-content-title[b-pivuijwx04],
    .manga-content-left .manga-content-subtitle[b-pivuijwx04] {
      font-size: 23px;
    }

    .manga-content-left .manga-content-subtitle[b-pivuijwx04] {
      font-size: 18px;
      line-height: 1.2;
      margin-bottom: 15px;
    }

    .manga-content-left p[b-pivuijwx04],
    .manga-content-left ul li[b-pivuijwx04],
    .manga-content-left ol li[b-pivuijwx04] {
      font-size: 0.9rem;
      text-align: left;
    }

    .manga-content-left .manga-content-cta[b-pivuijwx04] {
      margin-left: 0;
      margin-bottom: 0;
    }

  [b-pivuijwx04] .manga-content-right {
    flex-basis: auto;
    width: 100%;
    max-width: 350px;
    order: 1; /* Display above text content */
    flex-direction: row; /* Layout stat boxes side-by-side */
    justify-content: space-around;
    align-items: flex-start;
    gap: 10px;
  }

    [b-pivuijwx04] .manga-content-right .manga-content-owned,
    [b-pivuijwx04] .manga-content-right .manga-content-stat {
      flex: 1; /* Allow stat boxes to grow equally */
      padding: 10px;
    }

      [b-pivuijwx04] .manga-content-right .manga-content-owned span.manga-content-owner-card-count,
      [b-pivuijwx04] .manga-content-right .manga-content-stat span.manga-content-owner-card-percentage {
        font-size: 1.5rem;
      }
}
/* _content/series2-microsite/Pages/MangaCommunity.cshtml.rz.scp.css */
.alert[b-09kgzuuep3] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-09kgzuuep3] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }


.form-input-wrapper[b-09kgzuuep3] {
  width: 100%;
  max-width: 800px;
  text-align: left;
}

  .form-input-wrapper[b-09kgzuuep3]  input.form-control {
    background-color: #111;
    border: 2px solid #222;
    border-radius: 30px;
    color: #fff;
    text-align: left;
  }

  .video-wrapper[b-09kgzuuep3] {
    border-radius: 32px;
    overflow: hidden;
  }

  .form-input-wrapper[b-09kgzuuep3]  label.form-label::after,
  .form-input-wrapper[b-09kgzuuep3]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
    text-align: left;
  }


@media (max-width: 768px) {
  .form-parts[b-09kgzuuep3] {
    flex-direction: column;
    align-items: center;
  }
}
/* _content/series2-microsite/Pages/MangaLanding.cshtml.rz.scp.css */
/* Global overflow fix */
html[b-cicgylguhe], body[b-cicgylguhe] {
  overflow-x: hidden !important;
  max-width: 100vw;
  box-sizing: border-box;
}

*[b-cicgylguhe], *[b-cicgylguhe]::before, *[b-cicgylguhe]::after {
  box-sizing: border-box;
}

.container[b-cicgylguhe], .container-fluid[b-cicgylguhe], .container-main-layout[b-cicgylguhe] {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Ensure container mx-auto behaves the same */
.container.mx-auto[b-cicgylguhe] {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Fix Bootstrap row negative margins */
.row[b-cicgylguhe] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100%;
}

.image-wrapper[b-cicgylguhe] {
  width: -webkit-fill-available !important;
}

.col[b-cicgylguhe], [class*="col-"][b-cicgylguhe] {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%;
}

/* Ensure all sections don't overflow */
section[b-cicgylguhe], .bg[b-cicgylguhe] {
  max-width: 100vw;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Fix specific button sections */
.bg.bg-white .row[b-cicgylguhe] {
  max-width: 100%;
  margin: 0 !important;
  padding: 0 15px;
}

/* Fix button containers */
.row[style*="column-gap"][b-cicgylguhe] {
  column-gap: 10px !important;
  row-gap: 16px !important;
  flex-wrap: wrap;
  justify-content: center !important;
  max-width: 100%;
  box-sizing: border-box;
}

/* Emergency overflow fix - catch all */
.container-main-layout[b-cicgylguhe], 
.cta-container[b-cicgylguhe],
.find-wrapper[b-cicgylguhe],
.r2c-wrapper[b-cicgylguhe] {
  max-width: 100% !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

/* Ensure sections with bg classes contain their content properly */
.bg[b-cicgylguhe] {
  width: 100%;
  overflow-x: hidden;
}

.bg section[b-cicgylguhe] {
  width: 100%;
  max-width: 100%;
}

.bg .container[b-cicgylguhe] {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Exception for bg-purple - let background span full width but contain content */
.bg.bg-purple[b-cicgylguhe] {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.bg.bg-purple .container[b-cicgylguhe] {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Fix any element that might extend beyond viewport */
*[b-cicgylguhe] {
  max-width: 100vw;
}

/* Allow bg-purple to exceed the universal max-width */
.bg.bg-purple[b-cicgylguhe] {
  max-width: none !important;
}

.alert[b-cicgylguhe] {
  position: fixed;
  min-width: 320px;
  width: calc(100% - 20px);
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
  box-sizing: border-box;
}

.map-container[b-cicgylguhe] {
  position: relative;
  width: 100%;
  height: 500px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  background-color: #f5f5f5;
}

.top-overlay[b-cicgylguhe] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: black;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  z-index: 1;
  pointer-events: none; /* So the iframe below is still clickable */
}

.labels[b-cicgylguhe] {
  padding-left: 97px;
  padding-right: 96px;
  margin-top: -2px;
  color: black;
  text-align-last: justify;
}

.timer[b-cicgylguhe] {
  background: linear-gradient(#61007d, #ff5964);
  position: relative;
  border-radius: 0 0 100px 100px;
  padding: 20px 60px;
}

  .timer[b-cicgylguhe]::after {
    content: " ";
    position: absolute;
    right: -27px;
    top: 0;
    background: red;
    width: 27px;
    height: 45px;
    border-radius: 0 0 10px 0;
  }

  .timer[b-cicgylguhe]::before {
    content: " ";
    position: absolute;
    left: -27px;
    top: 0;
    background: red;
    width: 27px;
    height: 45px;
    border-radius: 0 0 10px 0;
  }

.custom-shape[b-cicgylguhe] {
  width: min(350px, 90vw);
  height: 83px;
  background: #EDE932;
  clip-path: path('M-146.655 -63.1725V-65.6373C-146.655 -99.6689 -119.067 -127.257 -85.0353 -127.257L433.803 -127.257C467.834 -127.257 495.423 -99.6689 495.423 -65.6373V-63.1725C495.423 -29.141 467.834 -1.55281 433.803 -1.55281L351.233 -1.55281C328.091 -1.55281 309.331 17.2067 309.331 40.3486C309.331 63.4905 290.572 82.25 267.43 82.25L82.5704 82.25C59.4285 82.25 40.669 63.4905 40.669 40.3486C40.669 17.2067 21.9095 -1.55281 -1.23242 -1.55281H-85.0353C-119.067 -1.55281 -146.655 -29.141 -146.655 -63.1725Z');
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

  .custom-shape h3[b-cicgylguhe] {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin: 0;
  }

[b-cicgylguhe] .counter {
  font-size: 32px !important;
  line-height: 32px !important;
}

[b-cicgylguhe] .counter-seperator {
  margin: 0 5px;
  font-size: 20px !important;
}

.cta-logo[b-cicgylguhe] {
  border: 2px solid white;
  border-radius: 70px;
  padding: 60px 40px;
  width: 100%;
}

.cta-slogan[b-cicgylguhe] {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 3px black;
}

.cta-content-wrapper[b-cicgylguhe] {
  border: 2px solid white;
  border-radius: 0 0 55px 55px;
  padding: 20px;
  background: linear-gradient(to top, black, #534f2c);
}

.cta-image[b-cicgylguhe] {
  border: 2px solid white;
  border-bottom: 0 none;
  border-radius: 55px 55px 0 0;
  overflow: hidden;
}

.text-warning[b-cicgylguhe] {
  color: #EEE900 !important;
}

.cta-content[b-cicgylguhe] {
  gap: 20px;
}

.cta-time__wrapper[b-cicgylguhe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #333;
  border-radius: 5px;
  overflow: hidden;
  width: 85px;
}

.cta-time__day[b-cicgylguhe] {
  background-color: white;
  color: black;
  font-size: 24px;
  font-weight: bold;
  padding: 3px;
  width: 100%;
  text-align: center;
}

.cta-time__month[b-cicgylguhe] {
  background-color: red;
  color: white;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 3px;
  width: 100%;
  text-align: center;
}

.cta-time__time[b-cicgylguhe] {
  background-color: #f8f9fa;
  color: black;
  font-size: 8px;
  padding: 3px;
  width: 100%;
  text-align: center;
}

.btn-bookmark[b-cicgylguhe] {
  width: 100%;
  height: 56px;
  flex-shrink: 0;
  display: block;
  border-radius: 999px;
  border: 2px solid var(--Neutral-1, #050505);
  background: var(--Accent-Light-Yellow, #EEE900);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-transform: uppercase;
  font-weight: bold;
  color: black;
  text-decoration: none;
  margin-top: 20px;
}

.alert.alert-ready[b-cicgylguhe] {
  opacity: 1;
  transform: translateX(-50%) translateY(20px);
}

.form-input-wrapper[b-cicgylguhe] {
  width: 100%;
  max-width: 800px;
  text-align: left;
  place-self: center;
}

[b-cicgylguhe] .label-small {
  font-size: 10px !important;
  color: white;
}

.form-input-wrapper[b-cicgylguhe]  input.form-control {
  background-color: #111;
  border: 2px solid #222;
  border-radius: 30px;
  color: #fff;
  text-align: left;
}

.form-input-wrapper[b-cicgylguhe]  label.form-label::after,
.form-input-wrapper[b-cicgylguhe]  label.form-label {
  background-color: transparent;
  border: 0 none;
  color: #666;
  text-shadow: none;
  margin-left: 5px;
  margin-top: 3px;
  text-align: left;
}

.map-wrapper[b-cicgylguhe] {
  border-radius: 32px;
  overflow: hidden;
}

.map[b-cicgylguhe] {
  margin-top: -67px;
}

.video-wrapper[b-cicgylguhe] {
  border-radius: 32px;
  overflow: hidden;
}

.logo-wrapper[b-cicgylguhe] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  gap: 24px;
}

.logo-wrapper img[b-cicgylguhe] {
    display: block;
}

.hero[b-cicgylguhe] {
  text-align: center;
  margin-bottom: 120px;
}

.bg.bg-purple[b-cicgylguhe] {
  background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1744044226/veefriends/webpages/bg-manga);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.bookmark-wrapper[b-cicgylguhe] {
  background: #3d3d3d;
  padding: 36px 20px;
  display: block;
  margin: 100px auto;
  border-radius: 32px;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}

.checklist-wrapper[b-cicgylguhe] {
    padding: 50px 0;
}

.checklist-wrapper h1[b-cicgylguhe] {
  font-size: 68px;
  font-style: normal;
  font-weight: 480;
  line-height: 90%;
  text-transform: uppercase;
  color: black;
  margin-bottom: 56px;
}

#online-breakers .btn[b-cicgylguhe] {
  background: #61007d;
  border: black 3px solid;
  color: white;
}

.disclaimer[b-cicgylguhe] {
  place-content: center;
}

  .find-wrapper h1[b-cicgylguhe] {
    font-size: 68px;
    font-style: normal;
    font-weight: 480;
    line-height: 90%;
    text-transform: uppercase;
    color: black;
    margin-bottom: 10px;

  }



.main-content[b-cicgylguhe] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: 0 auto;
  gap: 24px;
}

.main-content-image[b-cicgylguhe] {
  flex: 1;
}

.main-content-image img[b-cicgylguhe] {
  display: block;
  border-radius: 32px;
  width: 100%;
  height: auto;
  max-width: 400px;
}

.main-content-text[b-cicgylguhe] {
  flex: 1;
}

.main-content h2[b-cicgylguhe] {
  font-size: 36px;
  font-style: normal;
  font-weight: 480;
  line-height: 100%;
  text-transform: uppercase;
  color: black;
  margin-bottom: 24px;
  max-width: 424px;
}

.main-content p[b-cicgylguhe] {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #424242;
  margin-bottom: 24px;
  max-width: 424px;
}

.extra-wrapper[b-cicgylguhe] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-left: 1px solid #E6E4E6;
  padding: 24px;
  padding-right: 0;
  margin-top: 48px;
}

.extra-items[b-cicgylguhe] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.extra-wrapper h3[b-cicgylguhe] {
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
  color: black;
  margin-bottom: 16px;
}

.extra-item[b-cicgylguhe] {
  text-decoration: none;
  display: block;
  margin-bottom: 16px;
}

.extra-item strong[b-cicgylguhe] {
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
  max-width: 216px;
  display: block;
  color: #757575;
  margin-bottom: 16px;
}

.extra-item img[b-cicgylguhe] {
  width: 100%;
  max-width: 216px;
  border-radius: 12px;
  height: auto;
}

@media (max-width: 768px) {
  .checklist-wrapper[b-cicgylguhe] {
    padding: 50px 0;
  }

  .checklist-wrapper h1[b-cicgylguhe] {
    font-size: 48px;
    max-width: 100%;
    margin-bottom: 32px;
  }

  .main-content[b-cicgylguhe] {
    flex-direction: column;
    gap: 32px;
    width: 100%;
  }

  .main-content-image[b-cicgylguhe] {
    width: 100%;
    max-width: 100%;
  }

  .main-content-image img[b-cicgylguhe] {
    max-width: 100%;
    width: 100%;
    height: auto;
  }

  .main-content-text[b-cicgylguhe] {
    width: 100%;
    max-width: 100%;
  }

  .main-content h2[b-cicgylguhe] {
    font-size: 28px;
    max-width: 100%;
    width: 100%;
  }

  .main-content p[b-cicgylguhe] {
    max-width: 100%;
    width: 100%;
  }

  .extra-wrapper[b-cicgylguhe] {
    border-left: none;
    border-top: 1px solid #E6E4E6;
    padding: 24px;
    padding-top: 0;
    margin-top: 32px;
  }

  .extra-items[b-cicgylguhe] {
    gap: 16px;
  }

  .extra-item[b-cicgylguhe] {
    margin-bottom: 0;
  }

  .extra-item img[b-cicgylguhe] {
    max-width: 100%;
  }
}

.bg-purple h2[b-cicgylguhe] {
  font-size: 68px;
  font-style: normal;
  font-weight: 480;
  line-height: 90%; /* 61.2px */
  text-transform: uppercase;
  color: white;
  margin-bottom: 24px;
  padding-top: calc(110px - 36px);
  position: relative;
  z-index: 1;
}

.bg-purple p[b-cicgylguhe] {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: white;
  margin-bottom: 36px;
  position: relative;
  z-index: 1;
}

.image-wrapper[b-cicgylguhe] {
  display: block;
  position: relative;
  text-align: center;
  width: -webkit-fill-available;
}

  .image-wrapper .image-foreground[b-cicgylguhe],
  .image-wrapper .image-background-1
  .image-wrapper .image-background-2[b-cicgylguhe] {
    position: relative;
    z-index: 1;
    width: -webkit-fill-available !important;
  }

  .image-wrapper .image-background-1[b-cicgylguhe] {
    position: absolute;
    filter: blur(5px);
    left: min(60px, 10vw);
    top: 0;
    z-index: 0;
    rotate: -25deg;
    transform-origin: bottom;
  }

  .image-wrapper .image-background-2[b-cicgylguhe] {
    position: absolute;
    filter: blur(5px);
    left: min(160px, 30vw);
    top: 0;
    z-index: 0;
    rotate: 25deg;
    scale: .9;
    transform-origin: bottom;
  }

.bg.bg-white[b-cicgylguhe] {
  background: #F3F1F2!important;
}

.r2c-wrapper[b-cicgylguhe] {
  text-align: center;
  margin: 100px auto;
}

  .r2c-wrapper h2[b-cicgylguhe] {
    font-size: 68px;
    font-style: normal;
    font-weight: 480;
    line-height: 90%; /* 61.2px */
    text-transform: uppercase;
    color: black;
  }

  .r2c-wrapper h3[b-cicgylguhe] {
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 28px */
    text-transform: uppercase;
    color: #757575;
    margin-bottom: 56px;
  }

.slider-wrapper[b-cicgylguhe] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  gap: 24px;
  flex-wrap: wrap;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

.slider-card[b-cicgylguhe] {
  max-width: 312px;
  min-width: min(312px, 90vw);
  min-height: 321px;
  background: white;
  border-radius: 32px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-align: left;
  text-decoration: none;
  box-sizing: border-box;
}

  .slider-card img[b-cicgylguhe] {
    display: block;
    width: 100%;
    border-radius: 32px 32px 0 0;
    min-height: 176px;
  }

  .slider-card h3[b-cicgylguhe] {
    font-size: 28px;
    font-style: normal;
    font-weight: 480;
    line-height: 90%; /* 25.2px */
    text-transform: uppercase;
    color: black;
    margin-bottom: 10px;
  }

  .slider-card p[b-cicgylguhe] {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    color: #424242;
  }

  .slider-card .slider-card__padding[b-cicgylguhe] {
    padding: 24px;
    display: block;
  }

  @media (max-width: 768px) {
    .form-parts[b-cicgylguhe] {
    flex-direction: column;
    align-items: center;
  }

  .logo-wrapper[b-cicgylguhe] {
    display: grid;
  }

  .form-input-wrapper[b-cicgylguhe] {
    width: 100%;
  }

    .form-input-wrapper[b-cicgylguhe]  input.form-control {
      width: 100% !important;
    }

  .cta-logo[b-cicgylguhe] {
    padding: 40px 20px;
  }

  .bookmark-wrapper[b-cicgylguhe]{
    padding: 20px !important;
    margin: 50px 10px !important;
    text-align: center;
  }

  .main-content[b-cicgylguhe] {
    flex-direction: column !important;
  }

  .checklist-wrapper[b-cicgylguhe] {
    text-align: center;
  }

  .extra-wrapper[b-cicgylguhe] {
    text-align: center;
  }

    .image-wrapper .image-foreground[b-cicgylguhe] {
      margin-bottom: 74px !important;
      width: -webkit-fill-available;
    }

  .bookmark-wrapper p[b-cicgylguhe] {
    padding-left: 20px;
    padding-right: 20px;
  }


}

@media (max-width: 480px) {
  [b-cicgylguhe] .counter {
    padding: 0;
    font-size: 30px;
    line-height: 22px;
    min-width: inherit !important;
  }

  [b-cicgylguhe] .counter-seperator {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    margin: 0 5px !important;
    display: flex;
    align-items: center;
  }
}

.no-results-message[b-cicgylguhe] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    z-index: 3;
    color: white;
    max-width: 300px;
    display: none;
}

.no-results-message h3[b-cicgylguhe] {
    color: #333;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.no-results-message p[b-cicgylguhe] {
    color: #666;
    margin: 0;
    font-size: 1.1rem;
}

@keyframes fadeIn-b-cicgylguhe {
    from {
        opacity: 0;
        transform: translate(-50%, -48%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.store-list-overlay[b-cicgylguhe] {
    position: absolute;
    top: 0;
    left: 0;
    width: min(240px, 80vw);
    height: 100%;
    background-color: #f5f5f5;
    z-index: 2;
    padding: 15px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.search-container[b-cicgylguhe] {
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.search-container input[b-cicgylguhe] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    margin-bottom: 10px;
}

.search-container button[b-cicgylguhe] {
    width: 100%;
    padding: 8px;
    background-color: #EEE900;
    color: black;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.2s ease;
}

.search-container button:hover[b-cicgylguhe] {
    background-color: #ffd700;
}

.store-list[b-cicgylguhe] {
    margin-top: 15px;
    overflow-y: auto;
    height: 401px;
    padding-right: 10px;
}

.store-item[b-cicgylguhe] {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.store-item:hover[b-cicgylguhe] {
    background-color: #f9f9f9;
}

.store-item a[b-cicgylguhe],
.store-item p[b-cicgylguhe] {
    margin-bottom: 2px; /* Reduce space below each line */
    line-height: 1.2; /* Reduce line height */
}

.store-item a[b-cicgylguhe] {
    display: block; /* Ensure link takes full width for spacing */
    font-weight: bold;
    text-decoration: none;
    color: #333; /* Example color, adjust as needed */
}

.store-item p[b-cicgylguhe] {
    font-size: 0.9em; /* Slightly smaller font for address */
    color: #555; /* Example color */
}

.store-item .distance[b-cicgylguhe] {
  font-size: 0.8em;
  color: #777;
  margin-top: 4px; /* Add a little space above distance */
  line-height: 1.2; /* Apply reduced line height */
}

#map[b-cicgylguhe] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.clear-results-button[b-cicgylguhe] {
    width: 100%;
    padding: 8px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s ease;
    margin-top: 10px;
    font-size: 12px;
}

.clear-results-button:hover[b-cicgylguhe] {
    background-color: #e0e0e0;
    border-color: #999;
}

/* Add styles for the custom tab look */
.nav-tabs[b-cicgylguhe] {
    display: flex;
    justify-content: center;
    border-bottom: none; /* Remove default Bootstrap border */
    background-color: #f8f9fa; /* Light background for the container */
    border-radius: 30px; /* Rounded corners for the container */
    padding: 5px; /* Small padding inside the container */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    width: fit-content; /* Make container only as wide as its content */
    margin: 30px auto 50px auto; /* Center the container itself and add vertical margin */
}

.nav-tabs .nav-item[b-cicgylguhe] {
    margin-bottom: 0; /* Remove default Bootstrap margin */
}

.nav-tabs .nav-link[b-cicgylguhe] {
    background-color: transparent; /* Default transparent background */
    border: none !important; /* Remove default button border */
    padding: 10px 20px; /* Padding inside each tab */
    margin: 0 5px; /* Space between tabs */
    border-radius: 25px !important; /* Rounded corners for tabs */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 1rem; /* Adjust font size as needed */
    color: #495057 !important; /* Default text color */
    display: inline-flex; /* Align icon and text */
    align-items: center; /* Center icon and text vertically */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
    font-weight: normal; /* Reset font weight */
    line-height: normal; /* Reset line height */
}

/* Style the active tab */
.nav-tabs .nav-link.active[b-cicgylguhe] {
    background-color: #ffffff !important; /* White background for active tab */
    color: #212529 !important; /* Darker text color for active tab */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for active tab */
    font-weight: 500 !important; /* Slightly bolder text */
}

/* Optional: Hover effect for non-active tabs */
.nav-tabs .nav-link:not(.active):hover[b-cicgylguhe] {
    background-color: #e9ecef !important; /* Slight background change on hover */
    color: #495057 !important;
    border: none !important;
}

/* Remove focus outline */
.nav-tabs .nav-link:focus[b-cicgylguhe] {
    outline: none;
    box-shadow: none;
}

/* Ensure tab content takes full width */
.tab-content[b-cicgylguhe] {
    width: 100%;
}

/* Styles for mobile collapse toggle */
#storeListCollapse[b-cicgylguhe] {
    height: 100%; /* Make sure the collapse wrapper can take full height */
}

/* Optional: Adjust overlay if needed when inside collapse */
/* .store-list-overlay {
    height: 100%; 
} */

.btn-mobile-toggle[b-cicgylguhe] {
    position: absolute;
    top: 10px; 
    left: 10px; 
    z-index: 10; /* Ensure it's above the overlay */
    background-color: #ffffff; /* White background like pills */
    color: #333; /* Dark text */
    border: 1px solid #ddd; /* Light border */
    border-radius: 20px; /* Rounded pill shape */
    padding: 5px 12px; /* Adjust padding */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Subtle shadow */
    font-size: 0.9rem;
    line-height: 1.4;
    display: inline-flex; /* Align icon and text */
    align-items: center;
    gap: 5px; /* Space between icon and text */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* Add transition for hiding/showing */
}

.btn-mobile-toggle.hidden[b-cicgylguhe] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.btn-mobile-toggle svg[b-cicgylguhe] {
    margin-bottom: 1px; /* Fine-tune icon vertical alignment */
}

.btn-mobile-toggle:focus[b-cicgylguhe] {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Maintain shadow on focus */
}

/* Style for the close button inside the search overlay */
.store-list-overlay .btn-close-search[b-cicgylguhe] {
    position: absolute;
    top: 10px; /* Align with search button */
    right: 10px; 
    z-index: 11; /* Above overlay content */
    
    /* Pill styles copied from .btn-mobile-toggle */
    background-color: #ffffff; 
    color: #333; 
    border: 1px solid #ddd; 
    border-radius: 20px; 
    padding: 5px 12px; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
    font-size: 0.9rem;
    line-height: 1.4;
    display: inline-flex; 
    align-items: center;
    gap: 5px; 
    cursor: pointer;
    transition: background-color 0.2s ease; /* Add hover transition */
}

[b-cicgylguhe] .fade:not(.active) {
  display: none;
}

.store-list-overlay .btn-close-search:hover[b-cicgylguhe] {
    background-color: #f0f0f0; /* Slight darken on hover */
}

.store-list-overlay .btn-close-search svg[b-cicgylguhe] {
    margin-bottom: 1px; /* Fine-tune icon vertical alignment */
}

/* Style the online breaker buttons */
#online-breakers .btn[b-cicgylguhe] {
    display: flex; /* Enable flexbox */
    align-items: center; /* Vertically center content */
    justify-content: center; /* Horizontally center content */
    min-height: 56px; /* Adjust as needed to fit 2 lines comfortably */
    padding-top: 0.5rem; /* Adjust padding if needed */
    padding-bottom: 0.5rem;
    text-align: center; /* Ensure text is centered */
    white-space: normal; /* Allow text to wrap if needed, though min-height handles space */
    line-height: 1.2; /* Adjust line height for wrapped text */
}

/* Breakers Gallery Styles */
.breakers-gallery[b-cicgylguhe] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 40px 0;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.gallery-image-wrapper[b-cicgylguhe] {
    flex: 1;
    max-width: 33.333%;
    min-width: 0;
    box-sizing: border-box;
}

.gallery-image[b-cicgylguhe] {
    width: 100%;
    height: auto;
    border-radius: 12px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.gallery-image:hover[b-cicgylguhe] {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Modal Styles */
.image-modal[b-cicgylguhe] {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(3px);
}

.modal-content[b-cicgylguhe] {
    position: relative;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 1200px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-image[b-cicgylguhe] {
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.modal-close[b-cicgylguhe] {
    position: absolute;
    top: 15px;
    right: 35px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.modal-close:hover[b-cicgylguhe],
.modal-close:focus[b-cicgylguhe] {
    background: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}

/* Form Fields Row Styles */
.form-fields-row[b-cicgylguhe] {
    display: flex;
    gap: 20px;
    margin-bottom: 16px;
}

.form-field-half[b-cicgylguhe] {
    flex: 1;
}

.form-field-half[b-cicgylguhe]  .form-control {
    width: 100%;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .breakers-gallery[b-cicgylguhe] {
        flex-direction: column;
        gap: 15px;
    }

    .gallery-image-wrapper[b-cicgylguhe] {
        max-width: 100%;
        
    }

    .modal-content[b-cicgylguhe] {
        width: 95%;
    }

    .modal-close[b-cicgylguhe] {
        top: 10px;
        right: 15px;
        font-size: 30px;
        width: 40px;
        height: 40px;
    }

    /* Stack form fields on mobile */
    .form-fields-row[b-cicgylguhe] {
        flex-direction: column;
        gap: 0;
    }

    .form-field-half[b-cicgylguhe] {
        margin-bottom: 16px;
    }

    /* Additional mobile overflow fixes */
    .row[b-cicgylguhe] {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .container[b-cicgylguhe], .container.mx-auto[b-cicgylguhe], .container-main-layout[b-cicgylguhe] {
        padding-left: 10px !important;
        padding-right: 10px !important;
        max-width: 100% !important;
    }

    /* Fix button sections on mobile */
    .bg.bg-white .row[b-cicgylguhe] {
        padding: 0 10px !important;
        margin: 0 !important;
    }

    .row[style*="column-gap"][b-cicgylguhe] {
        column-gap: 5px !important;
        padding: 0 10px;
    }
}
/* _content/series2-microsite/Pages/MangaStickerCheckList.cshtml.rz.scp.css */
.page-root[b-irc2r8t2n3] {
  --colorBase: #b400ff;
  --colorDark: #8c00c7;
  --gradient: linear-gradient(to bottom, var(--colorBase), var(--colorDark));
  --colorBaseAlt: #f4b900;
  --colorDarkAlt: #d4a100;
  --gradientAlt: linear-gradient(to bottom, var(--colorBaseAlt), var(--colorDarkAlt));
  --colorWhite: #e0e0e0;
  --colorBlack: #101010;
}

.page-loader[b-irc2r8t2n3] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2; /* Above bg-grid, below scroll-container content & top-bar */
  color: var(--colorWhite);
  text-align: center;
  background-color: rgba(5, 5, 5, 0.85);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  padding-top: 60px; /* Match header height to push spinner down */
  box-sizing: border-box;
}

  .page-loader .spinner[b-irc2r8t2n3] {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 4px solid var(--colorWhite);
    width: 40px;
    height: 40px;
    animation: spin-b-irc2r8t2n3 1s linear infinite;
    margin-bottom: 10px;
  }

@keyframes spin-b-irc2r8t2n3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Style to hide the loader (applied by JS) */
.page-loader.hidden[b-irc2r8t2n3] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.bg-main[b-irc2r8t2n3] {
  background: url('https://media.veefriends.com/image/upload/q_auto,f_auto/v1754400906/veefriends/v3/manga-verify/form-bg');
  position: relative;
  height: 100%;
  overflow: hidden;
  padding-top: 0;
  background-size: cover;
  background-repeat: no-repeat;
}

@keyframes moveGrid-b-irc2r8t2n3 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -50px -50px; /* Adjust for speed/direction */
  }
}

.bg-grid[b-irc2r8t2n3] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 50px 50px; /* Grid cell size */
  transform: perspective(440px) rotateX(70deg) skewY(0deg);
  transform-origin: center;
  user-select: none;
  pointer-events: none;
  animation: moveGrid-b-irc2r8t2n3 4s linear infinite; /* Adjust duration for speed */
}

.scroll-container[b-irc2r8t2n3] {
  position: relative;
  overflow-y: scroll;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.manga-content[b-irc2r8t2n3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-top: 80px;
  color: var(--colorWhite);
  gap: 30px;
}

.manga-content-left[b-irc2r8t2n3] {
  flex-basis: 65%;
  text-align: left;
}

  .manga-content-left p[b-irc2r8t2n3] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--colorWhite);
  }

.modal-action-btn-close[b-irc2r8t2n3] {
  position: fixed;
  top: 0;
  right: 30px;
  color: var(--colorWhite);
  font-size: 40px;
  font-weight: 100;
  z-index: 1000;
  transition: all 0.3s 0s ease;
  opacity: 0;
}

.modal-overlay.modal-overlay-opened .modal-action-btn-close[b-irc2r8t2n3] {
  opacity: 1;
}

[b-irc2r8t2n3] .manga-content-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 25px;
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

  [b-irc2r8t2n3] .manga-content-right .manga-content-owned,
  [b-irc2r8t2n3] .manga-content-right .manga-content-stat {
    background: url(https://media.veefriends.com/image/upload/v1746548795/veefriends/v3/assets/stat-bg.png);
    background-size: cover;
    background-position: center;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 0;
    overflow: hidden;
    outline: 2px solid var(--colorBaseAlt);
    outline-offset: 4px;
    aspect-ratio: 1 / 1; /* For square layout */
    display: flex; /* For content centering */
    flex-direction: column; /* For content centering */
    justify-content: center; /* For content centering */
    align-items: center; /* For content centering */
    padding: 10px;
  }

    [b-irc2r8t2n3] .manga-content-right .manga-content-box-number {
      display: block;
      font-weight: 800;
      text-transform: uppercase;
      font-size: clamp(1.5rem, 5vw, 2.5rem);
      color: var(--colorBaseAlt);
      margin-bottom: 5px;
      line-height: 1;
    }

     [b-irc2r8t2n3] .manga-content-right .manga-content-box-label {
      display: block;
      font-size: clamp(0.7rem, 2.5vw, 0.9rem);
      color: #bbb;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-family: obviously-narrow, sans-serif;
      line-height: 1;
    }

  [b-irc2r8t2n3] .manga-content-right .manga-content-share {
    grid-column: 1 / -1; /* Span both columns */
    border-radius: 48px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    position: relative;
    overflow: hidden;
    outline: 2px solid var(--colorBaseAlt);
  }

  [b-irc2r8t2n3] .manga-content-right .manga-content-share .manga-content-box-link {
    color: var(--colorWhite);
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
    display: block;
  }

.manga-content-cta[b-irc2r8t2n3] {
  text-decoration: none;
  border: 1px solid white;
  border-radius: 0px;
  color: white;
  padding: 8px 15px;
  font-size: 12px;
  margin-bottom: 10px;
  display: inline-block;
  transform: skewX(15deg);
  margin-left: 5px;
}

  .manga-content-cta span[b-irc2r8t2n3] {
    transform: skewX(-15deg);
    display: block;
  }

  .manga-content-cta:hover[b-irc2r8t2n3] {
    background: #333;
  }

.manga-content-title[b-irc2r8t2n3] {
  color: var(--colorBase);
  font-style: italic;
  font-family: obviously-narrow, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 32px;
  display: block;
  padding: 0;
  margin: 0;
}

.manga-content-subtitle[b-irc2r8t2n3] {
  font-style: italic;
  font-family: obviously-narrow, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 22px;
  display: block;
  padding: 0;
  margin: 0;
  line-height: 8px;
  margin-bottom: 25px;
}

.scroll-container[b-irc2r8t2n3]::-webkit-scrollbar {
  display: none;
}

.manga-cards[b-irc2r8t2n3] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 20px;
  padding: 20px;
  position: relative;
  z-index: 1;
}

.manga-card[b-irc2r8t2n3] {
  position: relative;
  cursor: pointer;
  will-change: transform;
  transform-origin: center center;
  transition: box-shadow 0.3s ease;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  opacity: 0;
  scale: 0.8;
  y: 20;
  visibility: hidden;
}

  .manga-card .img[b-irc2r8t2n3] {
    filter: none;
  }

  .manga-card:hover[b-irc2r8t2n3] {
    box-shadow: 0 0 14px var(--colorBase);
    z-index: 2;
  }

  .manga-card.is-favorite[b-irc2r8t2n3] {
    box-shadow: 0 0 0 4px #FFC007, 0 0 14px var(--colorBase);
  }

    .manga-card.is-favorite .img[b-irc2r8t2n3] {
      filter: grayscale(.7) opacity(0.9);
    }

  .manga-card img[b-irc2r8t2n3] {
    width: 100%;
    height: auto;
    display: block;
    backface-visibility: hidden;
  }

    .manga-card img:nth-child(2)[b-irc2r8t2n3] { /* Back of card */
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

  .manga-card:hover img:nth-child(2)[b-irc2r8t2n3] {
    opacity: 1;
  }

  .manga-card .favorite-indicator[b-irc2r8t2n3] {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.5rem;
    color: gold;
    text-shadow: 0 0 3px black;
    z-index: 3;
    pointer-events: none;
  }

/* Disable card hover effect on touch devices */
@media (hover: none) and (pointer: coarse) {
  .manga-card:hover img:nth-child(2)[b-irc2r8t2n3] {
    opacity: 0; /* Keep back image hidden */
  }
  .manga-card:hover[b-irc2r8t2n3] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Reset to default shadow */
    z-index: 1;
  }
}

.manga-checklist-header[b-irc2r8t2n3] {
  text-align: center;
  color: #fff;
  padding: 20px 0;
}

.manga-checklist-filterbar[b-irc2r8t2n3] {
  color: #fff;
}

.filter-search-input[b-irc2r8t2n3] {
  max-width: 250px;
}

.filter-avatar[b-irc2r8t2n3] {
  width: 32px;
  height: 32px;
  object-fit: cover;
}

.filter-profile-link:hover[b-irc2r8t2n3] {
  opacity: 0.8;
}

.modal-overlay[b-irc2r8t2n3] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.modal-container[b-irc2r8t2n3] {
  position: relative;
  perspective: 1000px;
  max-width: 80vw;
  max-height: 80vh;
}

[b-irc2r8t2n3] .modal-card {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  cursor: pointer;
}

  [b-irc2r8t2n3] .modal-card img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    object-fit: contain;
  }

    [b-irc2r8t2n3] .modal-card img:nth-child(2) {
      transform: rotateY(180deg);
    }

/* Card Flip Animation Styles for All Cards */
[b-irc2r8t2n3] .card-flippable {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

[b-irc2r8t2n3] .card-flippable .card-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s ease;
  transform-style: preserve-3d;
  transform-origin: center center;
}

[b-irc2r8t2n3] .card-flippable.flipped .card-flip-inner {
  transform: rotateY(180deg);
}

[b-irc2r8t2n3] .modal-card-content {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 90vw;
  gap: 30px;
}

[b-irc2r8t2n3] .modal-card-container {
  position: relative;
  perspective: 1000px;
}

[b-irc2r8t2n3] .modal-details {
  color: #fff;
  max-width: 450px;
  padding: 25px;
  background: rgba(15, 15, 15, 0.95);
  border: 3px solid var(--colorBaseAlt);
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
}

  [b-irc2r8t2n3] .modal-details > * {
    position: relative;
    z-index: 1;
  }

[b-irc2r8t2n3] .modal-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px dashed var(--colorBaseAlt);
  margin-top: 10px;
}

[b-irc2r8t2n3] .modal-logo-topps {
  height: 25px;
  width: auto;
  object-fit: contain;
}

[b-irc2r8t2n3] .modal-logo-manga {
  height: 30px;
  width: auto;
  object-fit: contain;
}

[b-irc2r8t2n3] .modal-card-name {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 5px;
  color: var(--colorBaseAlt);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}

[b-irc2r8t2n3] .modal-series-name {
  font-size: 16px;
  color: #ccc;
  margin-bottom: 20px;
  font-style: italic;
}

[b-irc2r8t2n3] .modal-card-description {
  margin-bottom: 25px;
  line-height: 1.6;
  color: #eee;
}

[b-irc2r8t2n3] .modal-card-quote {
  font-style: normal;
  font-weight: 600;
  padding: 15px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  margin-bottom: 25px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  position: relative;
}

[b-irc2r8t2n3] .modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 25px;
  align-items: center;
}

[b-irc2r8t2n3] .modal-action-btn {
  padding: 13px 18px;
  background: var(--gradientAlt);
  color: white;
  text-decoration: none;
  border-radius: 24px;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), inset 0 -1px 1px rgba(0,0,0,0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  cursor: pointer;
}

[b-irc2r8t2n3] .modal-action-btn-share,
[b-irc2r8t2n3] .modal-action-btn-view-character {
  padding: 10px;
  min-width: 40px;
  min-height: 40px;
}

[b-irc2r8t2n3] .modal-action-btn i {
  font-size: 1.1rem;
}

[b-irc2r8t2n3] .modal-action-btn-icon {
  background: none;
  box-shadow: inset 0 0 0px 2px #4f4f4f;
  padding: 0px;
}

[b-irc2r8t2n3] .owned-badge {
  display: block;
  background-color: var(--colorBase);
  color: #333;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 10px;
  width: fit-content;
}

@media (max-width: 768px) {
  .modal-container[b-irc2r8t2n3] {
    max-width: 100vw;
    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto; /* Allow scrolling */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
  }

  [b-irc2r8t2n3] .modal-card-content {
    flex-direction: column; /* Stack card and details vertically */
    max-width: 100%;
    height: 100%;
    overflow-y: auto; /* Scroll for entire content area */
    padding: 75px 10px 20px 10px; /* Top padding for spacing from screen edge */
    align-items: center;
    -webkit-overflow-scrolling: touch; /* Smoother scrolling on iOS */
    box-sizing: border-box;
  }

  [b-irc2r8t2n3] .modal-card-container {
    perspective: 1000px; /* Keep perspective for flip animation */
    height: auto;
    width: 100%;
    max-width: 310px;
    margin-bottom: 15px;
    flex-shrink: 0; /* Prevent card container from shrinking */
  }

  [b-irc2r8t2n3] .modal-card {
    width: 100%;
    padding-top: 140%; /* Maintain aspect ratio */
    height: 0;
    position: relative;
  }

    [b-irc2r8t2n3] .modal-card img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain; /* Ensure full card is visible */
    }

  /* Ensure flippable cards work properly on mobile */
  [b-irc2r8t2n3] .card-flippable {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  [b-irc2r8t2n3] .card-flippable .card-flip-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s ease;
    transform-origin: center center;
  }

  [b-irc2r8t2n3] .card-flippable.flipped .card-flip-inner {
    transform: rotateY(180deg);
  }

  [b-irc2r8t2n3] .modal-details {
    max-width: 100%;
    padding: 15px;
    border-width: 2px;
    width: 100%;
    max-height: none;
    background: rgba(15, 15, 15, 0.95);
    overflow-y: auto; /* Allow details section to scroll */
    flex-shrink: 1; /* Allow details to shrink */
    min-height: 0; /* Necessary for flex children scrolling */
  }

  [b-irc2r8t2n3] .modal-card-name {
    font-size: 24px;
  }

  [b-irc2r8t2n3] .modal-logos { /* Hide logos on mobile */
    display: none;
  }

  [b-irc2r8t2n3] .modal-logo-topps {
    height: 20px;
  }

  [b-irc2r8t2n3] .modal-logo-manga {
    height: 25px;
  }

  [b-irc2r8t2n3] .modal-action-btn {
    padding: 8px 15px;
    font-size: 0.9rem;
  }

  .manga-cards[b-irc2r8t2n3] { /* 2 columns for card grid on mobile */
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  /* Adjust modal navigation for fixed positioning on mobile */
  [b-irc2r8t2n3] .modal-nav.modal-nav-prev,
  [b-irc2r8t2n3] .modal-nav.modal-nav-next {
    position: fixed;
    top: 20%;
    transform: translateY(-50%); /* Vertically center */
    height: auto;
    padding: 8px;
    background: rgba(255, 215, 0, 0.95); /* More opaque background */
  }

  [b-irc2r8t2n3] img.modal-nav-preview {
    height: 36px; /* Smaller preview image */
  }

  [b-irc2r8t2n3] .modal-nav.modal-nav-prev {
    left: 5px;
    border-radius: 0 4px 4px 0;
  }

  [b-irc2r8t2n3] .modal-nav.modal-nav-next {
    right: 5px;
    border-radius: 4px 0 0 4px;
  }

  [b-irc2r8t2n3] .manga-content-right .manga-content-share {
    margin-top: 10px;
    padding: 10px;
  }

  [b-irc2r8t2n3] .manga-content-right .manga-content-share .manga-content-box-link {
    font-size: 0.7rem; /* Smaller font size */
  }
}

/* Disable button hover effects on touch devices */
@media (hover: none) and (pointer: coarse) {
  [b-irc2r8t2n3] .modal-action-btn:hover {
    background: linear-gradient(to bottom, #e53935, #c62828); /* Original background */
    transform: none; /* Remove translateY */
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), inset 0 -1px 1px rgba(0,0,0,0.2); /* Original shadow */
  }
}

.manga-checklist-topbar[b-irc2r8t2n3] {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10; /* Ensure it's above other content except modal */
  background: rgba(15, 15, 15, 0.95); /* Darker, more opaque background */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Subtle separator line */
  padding: 0 15px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background 0.3s ease;
}

.appbar-left[b-irc2r8t2n3],
.appbar-center[b-irc2r8t2n3],
.appbar-right[b-irc2r8t2n3] {
  display: flex;
  align-items: center;
}

.appbar-left[b-irc2r8t2n3] {
  flex-basis: 40%;
  justify-content: flex-start;
}

.appbar-center[b-irc2r8t2n3] {
  flex-basis: 20%;
  justify-content: center;
  text-align: center;
}

.appbar-right[b-irc2r8t2n3] {
  flex-basis: 40%;
  justify-content: flex-end;
}

.appbar-logo-left[b-irc2r8t2n3] {
  height: 35px;
  width: auto;
  object-fit: contain;
}

.appbar-logo-center[b-irc2r8t2n3] {
  height: 40px;
  width: auto;
  object-fit: contain;
}

[b-irc2r8t2n3] .modal-nav.modal-nav-prev,
[b-irc2r8t2n3] .modal-nav.modal-nav-next {
  text-decoration: none;
  position: absolute;
  z-index: 10;
  background: var(--colorDark);
  display: flex;
  padding: 10px;
  height: 88px;
  align-items: center;
}

[b-irc2r8t2n3] img.modal-nav-preview {
  height: 48px;
  width: auto;
  display: block;
}

[b-irc2r8t2n3] .modal-nav.modal-nav-prev {
  left: 0;
  border-radius: 0 6px 6px 0;
  background: linear-gradient(to left, var(--colorBaseAlt), var(--colorDarkAlt));
}

[b-irc2r8t2n3] .modal-nav.modal-nav-next {
  right: 0;
  border-radius: 6px 0 0 6px;
  background: linear-gradient(to right, var(--colorBaseAlt), var(--colorDarkAlt));
}

.manga-checklist-topbar .manga-checklist-header[b-irc2r8t2n3] { /* Hide original header section */
  display: none;
}

.manga-checklist-topbar .manga-checklist-filterbar[b-irc2r8t2n3] {
  padding: 0;
  margin: 0;
  gap: 10px;
  justify-content: flex-end;
  color: var(--colorWhite);
}

  .manga-checklist-topbar .manga-checklist-filterbar form[b-irc2r8t2n3] {
    margin-left: 0;
  }

.manga-checklist-topbar .form-control[b-irc2r8t2n3],
.manga-checklist-topbar .btn[b-irc2r8t2n3],
.manga-checklist-topbar .input-group-text[b-irc2r8t2n3] {
  font-size: 0.85rem;
  padding: 0.3rem 0.6rem;
  border-radius: 4px;
  height: auto;
}

.manga-checklist-topbar .filter-search-input[b-irc2r8t2n3] {
  max-width: 240px;
  min-width: 160px;
  border: 0 none;
  background: black;
  border-bottom: 1px solid var(--colorBlack);
  border-radius: 30px;
  color: white;
  margin-right: 8px;
}

  .manga-checklist-topbar .filter-search-input[b-irc2r8t2n3]::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }

[b-irc2r8t2n3] .manga-checklist-topbar .manga-checklist-filterbar-form,
[b-irc2r8t2n3] .manga-checklist-topbar .manga-checklist-filterbar-form > .input-group,
[b-irc2r8t2n3] .manga-checklist-topbar .manga-checklist-filterbar-form .filter-search-input {
  width: 100%;
  max-width: auto;
  min-width: 120px;
}

.manga-checklist-topbar .dropdown-menu[b-irc2r8t2n3] {
  background-color: white;
  border: 2px solid #ffc107;
  font-size: 0.9rem;
  border-radius: 6px;
}

[b-irc2r8t2n3] .manga-checklist-topbar a.btn-outline-warning {
  padding: 2px 7px;
  border-radius: 100%;
  background: var(--gradient);
  border: 1px solid var(--colorDark);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--colorWhite);
  margin-left: 4px;
}

.manga-checklist-topbar .user-section a.btn[b-irc2r8t2n3],
.manga-checklist-filterbar .btn.btn-secondary[b-irc2r8t2n3] {
  border-radius: 60px;
  background: var(--gradient);
  border: 1px solid var(--colorDark);
  font-weight: bold;
  text-transform: uppercase;
  color: var(--colorWhite);
}

.manga-checklist-topbar .filter-profile-link[b-irc2r8t2n3] {
  margin-left: 5px;
}

.manga-checklist-topbar .filter-avatar[b-irc2r8t2n3] {
  width: 28px;
  height: 28px;
}

.manga-checklist-topbar .filter-profile-link span[b-irc2r8t2n3] {
  font-size: 0.85rem;
}

.manga-checklist-topbar .btn-primary[b-irc2r8t2n3] {
  background: var(--gradient);
  border: 1px solid var(--colorDark);
  color: var(--colorWhite);
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .manga-checklist-topbar[b-irc2r8t2n3] {
    padding: 0 10px;
    height: 50px;
  }

    .manga-checklist-topbar .manga-checklist-filterbar[b-irc2r8t2n3] {
      gap: 6px;
      height: 100%;
      align-items: center;
    }

    .manga-checklist-topbar .input-group[b-irc2r8t2n3],
    .manga-checklist-topbar .btn[b-irc2r8t2n3] {
      height: 30px;
      font-size: 0.8rem;
    }

    .manga-checklist-topbar .form-control[b-irc2r8t2n3],
    .manga-checklist-topbar .input-group-text[b-irc2r8t2n3],
    .manga-checklist-topbar .btn[b-irc2r8t2n3] {
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
    }

    .manga-checklist-topbar .input-group-text[b-irc2r8t2n3] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .manga-checklist-topbar .filter-search-input[b-irc2r8t2n3] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .manga-checklist-topbar .btn[b-irc2r8t2n3] {
      padding-left: 0.6rem;
      padding-right: 0.6rem;
      line-height: 1.5;
    }
    .manga-checklist-topbar .btn-outline-warning[b-irc2r8t2n3] {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    .manga-checklist-topbar .filter-avatar[b-irc2r8t2n3] {
      width: 28px;
      height: 28px;
      vertical-align: middle;
    }

    .manga-checklist-topbar .user-section .btn-primary[b-irc2r8t2n3] {
      height: 30px;
      display: inline-flex;
      align-items: center;
    }

  .appbar-left[b-irc2r8t2n3] {
    flex-basis: 25%;
    justify-content: flex-start;
    overflow: hidden; /* Hide overflow if logo is too big */
  }

  .appbar-center[b-irc2r8t2n3] {
    position: absolute; /* Keep it centered */
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none; /* Allow clicks through container */
  }

    .appbar-center a[b-irc2r8t2n3] {
      pointer-events: auto; /* Re-enable clicks on link */
    }

  .appbar-right[b-irc2r8t2n3] {
    flex-basis: 60%; /* More space to right side */
    justify-content: flex-end;
  }

  .manga-checklist-topbar .manga-checklist-filterbar[b-irc2r8t2n3] {
    gap: 5px; /* Reduce gap further */
    flex-wrap: nowrap; /* Prevent wrapping in filter bar */
  }

  .appbar-logo-left[b-irc2r8t2n3] {
    height: 30px;
  }

  .appbar-logo-center[b-irc2r8t2n3] {
    height: 35px;
  }

  .manga-checklist-topbar .filter-search-input[b-irc2r8t2n3] {
    max-width: 100px;
    min-width: 0; /* Allow shrinking */
    flex-shrink: 1; /* Allow search input to shrink */
  }

  .manga-checklist-topbar .dropdown-toggle[b-irc2r8t2n3] {
    min-width: auto; /* Allow button to shrink */
  }

  .manga-checklist-topbar .btn[b-irc2r8t2n3] {
    padding: 0.2rem 0.4rem;
    font-size: 0.8rem;
    white-space: nowrap; /* Prevent text wrapping on buttons */
  }

  .manga-checklist-topbar .btn-outline-warning[b-irc2r8t2n3] {
    padding: 0.2rem 0.4rem;
  }

  .manga-checklist-topbar .filter-avatar[b-irc2r8t2n3] {
    width: 24px;
    height: 24px;
  }

  .manga-checklist-topbar .input-group[b-irc2r8t2n3] {
    width: auto; /* Allow natural size */
    flex-grow: 1; /* Allow to take available space */
    max-width: 120px; /* Limit max width */
  }
}

@media (max-width: 576px) {
  .appbar-left[b-irc2r8t2n3] { /* Hide left logo */
    display: none;
  }

  .appbar-center[b-irc2r8t2n3] { /* Remove absolute positioning for natural flow */
    position: static;
    transform: none;
    flex-basis: auto;
    justify-content: flex-start;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .appbar-right[b-irc2r8t2n3] {
    flex-basis: auto; /* Allow right to take remaining space */
    width: auto;
    justify-content: flex-end;
  }

  .manga-checklist-topbar[b-irc2r8t2n3] { /* Adjust main topbar flex */
    justify-content: space-between;
  }

    .manga-checklist-topbar .manga-checklist-filterbar[b-irc2r8t2n3] {
      justify-content: flex-end;
      gap: 4px; /* Even smaller gap */
      flex-shrink: 1; /* Allow filter bar to shrink */
    }

    .manga-checklist-topbar .filter-search-input[b-irc2r8t2n3]::placeholder {
      font-size: 0.8em; /* Smaller placeholder */
    }

    .manga-checklist-topbar .filter-search-input[b-irc2r8t2n3] {
      max-width: 60px; /* Make search very small */
      min-width: 40px;
    }

    .manga-checklist-topbar .dropdown-toggle[b-irc2r8t2n3]::after { /* Caret */
      margin-left: 0.1em;
    }

    .manga-checklist-topbar .btn-outline-warning i[b-irc2r8t2n3] {
      margin: 0; /* Remove margin if text hidden (example) */
    }

    .manga-checklist-topbar .btn-outline-warning[b-irc2r8t2n3] {
      padding: 0.2rem 0.3rem; /* Smaller padding for icon only */
    }

    .manga-checklist-topbar .user-section .btn-primary[b-irc2r8t2n3] {
      padding: 0.2rem 0.4rem; /* Match other buttons */
      font-size: 0.8rem;
    }

    .manga-checklist-topbar .user-section .filter-avatar[b-irc2r8t2n3] {
      width: 24px; /* Match mobile avatar size */
      height: 24px;
    }
}

[b-irc2r8t2n3] .favorite-indicator svg {
  height: 48px;
  width: 48px;
  background: white;
  border-radius: 100%;
}

[b-irc2r8t2n3] .is-favorite .favorite-indicator svg path {
  fill: var(--colorBase);
}

[b-irc2r8t2n3] .is-favorite .favorite-indicator {
  display: block;
}

[b-irc2r8t2n3] .favorite-indicator {
  display: none;
}

@media (max-width: 768px) { /* Responsive styles for manga content */
  .manga-content[b-irc2r8t2n3] {
    flex-direction: column; /* Stack left and right */
    margin-top: 65px; /* Adjust for smaller header */
    padding: 15px;
    gap: 20px;
    align-items: center; /* Center items when stacked */
  }

  .manga-content-left[b-irc2r8t2n3] {
    flex-basis: auto;
    width: 100%; /* Take full width */
    text-align: center;
    order: 2; /* Display below stats */
  }

    .manga-content-left .manga-content-title[b-irc2r8t2n3],
    .manga-content-left .manga-content-subtitle[b-irc2r8t2n3] {
      font-size: 23px;
    }

    .manga-content-left .manga-content-subtitle[b-irc2r8t2n3] {
      font-size: 18px;
      line-height: 1.2;
      margin-bottom: 15px;
    }

    .manga-content-left p[b-irc2r8t2n3],
    .manga-content-left ul li[b-irc2r8t2n3],
    .manga-content-left ol li[b-irc2r8t2n3] {
      font-size: 0.9rem;
      text-align: left;
    }

    .manga-content-left .manga-content-cta[b-irc2r8t2n3] {
      margin-left: 0;
      margin-bottom: 0;
    }

  [b-irc2r8t2n3] .manga-content-right {
    flex-basis: auto;
    width: 100%;
    max-width: 350px;
    order: 1; /* Display above text content */
    flex-direction: row; /* Layout stat boxes side-by-side */
    justify-content: space-around;
    align-items: flex-start;
    gap: 10px;
  }

    [b-irc2r8t2n3] .manga-content-right .manga-content-owned,
    [b-irc2r8t2n3] .manga-content-right .manga-content-stat {
      flex: 1; /* Allow stat boxes to grow equally */
      padding: 10px;
    }

      [b-irc2r8t2n3] .manga-content-right .manga-content-owned span.manga-content-owner-card-count,
      [b-irc2r8t2n3] .manga-content-right .manga-content-stat span.manga-content-owner-card-percentage {
        font-size: 1.5rem;
      }
}
/* _content/series2-microsite/Pages/Market.cshtml.rz.scp.css */
.bg-primary[b-22yby7xj5t] {
    background-color: var(--green);
    background-size: cover;
    position: relative;
    min-height: 330px;
    -webkit-mask: url(https://media.veefriends.com/image/upload/v1702314389/veefriends/specials/www/socials/character-feed/cutouts/cutout-bottom.svg) bottom / 100% no-repeat border-box, linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 9vw, rgba(0,0,0,1) 9vw, rgba(0,0,0,1) 100%)
}

    .bg-primary[b-22yby7xj5t]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(50% - 50px);
        background: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent);
        z-index: 0;
    }


.hero h4[b-22yby7xj5t] {
    font-size: 52px;
    color: white;
    text-shadow: 2px 3px black;
}

.hero h3[b-22yby7xj5t] {
    font-size: 57px;
    color: white;
    text-shadow: 2px 3px black;
    text-transform: uppercase;
    line-height: 53px;
}

.filter-wrapper[b-22yby7xj5t] {
    position: relative;
    top: 0;
    margin-top: -53px;
    z-index: 6;
}

.filter-area[b-22yby7xj5t] {
    padding: 15px;
    border-radius: 46px;
    background: #673AB7;
    box-shadow: 0 8px 0 #562ba3, inset 0 -1px #ffffff1a, inset 0 1px #ffffff17;
    border: 1px solid #00000047;
}

    .filter-area .btn-link[b-22yby7xj5t] {
        filter: invert(1);
        padding: 0;
        margin: 5px 10px;
    }

.listing-text-search[b-22yby7xj5t] {
    margin-top: 2px;
    position: relative;
}

.listing-search.form-control[b-22yby7xj5t] {
    border-radius: 55px;
    border: 0;
    background: rgba(255, 255, 255, .1);
    color: white;
    box-shadow: inset 0 1px 0 #000000ad, inset 0 -1px #ffffff54;
}

    .listing-search.form-control[b-22yby7xj5t]::placeholder {
        color: rgba(255, 255, 255, .5);
    }

.listing-alphabetical-search ol[b-22yby7xj5t] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    width: 100%;
}

    .listing-alphabetical-search ol li[b-22yby7xj5t] {
        display: block;
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
        color: white;
        border-radius: 50%;
        background: transparent;
        box-shadow: inset 0 -1px 0 #00000069, inset 0 1px 0 #ffffff1f;
        user-select: none;
        cursor: pointer;
    }

        .listing-alphabetical-search ol li:hover[b-22yby7xj5t] {
            background-color: rgba(255, 255, 255, .1);
        }

        .listing-alphabetical-search ol li:active[b-22yby7xj5t],
        .listing-alphabetical-search ol li:focus-within[b-22yby7xj5t],
        .listing-alphabetical-search ol li.active[b-22yby7xj5t] {
            background: rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 #00000069, inset 0 -1px 0 #ffffff1f;
        }

        .listing-alphabetical-search ol li.disabled[b-22yby7xj5t] {
            opacity: .5;
            cursor: default;
            pointer-events: none;
            box-shadow: none;
        }

[b-22yby7xj5t] .payment-processing {
    opacity: .3;
    pointer-events: none;
}

[b-22yby7xj5t] .card {
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    margin-bottom: 15px;
    background: transparent;
    cursor: pointer;
    transition: all 400ms 50ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    outline: 4px solid transparent;
}

    [b-22yby7xj5t] .card:hover,
    [b-22yby7xj5t] .card:active,
    [b-22yby7xj5t] .card:focus-within,
    [b-22yby7xj5t] .card:focus {
        outline: 4px solid #653bba85;
        box-shadow: 0 0 30px 3px #653bba5c;
        transform: scale(1.01) translateY(-1px);
        background: white;
    }

[b-22yby7xj5t] .card-body {
    display: flex;
    flex-direction: column;
    place-content: space-between;
}

[b-22yby7xj5t] .card-body .list-group {
    min-height: 230px;
}

[b-22yby7xj5t] .list-group,
[b-22yby7xj5t] .list-group-item,
[b-22yby7xj5t] .list-group small {
    font-size: 10px;
    text-transform: capitalize;
}

[b-22yby7xj5t] .list-group-item {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    background: transparent;
}

[b-22yby7xj5t] .list-group .list-group-item:last-child {
    border-bottom: 0;
    margin-bottom: 15px;
}

[b-22yby7xj5t] .list-group .list-group-item:first-child {
    font-size: 13px;
    min-height: 50px;
}

[b-22yby7xj5t] .card-img-top {
    display: block;
    position: relative;
    margin-top: var(--bs-card-spacer-y);
    aspect-ratio: 1 / 1.2;
}

[b-22yby7xj5t] .card-img {
    display: block;
    padding: 0 15px;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .2));
}

[b-22yby7xj5t] .card-goo .card-img {
    position: relative;
    top: -7px;
    scale: 1.055;
    left: 7px;
}

[b-22yby7xj5t] .list-group-item-price span {
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    filter: drop-shadow(0px 2px 0px green);
    text-shadow: 0px 2px #00000061;
}

[b-22yby7xj5t] .list-group-item-price span {
    display: inline-block;
    width: auto;
    height: 38px;
    background-image: linear-gradient(45deg, var(--green) 50%, #10c584);
    -webkit-border-radius: 3px 4px 4px 3px;
    -moz-border-radius: 3px 4px 4px 3px;
    border-radius: 3px 4px 4px 3px;
    border-left: 1px solid var(--green);
    /* This makes room for the triangle */
    margin-left: 19px;
    position: relative;
    color: white;
    font-weight: 300;
    font-size: 18px;
    line-height: 38px;
    padding: 0 10px 0 10px;
}

    /* Makes the triangle */
    [b-22yby7xj5t] .list-group-item-price span:before {
        content: "";
        position: absolute;
        display: block;
        left: -19px;
        width: 0;
        height: 0;
        border-top: 19px solid transparent;
        border-bottom: 19px solid transparent;
        border-right: 19px solid var(--green);
    }

    /* Makes the circle */
    [b-22yby7xj5t] .list-group-item-price span:after {
        content: "";
        background-color: white;
        border-radius: 50%;
        width: 4px;
        height: 4px;
        display: block;
        position: absolute;
        left: -9px;
        top: 17px;
    }

[b-22yby7xj5t] button.btn-buy {
    border-radius: 42px;
    background: #673AB7;
    border: 1px solid #00000042;
    box-shadow: 0 5px 0px #4b258f, inset 0 1px 0 #ffffff29, inset 0 -1px #ffffff1a;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0px 2px BLACK;
    text-transform: uppercase;
    transition: all 50ms 0ms ease-in-out;
}

    [b-22yby7xj5t] button.btn-buy:hover {
        filter: brightness(1.2);
    }

    [b-22yby7xj5t] button.btn-buy:focus-within,
    [b-22yby7xj5t] button.btn-buy:active {
        box-shadow: none;
        transform: translateY(5px);
        background: #673AB7;
        color: white;
        outline: none;
    }


[b-22yby7xj5t] .new-listing {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    top: -43px;
    left: -29px;
    z-index: 1;
    scale: .5;
}

    [b-22yby7xj5t] .new-listing::before,
    [b-22yby7xj5t] .new-listing::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 5px solid #2980b9;
        border-top-color: transparent;
        border-left-color: transparent;
    }

    [b-22yby7xj5t] .new-listing::before {
        top: 0;
        right: 0;
    }

    [b-22yby7xj5t] .new-listing::after {
        bottom: 0;
        left: 0;
    }

    [b-22yby7xj5t] .new-listing span {
        position: absolute;
        display: block;
        width: 225px;
        padding: 15px 0;
        background-color: #3498db;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #fff;
        font: 700 18px/1 'Lato', sans-serif;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
        right: -25px;
        top: 30px;
        transform: rotate(-45deg);
    }

.additional-filters[b-22yby7xj5t] {
}

.listing-filter-category[b-22yby7xj5t] {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 5px;
}

.listing-filter-item select[b-22yby7xj5t] {
    width: 120px;
}

.bg-loading[b-22yby7xj5t] {
    position: relative;
    margin-top: 6px;
    z-index: 4;
}

    .bg-loading[b-22yby7xj5t]::after {
        content: "";
        position: absolute;
        top: -24px;
        left: 0;
        width: 100%;
        height: calc(100% + 25px);
        transition: opacity .3s ease-in-out;
        background: #fff;
        pointer-events: none;
        opacity: 0;
        z-index: 5;
    }

    .bg-loading.bg-loading-active[b-22yby7xj5t]::after {
        opacity: .6;
        pointer-events: all;
    }


.listing-btn[b-22yby7xj5t] {
    border-radius: 100%;
    height: 72px;
    width: 72px;
    background: #d7181e;
    box-shadow: 0 5px 0px #9e161c, inset 0 1px 0 #ffffff29, inset 0 -1px #ffffff1a;
    border: 1px solid #9e161c;
    display: inline-flex;
    outline: none;
    flex-direction: column-reverse;
    color: white;
    text-shadow: 0px 2px BLACK;
    margin: 80px 0;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    position: relative;
}

    .listing-btn img[b-22yby7xj5t] {
        width: 65px;
        position: absolute;
        top: -32px;
        left: -10px;
    }

    .listing-btn span[b-22yby7xj5t] {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 5px;
    }

    .listing-btn.listing-prev[b-22yby7xj5t] {
        flex-direction: column;
        background: #8cbd34;
        box-shadow: 0 5px 0px #72912d, inset 0 1px 0 #ffffff29, inset 0 -1px #ffffff1a;
        border: 1px solid #72912d;
    }

        .listing-btn.listing-prev img[b-22yby7xj5t] {
            top: -45px;
            left: 28px;
            rotate: 7deg;
        }

        .listing-btn.listing-prev span[b-22yby7xj5t] {
            flex-direction: column;
            margin-bottom: 0;
            margin-top: 5px;
        }

.listing-sort-search[b-22yby7xj5t] {
    width: max-content;
    align-self: center;
    margin-top: 5px;
}

    .listing-sort-search .btn-group[b-22yby7xj5t] {
        width: 100%;
    }

    .listing-sort-search .btn-group .btn[b-22yby7xj5t] {
        font-size: 13px;
        background: transparent;
        box-shadow: inset 0 -1px 0 #00000069, inset 0 1px 0 #ffffff1f;
        user-select: none;
        cursor: pointer;
        border: 1px solid #552da6;
    }

        .listing-sort-search .btn-group .btn:first-child[b-22yby7xj5t] {
            border-radius: 20px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .listing-sort-search .btn-group .btn:not(:first-child)[b-22yby7xj5t] {
            border-radius: 20px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .listing-sort-search .btn-group .dropdown-menu[b-22yby7xj5t] {
        top: 26px;
        box-shadow: inset 0 1px 0 #ffffff1f, 0 6px 0 #552da6, inset 0 -1px 0 #ffffff1f, 0 13px 18px -12px #000;
        background: #653bba;
        border: 1px solid #552da6;
    }

        .listing-sort-search .btn-group .dropdown-menu .dropdown-item[b-22yby7xj5t] {
            font-size: 13px;
            color: white;
        }

            .listing-sort-search .btn-group .dropdown-menu .dropdown-item:hover[b-22yby7xj5t] {
                background: #552da6;
            }

.listing-collection-search[b-22yby7xj5t] {
    width: max-content;
    align-self: center;
    margin-top: 5px;
}

    .listing-collection-search .btn-group[b-22yby7xj5t] {
        width: 100%;
    }

    .listing-collection-search .btn-group .btn[b-22yby7xj5t] {
        font-size: 13px;
        background: transparent;
        box-shadow: inset 0 -1px 0 #00000069, inset 0 1px 0 #ffffff1f;
        user-select: none;
        cursor: pointer;
        border: 1px solid #552da6;
    }

        .listing-collection-search .btn-group .btn:first-child[b-22yby7xj5t] {
            border-radius: 20px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .listing-collection-search .btn-group .btn:not(:first-child)[b-22yby7xj5t] {
            border-radius: 20px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .listing-collection-search .btn-group .dropdown-menu[b-22yby7xj5t] {
        top: 26px;
        box-shadow: inset 0 1px 0 #ffffff1f, 0 6px 0 #552da6, inset 0 -1px 0 #ffffff1f, 0 13px 18px -12px #000;
        background: #653bba;
        border: 1px solid #552da6;
    }

        .listing-collection-search .btn-group .dropdown-menu .dropdown-item[b-22yby7xj5t] {
            font-size: 13px;
            color: white;
        }

            .listing-collection-search .btn-group .dropdown-menu .dropdown-item:hover[b-22yby7xj5t] {
                background: #552da6;
            }

.listing-alphabetical-search[b-22yby7xj5t] {
    width: max-content;
    align-self: center;
    margin-top: 5px;
}

    .listing-alphabetical-search .btn-group[b-22yby7xj5t] {
        width: 100%;
    }

    .listing-alphabetical-search .btn-group .btn[b-22yby7xj5t] {
        font-size: 13px;
        background: transparent;
        box-shadow: inset 0 -1px 0 #00000069, inset 0 1px 0 #ffffff1f;
        user-select: none;
        cursor: pointer;
        border: 1px solid #552da6;
    }

        .listing-alphabetical-search .btn-group .btn:first-child[b-22yby7xj5t] {
            border-radius: 20px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .listing-alphabetical-search .btn-group .btn:not(:first-child)[b-22yby7xj5t] {
            border-radius: 20px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .listing-alphabetical-search .btn-group .dropdown-menu[b-22yby7xj5t] {
        top: 26px;
        box-shadow: inset 0 1px 0 #ffffff1f, 0 6px 0 #552da6, inset 0 -1px 0 #ffffff1f, 0 13px 18px -12px #000;
        background: #653bba;
        border: 1px solid #552da6;
    }

        .listing-alphabetical-search .btn-group .dropdown-menu .dropdown-item[b-22yby7xj5t] {
            font-size: 13px;
            color: white;
        }

            .listing-alphabetical-search .btn-group .dropdown-menu .dropdown-item:hover[b-22yby7xj5t] {
                background: #552da6;
            }
    
    .listing-alphabetical-search ul.dropdown-menu[b-22yby7xj5t] {
        scrollbar-width: thin;
        scrollbar-color: #ffffff transparent;
        max-height: 300px;
        overflow-y: scroll;
    }


    .listing-alphabetical-search ul.dropdown-menu[b-22yby7xj5t]::-webkit-scrollbar {
        width: 16px;
    }

    .listing-alphabeticalul.dropdown-menu[b-22yby7xj5t]::-webkit-scrollbar-track {
        background: transparent;
    }

    .listing-alphabetical ul.dropdown-menu[b-22yby7xj5t]::-webkit-scrollbar-thumb {
        background-color: #ffffff;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }

.badge.badge-information[b-22yby7xj5t] {
    position: absolute;
    right: 20px;
    bottom: 5px;
    height: 26px;
    width: 26px;
    text-align: center;
    display: block;
    border-radius: 100%;
    background: transparent;
    line-height: 22px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    user-select: none;
}

.badge.badge-information img[b-22yby7xj5t] {
    display: inline-block;
    margin: 0 auto;
    width: 14px;
    height: 14px;
    padding: 0;
}

.status-area[b-22yby7xj5t] {
    text-shadow: 0 1px 0 white;
    justify-content: space-between;
    align-items: center;
    margin: 25px 15px 10px;
    padding: 0 0 0 15px;
    background: #efefef;
    border-radius: 12px;
    font-size: 13px;
}

#statusCount[b-22yby7xj5t]  #clearFiltersBtn {
    color: red;
    cursor: pointer;
}

#activeWallet[b-22yby7xj5t] {
    display: block;
    border: none;
    border-radius: 0 12px 12px 0;
    margin: 0;
    font-size: 13px;
    background: #673AB7;
    color: white;
    text-shadow: none;
    padding: 5px 10px;
    line-height: 14px;
    align-items: center;
    box-shadow: inset 12px 0 9px -10px black;
}

    #activeWallet[b-22yby7xj5t]  .text-muted {
        font-weight: bold;
        color: #ffffffb8 !important;
    }

    #activeWallet[b-22yby7xj5t]  a {
        color: gold;
        text-decoration: none
    }

    #activeWallet[b-22yby7xj5t]  img {
        display: block;
        height: 28px;
        width: 28px;
        background: white;
        border-radius: 6px;
        margin: 3px 5px 3px 0;
    }

    #activeWallet.not-connected[b-22yby7xj5t] {
        background: #444;
    }

@media (max-width: 768px) {
    .bg-primary[b-22yby7xj5t] {
        min-height: 280px;
    }

    .hero .img[b-22yby7xj5t] {
        margin: 64px 0 0;
    }

    .listing-alphabetical-search ol[b-22yby7xj5t] {
        margin: 15px 0;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 4px;
    }

    [b-22yby7xj5t] .card-img-top {
        height: auto;
    }

    [b-22yby7xj5t] .card-img {
        width: 100%;
        height: auto;
    }

    /*::deep .card-goo .card-img-top {
        height: 232px;
    }

    ::deep .card-goo .card-img {
        height: calc(100% + 12px);
        width: calc(100% + 13px);
    }
*/
    [b-22yby7xj5t] .list-group .list-group-item:first-child {
        min-height: 66px;
    }

    .filter-area[b-22yby7xj5t] {
        border-radius: 46px 46px 0 0;
        padding-bottom: 0;
    }

    .status-area[b-22yby7xj5t] {
        margin: 0 0 10px 0;
        border-radius: 0 0 12px 12px;
    }

        .status-area #activeWallet[b-22yby7xj5t] {
            border-radius: 0 0 12px 0;
        }
}
/* _content/series2-microsite/Pages/Minis.cshtml.rz.scp.css */
.background-pink-gradient[b-wmplffppyw],
.background-pink-gradient[b-wmplffppyw]::after {
  background: linear-gradient(
    45deg,
    #de628d 1.49%,
    #ab5891 52.33%,
    #594797 174.22%
  );
}

.background-pink[b-wmplffppyw]::after {
  background: #de628d;
}

.background-green[b-wmplffppyw]::after {
  background: #4ca884;
}

.background-purple[b-wmplffppyw]::after {
  background: #594797;
}

.background-shine[b-wmplffppyw] {
  background: url(https://media.veefriends.com/image/upload/v1697068007/veefriends/specials/www/minis/background-shine.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
}

.title[b-wmplffppyw] {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 415px;
  width: auto;
  position: relative;
  top: 45px;
}

.body[b-wmplffppyw] {
  font-size: 18px;
  line-height: 26px;
  font-weight: bolder;
}

.title + .body[b-wmplffppyw] {
  padding: 80px 15px 0;
}

.body a[b-wmplffppyw] {
  color: #ffe400;
  text-decoration: underline;
  font-size: 18px;
  line-height: 26px;
  font-weight: bolder;
}

.border-bottom[b-wmplffppyw] {
  border-bottom: 10px solid white !important;
}

.border-top[b-wmplffppyw] {
  border-top: 10px solid white !important;
}

.diagonal[b-wmplffppyw] {
  position: relative;
  isolation: isolate;
}

.diagonal[b-wmplffppyw]::after {
  content: " ";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-top: 10px solid white;
  /*transform: skewY(-5deg)*/
}

.diagonal.alt[b-wmplffppyw]::after {
  /*transform: skewY(5deg)*/
}

.video-frame[b-wmplffppyw] {
  border-radius: 30px;
  overflow: hidden;
  border: 10px solid #5d152a;
  background: #5d152a;
}

[b-wmplffppyw] .video-frame .video-container {
  border-radius: 20px;
  overflow: hidden;
  background: #5d152a;
}

[b-wmplffppyw] .character-name {
  background: black;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 47px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  text-align: center;
}

.season-name[b-wmplffppyw] {
  background: black;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 47px;
  text-decoration: none;
  display: inline-block;
  font-size: 42px;
  text-align: center;
  font-family: obviously-narrow, sans-serif !important;
}

/* _content/series2-microsite/Pages/MMITM-post.cshtml.rz.scp.css */
.hero[b-jvwkfdzcl2] {
    padding: 0px 0px 0px 0px;
    max-height: 898px;
    background-color: black;
    height: fit-content;
}

.white[b-jvwkfdzcl2] {
    background-color: white !important;
}

.hero-logo[b-jvwkfdzcl2] {
    top: 65px
}

.hero-frame[b-jvwkfdzcl2] {
    mix-blend-mode: overlay;
    left: 0;
    width: 100%;
    top: 0;
}

.hero-static[b-jvwkfdzcl2] {
    max-height: 898px;
}

.activities[b-jvwkfdzcl2] {
    background-color: #6EB961;
}

.card[b-jvwkfdzcl2] {
    width: 632px;
    min-height: 300px;
}

.pre-order[b-jvwkfdzcl2] {
    width: 300px;
    margin-left: 200px;
}

.wide[b-jvwkfdzcl2] {
    max-width: 1750px;
}

.print-headline[b-jvwkfdzcl2] {
    color: #FFFFFF;
    text-align: center;
    font-family: Obviously;
    font-size: 36.57px;
    font-style: normal;
    font-weight: 570;
    line-height: 106%; /* 38.764px */
    padding-top: 3rem;
}


.bio[b-jvwkfdzcl2] {
    font-size: 20px !important;
}

.cta-headline[b-jvwkfdzcl2] {
    color: #000;
    text-align: center;
    font-family: Obviously;
    font-size: 36.57px;
    font-style: normal;
    font-weight: 570;
    line-height: 106%; /* 38.764px */
    text-transform: uppercase;
}

.intro[b-jvwkfdzcl2] {
    width: 100%;
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1717605037/veefriends/webpages/mmitm-bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.intro-headline[b-jvwkfdzcl2] {
    color: #E3000C;
    text-align: center;
    text-shadow: 4px 4px 0px #000;
    font-family: Obviously;
    font-size: 4em;
    font-style: normal;
    font-weight: 570;
    line-height: 107.387px; /* 132.808% */
}

.intro-text[b-jvwkfdzcl2] {
    color: #000;
    text-align: center;
    font-family: roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 150%; /* 27px */
}

.preorder-link[b-jvwkfdzcl2] {
    border-radius: 10px;
    border: 6px solid #000;
    background: #000;
    box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.50);
    color: #FFF;
    text-align: center;
    font-family: Obviously;
    font-size: 24px;
    font-style: normal;
    font-weight: 470;
    line-height: 100%; /* 24px */
    display: inline-flex;
    height: 78px;
    padding: 27px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    text-decoration: none !important;
}

.all-chars-container[b-jvwkfdzcl2] {
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1717605037/veefriends/webpages/mmitm-street.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    white-space: nowrap;
    height: 735px;
}

.marquee[b-jvwkfdzcl2] {
    display: flex;
}

.marquee-content[b-jvwkfdzcl2] {
    display: flex;
    animation: marquee-b-jvwkfdzcl2 20s linear infinite;
    gap: 150px;
    margin-top: -180px;
}

.image-wrapper[b-jvwkfdzcl2] {
    position: relative;
    width: 400px;
    height: auto;
}

.marquee-image[b-jvwkfdzcl2] {
    width: 400px;
    height: auto;
    display: block;
}

@media(max-width: 691px) {
    .marquee-content[b-jvwkfdzcl2] {
        gap: 0;
        margin-top: 0;
    }

    .marquee-image[b-jvwkfdzcl2] {
        width: 300px;
    }
}

.thought-bubble[b-jvwkfdzcl2] {
    opacity: 0;
    position: absolute;
    top: -150px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-wrap: balance;
}

    .thought-bubble strong[b-jvwkfdzcl2] {
        padding: 0;
        margin: 0;
        font-family: obviously-condensed, sans-serif;
        text-transform: uppercase;
        font-weight: bolder;
        display: block;
        font-size: 24px;
    }

    .thought-bubble p[b-jvwkfdzcl2] {
        padding: 0;
        margin: 0;
        font-size: 14px;
        margin-bottom: 14px;
    }

    .thought-bubble[b-jvwkfdzcl2]::after {
        content: '';
        position: absolute;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 20px;
        border-style: solid;
        border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
    }

.image-wrapper:hover .thought-bubble[b-jvwkfdzcl2] {
    animation: 500ms ease-in-out 0s 1 normal forwards slideFromBottomFadeInBounce-b-jvwkfdzcl2;
}

.card[b-jvwkfdzcl2] {
    min-height: auto;
    border-radius: 24px;
    padding: 8px;
}

    .card img[b-jvwkfdzcl2] {
        border-radius: 16px;
    }

    .card .card-footer[b-jvwkfdzcl2] {
        color: white;
        background-color: white;
        border-top: none;
    }

.download-btn[b-jvwkfdzcl2] {
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    color: black;
    background: #FCE739;
    text-decoration: none;
    border: 2px solid black;
    box-shadow: 2px 2px 0 0px black;
}


@keyframes marquee-b-jvwkfdzcl2 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.marquee-content:has(.marquee-image:hover)[b-jvwkfdzcl2] {
    animation-play-state: paused;
}

.cta-form[b-jvwkfdzcl2] {
    width: 416px;
    margin: 40px auto 0;
    display: block;
}

.main-char-container[b-jvwkfdzcl2] {
    width: 100%;
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1717605037/veefriends/webpages/mmitm-bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    font-style: normal;
    color: black;
}

.main-char-container img[b-jvwkfdzcl2] {
    max-height: 460px;
}

@media only screen and (max-width: 1200px) {
    .main-char-container[b-jvwkfdzcl2] {
        height: auto;
        padding-bottom: 20px;
    }

    .pre-order[b-jvwkfdzcl2] {
        width: 100%;
        margin-left: auto;
    }

    .cover img[b-jvwkfdzcl2] {
        width: -webkit-fill-available;
    }

    .print-headline[b-jvwkfdzcl2] {
        padding-top: 0px;
    }

    .play-button[b-jvwkfdzcl2] {
        width: 100px;
    }

    .card[b-jvwkfdzcl2] {
        text-align: center;
        width: 95%;
    }
}

@media only screen and (max-width: 560px) {
    .intro-headline[b-jvwkfdzcl2] {
        font-size: 3.5em;
        line-height: normal;
    }

    .play-button[b-jvwkfdzcl2] {
        width: 50px;
    }
}

@keyframes slideFromBottomFadeInBounce-b-jvwkfdzcl2 {
    0% {
        transform: translateY(25px) translateX(-50%);
        opacity: 0;
    }

    60% {
        transform: translateY(-10px) translateX(-50%);
        opacity: 1;
    }

    80% {
        transform: translateY(5px) translateX(-50%);
        opacity: 1;
    }

    100% {
        transform: translateY(0) translateX(-50%);
        opacity: 1;
    }
}
/* _content/series2-microsite/Pages/MMITM.cshtml.rz.scp.css */
.hero[b-gu9e5jjshm] {
    padding: 0px 0px 0px 0px;
    max-height: 898px;
    background-color: black;
    height: fit-content;
}

.white[b-gu9e5jjshm] {
    background-color: white !important;
}

.hero-logo[b-gu9e5jjshm] {
    top: 65px
}

.hero-frame[b-gu9e5jjshm] {
    mix-blend-mode: overlay;
    left: 0;
    width: 100%;
    top: 0;
}

.hero-static[b-gu9e5jjshm] {
    max-height: 898px;
}



.pre-order[b-gu9e5jjshm] {
    width: 300px;
    margin-left: 200px;
}

.wide[b-gu9e5jjshm] {
    max-width: 1750px;
}


.print-headline[b-gu9e5jjshm] {
    color: #FFFFFF;
    text-align: center;
    font-family: Obviously;
    font-size: 36.57px;
    font-style: normal;
    font-weight: 570;
    line-height: 106%; /* 38.764px */
    padding-top: 3rem;
}

.cta-headline[b-gu9e5jjshm] {
    color: #000;
    text-align: center;
    font-family: Obviously;
    font-size: 36.57px;
    font-style: normal;
    font-weight: 570;
    line-height: 106%; /* 38.764px */
    text-transform: uppercase;
}

.intro[b-gu9e5jjshm] {
    width: 100%;
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1704471684/veefriends/webpages/mmitm-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.intro-headline[b-gu9e5jjshm] {
    color: #E3000C;
    text-align: center;
    text-shadow: 4px 4px 0px #000;
    font-family: Obviously;
    font-size: 4em;
    font-style: normal;
    font-weight: 570;
    line-height: 107.387px; /* 132.808% */
}

.intro-text[b-gu9e5jjshm] {
    color: #000;
    text-align: center;
    font-family: roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 150%; /* 27px */
}

.preorder-link[b-gu9e5jjshm] {
    border-radius: 10px;
    border: 6px solid #000;
    background: #000;
    box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.50);
    color: #FFF;
    text-align: center;
    font-family: Obviously;
    font-size: 24px;
    font-style: normal;
    font-weight: 470;
    line-height: 100%; /* 24px */
    display: inline-flex;
    height: 78px;
    padding: 27px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    text-decoration: none !important;
}

.cover img[b-gu9e5jjshm] {
    margin-top: -128px;
}

.cta-container[b-gu9e5jjshm] {
    background-color: #FFE400;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    color: black;
}

.cta-form[b-gu9e5jjshm] {
    width: 416px;
    margin: 40px auto 0;
    display: block;
}



.preorder-container[b-gu9e5jjshm] {
    background-color: #00AD83;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 53px;
    font-style: normal;
    font-weight: 700;
    color: black;
    height: 430px;
}


@media only screen and (max-width: 1200px) {
    .preorder-container[b-gu9e5jjshm] {
        height: auto;
        padding-bottom: 20px;
    }

    .pre-order[b-gu9e5jjshm] {
        width: 100%;
        margin-left: auto;
    }

    .cover img[b-gu9e5jjshm] {
        width: -webkit-fill-available;
    }

    .print-headline[b-gu9e5jjshm] {
        padding-top: 0px;
    }

    .play-button[b-gu9e5jjshm] {
        width: 100px;
    }
}


@media only screen and (max-width: 560px) {

    .intro-headline[b-gu9e5jjshm] {
        font-size: 3.5em;
        line-height: normal;
    }

    .play-button[b-gu9e5jjshm] {
        width: 50px;
    }
}
/* _content/series2-microsite/Pages/Newsletter.cshtml.rz.scp.css */
.bg[b-r2yg92w76e] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(/images/v2/hero/green-scratches.png) no-repeat top center fixed;
  background-size: cover;
}

.character[b-r2yg92w76e] {
  left: 50%;
  top: calc(var(--height) / -2);
  margin-left: calc(var(--width) / -2);
  rotate: 180deg;
}
/* _content/series2-microsite/Pages/OrderDetails.cshtml.rz.scp.css */
[b-g4sbufs21x] .bg-primary-light {
    background-color: rgba(240,224,52,0.4);
}

[b-g4sbufs21x] .br-half {
    border-radius: 1.25rem;
}

[b-g4sbufs21x] .token-img-container img {
    height: 3rem;
}

[b-g4sbufs21x] .icon {
    height: 1.5rem;
    width: 1.5rem;
}

[b-g4sbufs21x] .print-icon-border {
    border-radius: 100%;
    border: 2px solid #00AD83;
}

[b-g4sbufs21x] .border-avatar {
    border-radius: 100%;
    border: 2px solid #007b5d;
}

[b-g4sbufs21x] .hover-darken {
    transition: background-color 0.5s ease;
}

    [b-g4sbufs21x] .hover-darken:hover {
        background-color: lightgray;
    }

@media(max-width: 992px) {
    [b-g4sbufs21x] .print-icon-border {
        border: none;
    }
}
/* _content/series2-microsite/Pages/PfpMaker.cshtml.rz.scp.css */
#cropper[b-cpp1mvf5rw] {
    background: red;
}

.card-body[b-cpp1mvf5rw] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

    .card-body > img[b-cpp1mvf5rw] {
        width: 100%;
    }

.card-footer[b-cpp1mvf5rw] {
    padding: 20px 16px;
    border-radius: 0 0 26px 26px;
}

.card-header[b-cpp1mvf5rw] {
    padding: 20px 16px;
    border-radius: 26px 26px 0 0;
    font-weight: 700;
    font-size: 24px;
}

.card[b-cpp1mvf5rw] {
    border-radius: 30px;
}
/* _content/series2-microsite/Pages/PrivacyPolicy.cshtml.rz.scp.css */
.title-area[b-2gjbhysqva],
.title-area[b-2gjbhysqva]  p,
.title-area h1[b-2gjbhysqva],
.title-area h2[b-2gjbhysqva] {
    padding: 0;
    margin: 0;
}

    .title-area[b-2gjbhysqva]  p {
        font-size: 18px;
        line-height: 24px;
        color: #888;
    }

.title-area[b-2gjbhysqva] {
    margin-bottom: 40px;
}

    .title-area h1[b-2gjbhysqva],
    .title-area h2[b-2gjbhysqva] {
        text-transform: uppercase;
    }

ol li[b-2gjbhysqva]  p {
    display: inline;
}

ol li strong[b-2gjbhysqva] {
    text-transform: uppercase;
}

ol li[b-2gjbhysqva] {
    margin-bottom: 30px;
}
/* _content/series2-microsite/Pages/Profile.cshtml.rz.scp.css */
.navbar[b-uph5ohxbt6] {
    box-shadow: none !important;
    padding: 0 !important;
}

    .navbar .nav-item[b-uph5ohxbt6] {
        user-select: none;
    }

    .navbar .navbar-nav[b-uph5ohxbt6] {
        padding-top: 0.5rem;
        padding-left: 1rem;
    }

:deep .br-half[b-uph5ohxbt6] {
    border-radius: 1.25rem;
}

[b-uph5ohxbt6] .right .navbar-nav .show > .nav-link,
[b-uph5ohxbt6] .navbar-nav .nav-link.active {
    background: none;
    border-right: 0.5rem solid #00AD83;
    border-radius: 0;
    color: #00AD83 !important;
}

[b-uph5ohxbt6] .dropdown-toggle::after {
    margin-left: auto;
    align-self: end;
    color: black;
}

[b-uph5ohxbt6] .small {
    font-size: 0.8rem;
}

[b-uph5ohxbt6] .newsletter-switch {
    margin-left: 2rem;
}

[b-uph5ohxbt6] .order-history-pane,
[b-uph5ohxbt6] .login-info-pane,
[b-uph5ohxbt6] .social-connections-pane,
[b-uph5ohxbt6] .wallets-pane,
[b-uph5ohxbt6] .profile-newsletter-pane,
[b-uph5ohxbt6] .support-cases-pane,
[b-uph5ohxbt6] .data-management-pane,
[b-uph5ohxbt6] .collections-pane {
    min-height: 108.125rem;
}

[b-uph5ohxbt6] tr th:first-of-type,
[b-uph5ohxbt6] tr td:first-of-type {
    padding-left: 0;
}

[b-uph5ohxbt6] tr th:last-of-type,
[b-uph5ohxbt6] tr td:last-of-type {
    padding-right: 0;
}

@media(min-width: 576px) {
    [b-uph5ohxbt6] .br-full {
        border-radius: 2.25rem;
    }
}

@media(max-width: 768px) {
    [b-uph5ohxbt6] .title {
        position: absolute;
    }

    [b-uph5ohxbt6] .right {
        flex-direction: row-reverse !important;
        padding-bottom: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    [b-uph5ohxbt6] .row {
        border: none !important;
    }
}

[b-uph5ohxbt6] .tab-pane {
    outline: none !important;
}

[b-uph5ohxbt6] svg.icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

[b-uph5ohxbt6] .active svg.icon {
    fill: var(--green) !important;
}
/* _content/series2-microsite/Pages/Quiz.cshtml.rz.scp.css */
h1[b-r3j7j7wr5m] {
  color: #12110d;
}

h2[b-r3j7j7wr5m] {
  padding-bottom: 10px;
}

h3[b-r3j7j7wr5m] {
  font-size: 48px;
  font-weight: 480;
  line-height: 90%;
}

h6[b-r3j7j7wr5m] {
  font-family: obviously-narrow, sans-serif;
}

p[b-r3j7j7wr5m],
span[b-r3j7j7wr5m] {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.56px;
}

.shadow-box[b-r3j7j7wr5m] {
  border: 1px solid black;
  border-radius: 12px;
  box-shadow: 0px 12px 0px 0px black;
}

.quiz-container[b-r3j7j7wr5m] {
  padding-top: 150px;
  padding-bottom: 170px;
  background: url(https://media.veefriends.com/image/upload/v1730410351/veefriends/v3/assets/heros/radial-shine-overlay.png);
  background-color: #00ad83;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

#start-quiz-right[b-r3j7j7wr5m] {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

#start-quiz-left[b-r3j7j7wr5m] {
  background-color: #d8e6d4;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 24px;
}

#start-quiz-left-text[b-r3j7j7wr5m] {
  margin: 32px;
  padding-right: 54px;
  padding-bottom: 30px;
}

#one-last-step-form[b-r3j7j7wr5m] {
  padding: 32px;
}

#one-last-step-form p[b-r3j7j7wr5m] {
  color: #464d46;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
  margin-bottom: 32px;
}

#one-last-step-left[b-r3j7j7wr5m] {
  background-color: #d8e6d4;
  margin-right: 24px;
  padding: 0;
}

.circle[b-r3j7j7wr5m] {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: block;
  border: 2px solid #838783;
  background: transparent;
  margin-right: 20px;
  position: relative;
  cursor: pointer;
}

/* .hidden-checkbox:checked + label .circle::before {
  content: "✓";
  display: block;
  cursor: pointer;
  background-color: #ffe84c;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 2px solid #838783;
} */

/* .selected-answer {
  background-color: #ffe700;
  color: black;
  border: 2px solid black;
} */

label[b-r3j7j7wr5m] {
  display: flex !important;
  padding: 15px;
  background-color: white;
  color: #838783;
  border-radius: 12px;
  border: 2px solid transparent;
  margin-bottom: 5px;
  align-items: center;
  min-width: 100%;
  cursor: pointer;
}

/* label.answer:hover .circle::before {
  content: "✓";
  display: block;
  cursor: pointer;
  opacity: 0.3;
  color: black;
  background-color: #ffe84c;
  border: 2px solid black;
  background-color: black;
  border-radius: 50%;
} */

label.answer:hover[b-r3j7j7wr5m] {
  color: black;
  background-color: #ffe700;
  border: 2px solid black;
}

label.answer:hover .circle[b-r3j7j7wr5m] {
  border: 2px solid black;
  background: black;
}

.hidden-checkbox:checked + label .circle[b-r3j7j7wr5m] {
  border: 2px solid black;
  background: black;
}

.hidden-checkbox:checked + label[b-r3j7j7wr5m] {
  color: black;
  background-color: #ffe700;
  border: 2px solid black;
}

.hidden-checkbox[b-r3j7j7wr5m] {
  display: none;
}

.back-next-btn[b-r3j7j7wr5m] {
  border-top: 1px solid #12110d;
  background-color: white;
  cursor: pointer;
  padding-top: 12px;
  padding-bottom: 20px;
}

.back-next-btn:hover[b-r3j7j7wr5m] {
  background-color: #ffe700;
}

[b-r3j7j7wr5m] input.form-control:not(.rounded-pill),
[b-r3j7j7wr5m] select.form-select:not(.rounded-pill),
[b-r3j7j7wr5m] textarea.form-control:not(.rounded-pill) {
  border-bottom: 2px #00ad83 solid !important;
}

.yellow-btn[b-r3j7j7wr5m] {
  width: 100%;
  color: #12110d;
  background-color: #ffe700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 18px;
  padding-bottom: 24px;
  padding-left: 32px;
  padding-right: 32px;
  cursor: pointer;
  border-top: 1px solid #12110d;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.btn-text[b-r3j7j7wr5m] {
  margin: 0;
  font-size: 24px;
  line-height: 90%;
  font-weight: 480;
  color: #12110d;
}

.question-container[b-r3j7j7wr5m] {
  width: 100%;
}

.question-box[b-r3j7j7wr5m] {
  background-color: black;
  color: white;
  border-radius: 12px;
  padding: 15px;
  margin-bottom: 5px;
}

.contact-info[b-r3j7j7wr5m] {
  max-width: 431px;
}

a[b-r3j7j7wr5m] {
  color: black !important;
}

.slides[b-r3j7j7wr5m] {
  border-radius: 12px;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.slide[b-r3j7j7wr5m] {
  padding-bottom: 12px;
  width: 50%;
}

#quiz-section[b-r3j7j7wr5m] {
  display: none;
}

[b-r3j7j7wr5m] .form-floating {
  background-color: white !important;
  border-radius: 12px;
}

[b-r3j7j7wr5m] .was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label[b-r3j7j7wr5m] {
  color: white !important;
  border-radius: 12px;
}

[b-r3j7j7wr5m] .was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label[b-r3j7j7wr5m] {
  color: white !important;
  border-radius: 12px;
}

[b-r3j7j7wr5m] .was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked[b-r3j7j7wr5m] {
  background-color: #ffffff57 !important;
}

[b-r3j7j7wr5m] .invalid-feedback {
  border-radius: 12px;
}

.slide[b-r3j7j7wr5m] {
  position: relative;
  transition: transform 0.5s ease;
  display: none;
}

.slide.slide-enter-active[b-r3j7j7wr5m],
.slide.slide-exit-active[b-r3j7j7wr5m],
.slide-back-enter-active[b-r3j7j7wr5m],
.slide-back-exit-active[b-r3j7j7wr5m] {
  display: block;
}

/* Slide animations for forward (Next button) */
.slide-enter-active[b-r3j7j7wr5m] {
  animation: slide-in-b-r3j7j7wr5m 0.3s forwards;
}

.slide-exit-active[b-r3j7j7wr5m] {
  animation: slide-out-b-r3j7j7wr5m 0.3s forwards;
}

/* Slide animations for backward (Back button) */
.slide-back-enter-active[b-r3j7j7wr5m] {
  animation: slide-in-back-b-r3j7j7wr5m 0.3s forwards;
}

.slide-back-exit-active[b-r3j7j7wr5m] {
  animation: slide-out-back-b-r3j7j7wr5m 0.3s forwards;
}

/* Keyframes for forward animations */
@keyframes slide-out-b-r3j7j7wr5m {
  to {
    transform: translateX(-250%);
  }

  from {
    transform: translateX(0);
  }
}

@keyframes slide-in-b-r3j7j7wr5m {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

/* Keyframes for backward animations */
@keyframes slide-out-back-b-r3j7j7wr5m {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(250%); /* Move to the right*/
  }
}

@keyframes slide-in-back-b-r3j7j7wr5m {
  from {
    transform: translateX(-100%); /* Starts from the left */
  }
  to {
    transform: translateX(0); /* Ends at the center */
  }
}

@media (max-width: 440px) {
  .quiz-container[b-r3j7j7wr5m] {
    padding-bottom: 50px;
  }

  /* Quiz Intro */
  #start-quiz-intro .col-lg-4[b-r3j7j7wr5m],
  #start-quiz-intro .col-sm-6[b-r3j7j7wr5m] {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-right: 0 !important;
    margin-bottom: 24px !important;
  }

  #start-quiz-left[b-r3j7j7wr5m] {
    margin-right: 0 !important;
  }

  #start-quiz-left-text[b-r3j7j7wr5m] {
    padding: 0 !important;
  }

  #start-quiz-left-text div[b-r3j7j7wr5m] {
    padding-right: 0 !important;
  }

  #quiz-intro h3[b-r3j7j7wr5m] {
    font-size: 32px;
    margin-bottom: 16px;
  }

  #quiz-intro h3 span[b-r3j7j7wr5m] {
    font-size: 32px !important;
  }

  #quiz-intro p[b-r3j7j7wr5m] {
    font-size: 16px !important;
  }

  /* Question Slide */
  #quiz-section[b-r3j7j7wr5m] {
    padding-bottom: 82px;
  }

  #quiz-section .slides[b-r3j7j7wr5m] {
    flex-direction: column;
    align-items: center;
    padding: 0 10px;
  }

  #quiz-section .slide[b-r3j7j7wr5m] {
    width: 100% !important;
  }

  /* One Last Step */
  #one-last-step-left[b-r3j7j7wr5m] {
    margin-right: 0px;
    margin-bottom: 24px;
  }

  #one-last-step-left h3[b-r3j7j7wr5m] {
    font-size: 32px;
  }

  #one-last-step-left p[b-r3j7j7wr5m] {
    font-size: 16px;
  }

  #one-last-step-form[b-r3j7j7wr5m] {
    padding: 24px;
  }

  #one-last-step .row[b-r3j7j7wr5m] {
    flex-direction: column;
    align-items: center;
  }

  .contact-info[b-r3j7j7wr5m] {
    width: 100%;
    margin: 0;
    padding: 16px;
    box-sizing: border-box;
  }
}

@media (min-width: 441px) and (max-width: 1350px) {
  .quiz-container[b-r3j7j7wr5m] {
    padding-bottom: 100px;
  }

  /* Quiz Intro */
  #start-quiz-left[b-r3j7j7wr5m] {
    flex: 1 1 45%;
    margin-right: 20px;
  }

  #start-quiz-left-text[b-r3j7j7wr5m] {
    margin: 24px;
    padding-right: 30px;
    padding-bottom: 20px;
  }

  #start-quiz-left h3[b-r3j7j7wr5m] {
    font-size: 36px;
  }

  #start-quiz-left h3 span[b-r3j7j7wr5m] {
    font-size: 36px !important;
  }

  #start-quiz-btn[b-r3j7j7wr5m] {
    padding: 24px 30px !important;
  }

  #start-quiz-btn h6[b-r3j7j7wr5m] {
    font-size: 20px;
  }

  #start-quiz-right[b-r3j7j7wr5m] {
    flex: 1 1 45%;
    padding: 0;
  }

  #start-quiz-right img[b-r3j7j7wr5m] {
    border-radius: 8px;
    object-fit: cover;
    width: 100%;
    height: auto;
  }

  /* Question Slide */
  #quiz-section[b-r3j7j7wr5m] {
    padding-bottom: 82px;
  }

  #quiz-section .slides[b-r3j7j7wr5m] {
    flex-direction: column;
    align-items: center;
    padding: 0 10px;
  }

  #quiz-section .slide[b-r3j7j7wr5m] {
    width: 100% !important;
  }

  #question-slide[b-r3j7j7wr5m] {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* One Last Step */
  #one-last-step-left[b-r3j7j7wr5m] {
    flex: 1 1 45%;
    margin-right: 24px;
  }

  #one-last-step-right[b-r3j7j7wr5m] {
    flex: 1 1 45%;
  }
}

@media (min-width: 440px) {
  [b-r3j7j7wr5m] .form-switch .form-check-input {
    margin-left: -2.1em !important;
  }
}

.disabled-btn[b-r3j7j7wr5m] {
    background-color: #cccccc !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}

.disabled-btn:hover[b-r3j7j7wr5m] {
    background-color: #cccccc !important;
}

@keyframes spin-b-r3j7j7wr5m {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

[b-r3j7j7wr5m] .loading-spinner {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid rgba(18, 17, 13, 0.25);
    border-radius: 50%;
    border-top: 3px solid #12110d;
    animation: spin-b-r3j7j7wr5m 0.8s linear infinite;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

[b-r3j7j7wr5m] .disabled-btn .loading-spinner {
    border: 3px solid rgba(18, 17, 13, 0.15);
    border-top: 3px solid rgba(18, 17, 13, 0.5);
}
/* _content/series2-microsite/Pages/QuizSubmission.cshtml.rz.scp.css */
h1[b-w83x8qyq60],
h2[b-w83x8qyq60],
h3[b-w83x8qyq60],
h4[b-w83x8qyq60],
h5[b-w83x8qyq60],
h6[b-w83x8qyq60] {
  font-family: obviously-narrow, sans-serif;
}

h2[b-w83x8qyq60] {
  padding-bottom: 10px;
}

h3[b-w83x8qyq60],
h4[b-w83x8qyq60] {
  font-size: 48px;
  font-weight: 480;
  line-height: 90%;
}

h5[b-w83x8qyq60] {
  font-size: 24px;
  font-weight: 480;
  line-height: 110%;
}

h6[b-w83x8qyq60] {
  font-size: 20px;
  font-weight: 480;
  line-height: 90%;
}

p[b-w83x8qyq60] {
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.32px;
  color: #444d45;
}

a[b-w83x8qyq60] {
  text-decoration: none;
}

.light-green-bg[b-w83x8qyq60] {
  background-color: #d8e6d4;
}

/* Shop and Discover Section */
.shop-discover-container[b-w83x8qyq60] {
  padding-top: 100px;
  padding-bottom: 120px;
}

.shop-discover-right[b-w83x8qyq60] {
  border-left: 1px solid black;
  padding: 24px;
}

#discover-character-img[b-w83x8qyq60] {
  width: 100%;
  max-width: 500px;
  height: auto;
}

#discover-img-div[b-w83x8qyq60] {
  background: #00ad83;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#shop-character-img[b-w83x8qyq60] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* Cart and Order Form */
.user-form-div[b-w83x8qyq60] {
  padding-left: 0;
  padding-right: 0;
}

.your-cart-div[b-w83x8qyq60] {
  padding-left: 0;
  padding-right: 0;
  margin-left: 24px;
}

.your-cart-heading[b-w83x8qyq60] {
  background-color: black;
  color: white;
  display: flex;
  align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 16px 32px 22px 32px;
}

.get-your-hoodie-btn[b-w83x8qyq60] {
  color: #12110d;
  background-color: #ffe700;
  border-top: 1px solid black;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  margin-top: 32px;
  padding: 25px 32px;
  cursor: pointer;
}

.shadow-box[b-w83x8qyq60] {
  border: 1px solid black;
  border-radius: 12px;
  box-shadow: 0px 12px 0px 0px black;
}

.results-container[b-w83x8qyq60] {
  padding-top: 150px;
  padding-bottom: 150px;
  background: url(https://media.veefriends.com/image/upload/v1730410351/veefriends/v3/assets/heros/radial-shine-overlay.png);
  background-color: #00ad83;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.yellow-btn[b-w83x8qyq60] {
  width: 100%;
  color: #12110d;
  background-color: #ffe700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 24px;
  padding-left: 32px;
  padding-right: 32px;
  cursor: pointer;
  border-top: 1px solid #12110d;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.btn-text[b-w83x8qyq60] {
  margin: 0;
  font-size: 24px;
  line-height: 90%;
  font-weight: 480;
  color: black;
}

.quote-text[b-w83x8qyq60] {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.56px;
  background-color: #00b37c;
  color: white;
  border: 1px solid #00b37c;
  border-radius: 12px;
  padding: 6px 12px;
  text-transform: uppercase;
}

.catch-phrase-div[b-w83x8qyq60] {
  margin-top: 35px;
  position: relative;
  padding-top: 25px;
}

.catch-phrase[b-w83x8qyq60] {
  border: 2px solid #00b080;
  box-shadow: 0px 4px 0px 0px #00b080;
  background-color: white;
  color: #00b080;
  border-radius: 12px;
  padding: 18px;
  text-align: left;
}

.shadow-box[b-w83x8qyq60] {
  border: 1px solid black;
  border-radius: 12px;
  box-shadow: 0px 6px 0px 0px black;
  background-color: #d8e6d4;
}

.small-yellow-btn[b-w83x8qyq60] {
  background-color: #ffe700;
  border-radius: 6px;
  box-shadow: 3px 3px 0px 0px black;
  margin-bottom: 0;
}

.question-wrapper[b-w83x8qyq60] {
  display: flex;
  justify-content: center;
}

[b-w83x8qyq60] .form-floating {
  background-color: white !important;
  border-radius: 6px;
}

[b-w83x8qyq60] .was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label[b-w83x8qyq60] {
  color: white !important;
  border-radius: 6px;
}

[b-w83x8qyq60] .was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label[b-w83x8qyq60] {
  color: white !important;
  border-radius: 6px;
}

[b-w83x8qyq60] .was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked[b-w83x8qyq60] {
  background-color: #ffffff57 !important;
}

[b-w83x8qyq60] .invalid-feedback {
  border-radius: 6px;
}

.hero-flex[b-w83x8qyq60] {
  flex-direction: column;
  justify-content: center;
}

.shirt[b-w83x8qyq60] {
  place-content: center;
}
*/ .mobile[b-w83x8qyq60] {
  display: none;
}

.desktop[b-w83x8qyq60] {
  display: contents;
}

@media (max-width: 750px) {
  .results-container[b-w83x8qyq60] {
    display: flex;
    flex-direction: column;
  }

  .mobile[b-w83x8qyq60] {
    display: contents;
    text-align-last: center !important;
  }

  .desktop[b-w83x8qyq60] {
    display: none;
  }
}

@media (max-width: 440px) {
  .results-container[b-w83x8qyq60] {
    padding-bottom: 0;
  }

  /* Cart Section */
  .cart-div[b-w83x8qyq60] {
    padding-bottom: 150px;
    padding-left: 24px;
    padding-right: 24px;
  }

  #cart-container[b-w83x8qyq60] {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
  }

  .your-cart-div[b-w83x8qyq60] {
    margin-left: 0;
    margin-top: 24px;
  }

  /* Shop and Discover Section */
  .shop-discover-container[b-w83x8qyq60] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .shop-discover-right[b-w83x8qyq60] {
    border-left: 0;
  }

  #shop-character-img[b-w83x8qyq60] {
    border-bottom-left-radius: 0px;
  }

  .character-img[b-w83x8qyq60] {
    margin: 20px auto;
    padding: 10px;
  }
}

@media (min-width: 441px) and (max-width: 1350px) {
  #character-left[b-w83x8qyq60] {
    flex: 1 1 45%;
    margin-right: 20px;
  }

  #character-right[b-w83x8qyq60] {
    flex: 1 1 45%;
    padding: 0;
  }
  /* Cart Section */
  #cart-container[b-w83x8qyq60] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .your-cart-div[b-w83x8qyq60] {
    margin-left: 0;
    width: 100%;
  }

  .user-form-div[b-w83x8qyq60] {
    width: 100%;
    margin-bottom: 24px;
  }

  /* Shop and Discover Section */
  .shop-discover-right[b-w83x8qyq60] {
    border-left: 0;
  }

  #shop-character-img[b-w83x8qyq60],
  #discover-img-div[b-w83x8qyq60] {
    border-bottom-left-radius: 0px;
  }

  .shop-discover[b-w83x8qyq60] {
    flex: 0 0 80%;
    margin: 1%;
  }
}

@media (max-width: 768px) {
  .shop-discover-right[b-w83x8qyq60] {
    border-left: 0;
  }

  #shop-character-img[b-w83x8qyq60],
  #discover-img-div[b-w83x8qyq60] {
    border-bottom-left-radius: 0px;
  }
}

@media (min-width: 441px) and (max-width: 880px) {
  #character-left[b-w83x8qyq60] {
    flex: 1 1 48%;
    margin-right: 20px;
  }

  #character-right[b-w83x8qyq60] {
    flex: 1 1 48%;
    padding: 0;
  }
}

.disabled-btn[b-w83x8qyq60] {
  background-color: #cccccc !important;
  cursor: not-allowed !important;
  opacity: 0.7;
}

.disabled-btn:hover[b-w83x8qyq60] {
  background-color: #cccccc !important;
}

@keyframes spin-b-w83x8qyq60 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

[b-w83x8qyq60] .loading-spinner {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 3px solid rgba(18, 17, 13, 0.25);
  border-radius: 50%;
  border-top: 3px solid #12110d;
  animation: spin-b-w83x8qyq60 0.8s linear infinite;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: middle;
}

[b-w83x8qyq60] .disabled-btn .loading-spinner {
  border: 3px solid rgba(18, 17, 13, 0.15);
  border-top: 3px solid rgba(18, 17, 13, 0.5);
}
/* _content/series2-microsite/Pages/QuizThankYou.cshtml.rz.scp.css */
h1[b-0x9vuf5po1],
h2[b-0x9vuf5po1],
h3[b-0x9vuf5po1],
h4[b-0x9vuf5po1],
h5[b-0x9vuf5po1],
h6[b-0x9vuf5po1] {
  font-family: obviously-narrow, sans-serif;
}

h4[b-0x9vuf5po1] {
  font-size: 48px;
  font-weight: 480;
  line-height: 90%;
}

h5[b-0x9vuf5po1] {
  font-size: 32px;
  font-weight: 480;
  line-height: 90%;
}

h6[b-0x9vuf5po1] {
  font-size: 20px;
  font-weight: 480;
  line-height: 90%;
}

.light-green-bg[b-0x9vuf5po1] {
  background-color: #d8e6d4;
}

.thank-you-container[b-0x9vuf5po1] {
  padding-top: 150px;
  padding-bottom: 150px;
  background: url(https://media.veefriends.com/image/upload/v1730410351/veefriends/v3/assets/heros/radial-shine-overlay.png);
  background-color: #00ad83;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.shadow-box[b-0x9vuf5po1] {
  border: 1px solid black;
  border-radius: 12px;
  box-shadow: 0px 12px 0px 0px black;
}

.share-results-btn[b-0x9vuf5po1] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #ffe84c;
  color: #12110d;
  border-top: 1px solid black;
  padding: 24px 32px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.small-yellow-btn[b-0x9vuf5po1] {
  background-color: #ffe84c;
  border-radius: 6px;
  box-shadow: 3px 3px 0px 0px black;
  margin-bottom: 0;
}

/* Shop and Discover Character Section */
.shop-discover-container[b-0x9vuf5po1] {
  padding-top: 100px;
  padding-bottom: 120px;
}

#shop-character-img[b-0x9vuf5po1] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#discover-character-img[b-0x9vuf5po1] {
  width: 100%;
  max-width: 500px;
  height: auto;
}

.shop-discover-right[b-0x9vuf5po1] {
  border-left: 1px solid black;
  padding: 24px;
}

#discover-img-div[b-0x9vuf5po1] {
  background: #00ad83;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

@media (max-width: 440px) {
  .thank-you-container[b-0x9vuf5po1] {
    padding-bottom: 0;
  }

  .shop-discover-container[b-0x9vuf5po1] {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .character-img[b-0x9vuf5po1] {
    margin: 20px auto;
    padding: 10px;
  }

  .shop-discover-right[b-0x9vuf5po1] {
    border-left: 0;
  }

  #shop-character-img[b-0x9vuf5po1] {
    border-bottom-left-radius: 0px;
  }
}

@media (min-width: 441px) and (max-width: 1350px) {
  #thank-you-left[b-0x9vuf5po1] {
    flex: 1 1 45%;
    margin-right: 20px;
  }

  #thank-you-right[b-0x9vuf5po1] {
    flex: 1 1 45%;
    padding: 0;
  }

  .shop-discover-right[b-0x9vuf5po1] {
    border-left: 0;
  }

  #shop-character-img[b-0x9vuf5po1],
  #discover-img-div[b-0x9vuf5po1] {
    border-bottom-left-radius: 0px;
  }

  .shop-discover[b-0x9vuf5po1] {
    flex: 0 0 80%;
    margin: 1%;
  }
}

@media (max-width: 768px) {
  .shop-discover-right[b-0x9vuf5po1] {
    border-left: 0;
  }

  #shop-character-img[b-0x9vuf5po1],
  #discover-img-div[b-0x9vuf5po1] {
    border-bottom-left-radius: 0px;
  }
}

/* _content/series2-microsite/Pages/S1AccessEvents.cshtml.rz.scp.css */
.slide-wrapper[b-nlzsvghwqv] {
    max-height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}

[b-nlzsvghwqv] .panel {
    scroll-snap-align: start;
}
/* _content/series2-microsite/Pages/SDCC.cshtml.rz.scp.css */
.alert[b-kt4pldc6jb] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-kt4pldc6jb] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }


.form-input-wrapper[b-kt4pldc6jb] {
  width: 100%;
  max-width: 800px;
  text-align: left;
}

  .form-input-wrapper[b-kt4pldc6jb]  input.form-control, [b-kt4pldc6jb] textarea {
    background-color: #111 !important;
    border: 2px solid #222;
    border-radius: 30px;
    color: #fff;
    text-align: left;
  }

  [b-kt4pldc6jb] textarea {
      color: #fff !important;
  }

  .form-input-wrapper[b-kt4pldc6jb]  label.form-label::after,
  .form-input-wrapper[b-kt4pldc6jb]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
    text-align: left;
  }

[b-kt4pldc6jb] .label-small {
  font-size: 10px !important;
}


@media (max-width: 768px) {
  .form-parts[b-kt4pldc6jb] {
    flex-direction: column;
    align-items: center;
  }
}
/* _content/series2-microsite/Pages/Shared/_Auth.cshtml.rz.scp.css */
[b-g1m8p67r7q] {
    --offset: 120px;
    --green: #00ad83;
    --yellow: #f8e02b;
    --red: #ba1d2c;
    --width: 354px;
    --widthPadding: calc(var(--width) + var(--offset));
    --gray: #c4f1e6;
    --darkGreen: #00684f;
}

*[b-g1m8p67r7q] {
    scrollbar-width: auto;
    scrollbar-color: var(--darkGreen) var(--green);
}

    *[b-g1m8p67r7q]::-webkit-scrollbar {
        width: 16px;
    }

    *[b-g1m8p67r7q]::-webkit-scrollbar-track {
        background: var(--green);
    }

    *[b-g1m8p67r7q]::-webkit-scrollbar-thumb {
        background-color: var(--darkGreen);
        border-radius: 10px;
        border: 3px solid var(--green);
    }

.wrapper[b-g1m8p67r7q] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: var(--green);
    z-index: 0;
    overflow-y: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#loader[b-g1m8p67r7q] {
    height: 300px;
    width: 300px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: calc(300px / -2);
    margin-top: calc(300px / -2);
    text-align: center;
    user-select: none;
    pointer-events: none;
}

#api[b-g1m8p67r7q] {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-200px);
    transition: all 500ms 0s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    width: var(--widthPadding);
    margin-top: 60px;
}

    #api.visible[b-g1m8p67r7q] {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    #api .container-fluid[b-g1m8p67r7q] {
        border-radius: 30px;
        background: #fff;
        box-shadow: var(--shadow-elevation-high);
        padding: calc(var(--offset)/2) 0;
        margin-bottom: 60px;
    }

[b-g1m8p67r7q] .loaderScreen {
    height: calc(100% - 60px);
    width: 100%;
    background: #ffffff85;
    position: absolute;
    border-radius: 30px;
    display: none;
    z-index: 11;
}
/* _content/series2-microsite/Pages/Shared/_BurnIslandEruptionsPartial.cshtml.rz.scp.css */
.bg-cave-bottom[b-pnqupwlep9] {
  padding-top: 430px;
  background: linear-gradient(#376e90, 95%, #8e5ca2);
}

.bg-sunset[b-pnqupwlep9] {
  background: linear-gradient(180deg, rgba(238, 115, 41, 0.9) 0%, rgba(246, 163, 35, 0.9) 100%);
  border-radius: 20px;
}

.no-eruption-tree[b-pnqupwlep9] {
  position: absolute;
  width: 10rem;
  bottom: 0;
  left: -10%;
}

.text-burn-pink[b-pnqupwlep9] {
  color: #952844;
}

.px-container[b-pnqupwlep9] {
  padding-right: 5rem;
  padding-left: 5rem;
}

.treasure-card[b-pnqupwlep9] {
  height: 350px;
}


.intro-logo[b-pnqupwlep9] {
  width: 720px;
  margin: 0 auto;
  display: block;
  position: absolute;
  z-index: 1;
  margin-top: -100px;
}

.card-date[b-pnqupwlep9] {
  width: 80px;
  height: 80px;
  left: 18px;
  top: 19px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  position: absolute;
}

.card-date__month[b-pnqupwlep9],
.card-date__day[b-pnqupwlep9] {
  font-family: obviously-condensed, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  color: white;
}

.card-date__month[b-pnqupwlep9] {
  top: -10px;
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 7px;
}

.card-body__icon[b-pnqupwlep9] {
  border-radius: 100%;
  position: absolute;
  top: -38px;
  right: 35px;
  background: white;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 42px;
}

  .card-body__icon svg[b-pnqupwlep9] {
    width: 36px;
    height: 36px;
  }

  .card-body__icon p[b-pnqupwlep9] {
    font-family: obviously-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    margin-top: 13px;
    margin-left: 2px;
  }


.treasure-card-body__icon[b-pnqupwlep9] {
  border-radius: 100%;
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  width: 65px;
  height: 65px;
  text-align: center;
  line-height: 42px;
}

  .treasure-card-body__icon svg[b-pnqupwlep9] {
    width: 36px;
    height: 36px;
  }

  .treasure-card-body__icon span[b-pnqupwlep9] {
    font-family: obviously-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: -10px;
    margin-top: -8px;
    text-transform: uppercase;
  }

.bg-treasue-open[b-pnqupwlep9] {
  background-color: #EED270;
  background: linear-gradient(180deg, #EED270 0%, #D27847 100%);
}

.bg-treasue-closed[b-pnqupwlep9] {
  background-color: #DB562E;
  background: linear-gradient(180deg, #DB562E 0%, #B73030 100%);
}

.card-body[b-pnqupwlep9] {
  padding-right: 48px;
}

.card-img-top[b-pnqupwlep9] {
  display: block;
  width: 100%;
  background: #F39222;
}

.card-title[b-pnqupwlep9] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bg-yellow[b-pnqupwlep9] {
  background: #F8E02B;
  width: 70px;
  height: 70px;
  top: -35px;
}

.z-3[b-pnqupwlep9] {
  z-index: 3;
}

.icon-fire[b-pnqupwlep9] {
  width: 1rem;
  height: 1.25rem;
  fill: white;
}

.icon-fire-wrapper[b-pnqupwlep9] {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #4F1724;
}

.icon-burn-requirement[b-pnqupwlep9] {
  height: 33px;
}

.card:hover[b-pnqupwlep9] {
  transform: scale(1.02);
  transition: 500ms;
}

@media(min-width: 768px) {
  .card-title[b-pnqupwlep9] {
    min-height: 67.19px;
  }
}

@media(max-width: 767px) {
  .px-container[b-pnqupwlep9] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}

@media(max-width: 576px) {
  .intro-logo[b-pnqupwlep9] {
    margin-top: -75px;
  }

  .zoom-xs-85[b-pnqupwlep9] {
    zoom: 0.85;
    height: 85% !important
  }

  .no-eruption-tree[b-pnqupwlep9] {
    display: none;
  }

  .bg-sunset .offset-3[b-pnqupwlep9] {
    margin-left: 0 !important;
  }

  .bg-sunset .col-9[b-pnqupwlep9] {
    width: 100% !important;
  }
}

@media(max-width: 462px) {
  .intro-logo[b-pnqupwlep9] {
    margin-top: -55px;
  }
}

@media(max-width: 400px) {
  .zoom-xs-85[b-pnqupwlep9] {
    zoom: 1;
    height: 100% !important
  }
}

.pulse[b-pnqupwlep9] {
  animation: pulse-b-pnqupwlep9 2s infinite;
}

@keyframes pulse-b-pnqupwlep9 {
  0% {
    transform: scale(0.95);
  }

  70% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.95);
  }
}

.shake:hover[b-pnqupwlep9] {
  animation: shake-b-pnqupwlep9 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake-b-pnqupwlep9 {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}

.bi-card[b-pnqupwlep9] {
  display: block;
  text-decoration: none;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.bi-card--wrapper[b-pnqupwlep9] {
  background-repeat: no-repeat;
  background-position: bottom right;
  border-radius: 32px;
  position: relative;
  width: 100%;
  height: 360px;
  cursor: pointer;
  overflow: hidden;
}

.bi-card:hover[b-pnqupwlep9] {
  transform: scale(1.02);
}

.bi-card--timer[b-pnqupwlep9] {
  border-radius: 0 0 32px 32px;
  margin-top: -48px;
  position: relative;
  z-index: 1;
  display: flex;
  height: 48px;
  line-height: 48px;
  align-content: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  padding: 0 15px;
  font-size: 13px;
  gap: 15px;
}

.bi-card--title[b-pnqupwlep9] {
  margin: 25px;
  position: relative;
  z-index: 5;
}

.bi-card p[b-pnqupwlep9],
.bi-card h4[b-pnqupwlep9] {
  display: block;
  position: relative;
  z-index: 5;
  padding: 0 35px;
}

.bi-card--eruption .bi-card--wrapper[b-pnqupwlep9] {
  background-image: url('https://media.veefriends.com/image/upload/f_auto,q_auto/v1738268218/veefriends/v3/assets/bi-volcano-cta');
  background-color: #FFE700;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 25px;
}

  .bi-card--eruption .bi-card--wrapper > div[b-pnqupwlep9] {
    padding-right: 300px;
  }

  .bi-card--eruption .bi-card--wrapper p[b-pnqupwlep9] {
    color: black;
  }

  .bi-card--eruption .bi-card--wrapper h4[b-pnqupwlep9] {
    color: #FF0010;
    text-transform: uppercase;
  }

.bi-card--chest .bi-card--wrapper[b-pnqupwlep9] {
  background-image: url('https://media.veefriends.com/image/upload/f_auto,q_auto/v1738268218/veefriends/v3/assets/bi-chest-cta');
  background-color: #FF2C3C;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: calc(25px + 48px);
  box-shadow: inset 0 -48px black;
}

.bi-card--wrapper.bi-card--wrapper-inactive[b-pnqupwlep9],
.bi-card--wrapper.bi-card--wrapper-inactive + .bi-card--timer[b-pnqupwlep9] {
  filter: grayscale(1) blur(1px);
  opacity: 0.9;
}

.bi-card--chest .bi-card--wrapper .bi-card--bg[b-pnqupwlep9] {
  bottom: 48px;
}

.bi-card--chest .bi-card--wrapper > div[b-pnqupwlep9] {
  padding-right: 300px;
}

.bi-card--chest .bi-card--wrapper p[b-pnqupwlep9] {
  color: white;
}


[b-pnqupwlep9] .counter-container .counter-wrapper {
  flex-direction: row;
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  gap: 5px;
}

[b-pnqupwlep9] .counter-container span.counter {
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  color: #FFE84C;
}

[b-pnqupwlep9] .counter-container span.counter-text {
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}

[b-pnqupwlep9] .counter-container .counter-seperator {
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  margin: 0 5px;
}

.live-support-bg[b-pnqupwlep9] {
  background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1739918248/veefriends/burn-island/graveyard-schedule-bg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  min-height: 659px;
  max-width: 1222px;
  margin-top: 40px;
}

[b-pnqupwlep9] .calendly-inline-widget {
  scale: .95;
  position: relative;
  top: -15px;
}

[b-pnqupwlep9] .calendly-spinner {
  display: block;
  width: 340px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

  .live-support-bg[b-pnqupwlep9] {
      background: none;
      margin-top: 0;
  }

  .eruption-heading[b-pnqupwlep9],
  [b-pnqupwlep9] .eruption-heading {
    background-size: contain !important;
    line-height: 47px!important;
  }

  .bi-card .bi-card--wrapper[b-pnqupwlep9] {
    background-image: none;
  }

    .bi-card .bi-card--wrapper > div[b-pnqupwlep9] {
      padding-right: 0;
    }

  [b-pnqupwlep9] .counter-container .counter-wrapper,
  [b-pnqupwlep9] .counter-container .counter-seperator,
  [b-pnqupwlep9] .counter-container .counter {
    margin: 0;
  }

  .bi-card--timer[b-pnqupwlep9] {
    gap: 0;
  }

    .bi-card--timer > div[b-pnqupwlep9] {
      margin-right: 5px;
    }


  [b-pnqupwlep9] .counter-container .counter-text {
    display: none;
  }

  [b-pnqupwlep9] .counter-container .counter {
    padding: 1px;
  }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .bi-cards[b-pnqupwlep9] {
      margin-top: 0!important;
  }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  .bi-cards[b-pnqupwlep9] {
    flex-direction: column;
  }
}

/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
}


.eruption-heading[b-pnqupwlep9] {
  background: url(https://media.veefriends.com/image/upload/w_500,q_auto,f_auto/v1739570442/veefriends/burn-island/graveyard-heading);
  background-repeat: no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  width: 500px;
  margin: 0 auto;
  height: 88px;
  line-height: 60px;
  text-shadow: 0px 3px 3px black;
  user-select: none;
  color: white;
}
/* _content/series2-microsite/Pages/Shared/_BurnIslandGraveyardOverviewPartial.cshtml.rz.scp.css */
.bg-transparent-light-purple[b-3uypwst51s] {
    background: linear-gradient(to bottom, transparent 6%, #9557A3 16%, #2D1334 90%);
    position: relative;
    z-index: 2;
}

.graveyard-wrapper[b-3uypwst51s] {
  color: white;
  text-align: left;
  width: auto;
  min-height: 62.5rem;
  background: #8e5ca2 url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1672868512/veefriends/burn-island/graveyard-bg) no-repeat center;
  z-index: 0;
  object-fit: contain;
  background-size: cover;
}

.bg-purple[b-3uypwst51s] {
    background: #322151;
    opacity: 90%;
}

.total-eruptions[b-3uypwst51s] {
  background: url(https://media.veefriends.com/image/upload/q_auto,f_auto,w_300/v1739569884/veefriends/burn-island/graveyard-frame) no-repeat center;
  min-height: 300px;
}

.eruption-heading[b-3uypwst51s] {
  background: url(https://media.veefriends.com/image/upload/w_500,q_auto,f_auto/v1739570442/veefriends/burn-island/graveyard-heading);
  background-repeat: no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  width: 500px;
  margin: 0 auto;
  height: 88px;
  line-height: 60px;
  text-shadow: 0px 3px 3px black;
  user-select: none;
}

.br-half[b-3uypwst51s] {
  border-radius: 1.25rem;
}

.fs-xl[b-3uypwst51s] {
    font-size: 4rem;
}

.gy-pb-8[b-3uypwst51s] {
    padding-bottom: 8rem;
}

@media (min-width: 768px) {
    .border-left[b-3uypwst51s] {
        border-left: 1px solid white;
    }
}

@media (max-width: 575.98px) {

  .eruption-heading[b-3uypwst51s],
  [b-3uypwst51s] .eruption-heading {
    background-size: contain !important;
    line-height: 47px !important;
  }
}
/* _content/series2-microsite/Pages/Shared/_BurnIslandGraveyardPartial.cshtml.rz.scp.css */
.bg-transparent-light-purple[b-qd61m1wrxk] {
    background: linear-gradient(to bottom, transparent 6%, #9557A3 16%, #2D1334 90%);
    margin-top: -9rem;
    position: relative;
    z-index: 2;
    padding-top: 6rem;
}

.graveyard-wrapper[b-qd61m1wrxk] {
    color: white;
    text-align: left;
    width: auto;
    min-height: 62.5rem;
    background: #8e5ca2 url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1672868512/veefriends/burn-island/graveyard-bg) no-repeat center;
    z-index: 0;
    object-fit: contain;
}

.hash-tag[b-qd61m1wrxk] {
    display: block;
    max-width: 10rem;
}

.text-truncate[b-qd61m1wrxk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table > tbody[b-qd61m1wrxk] {
    vertical-align: inherit;
}

.text-nowrap[b-qd61m1wrxk] {
    white-space: nowrap !important;
}

.align-middle[b-qd61m1wrxk] {
    vertical-align: middle !important;
}

.table > thead[b-qd61m1wrxk] {
    vertical-align: bottom;
}

.text-nowrap[b-qd61m1wrxk] {
    white-space: nowrap !important;
}

.table[b-qd61m1wrxk] {
    color: white;
}

    .table th[b-qd61m1wrxk] {
        background: #302052;
    }

    .table tr td[b-qd61m1wrxk] {
        background: #2f2053d9;
    }

    .table tr:nth-child(2n+1) td[b-qd61m1wrxk] {
        background: #2f205373;
    }

    .table > :not(caption) > * > *[b-qd61m1wrxk] {
        border-color: #2f2053;
    }

.icon-info[b-qd61m1wrxk] {
    display: block;
    background: #00684f;
    height: 25px;
    width: 25px;
    margin: 0 auto;
    border-radius: 5px;
    color: #00ad83;
    text-decoration: none;
}

.icon-hourglass[b-qd61m1wrxk] {
    height: 20px;
    width: 16px;
}

.stats-title[b-qd61m1wrxk] {
    font-size: 12px;
}

.stats-date[b-qd61m1wrxk],
.stats-date span[b-qd61m1wrxk] {
    font-size: 1.25rem;
    color: #F1CF46;
}

@media (max-width: 1199px) {
    [b-qd61m1wrxk] .stats-date span {
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    .border-left[b-qd61m1wrxk] {
        border-left: 1px solid white;
    }
}

.table-responsive[b-qd61m1wrxk] {
    background: black;
    border: 5px solid #312252;
    border-radius: 6px;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: auto;
    box-shadow: 0 10px 31px -19px black;
    max-height: 836px;
}
/* _content/series2-microsite/Pages/Shared/_BurnIslandLeaderboardPartial.cshtml.rz.scp.css */
.bg-maroon[b-813ykmdllp] {
    background-color: #3d0f23;
}

.table > tbody[b-813ykmdllp] {
    vertical-align: inherit;
}

.text-nowrap[b-813ykmdllp] {
    white-space: nowrap !important;
}

.align-middle[b-813ykmdllp] {
    vertical-align: middle !important;
}

.table > thead[b-813ykmdllp] {
    vertical-align: bottom;
}

.trHead[b-813ykmdllp] {
    font-family: obviously-condensed, sans-serif;
    font-style: normal;
    font-weight: 700;
}

.table[b-813ykmdllp] {
    color: white;
}

    .table .th-modal[b-813ykmdllp] {
        background: #302052;
    }

    .table .th[b-813ykmdllp] {
        background: black;
    }

    .table tr .td-modal[b-813ykmdllp] {
        background: #2f2053d9;
    }

    .table tr .td[b-813ykmdllp] {
        background: rgba(0, 0, 0, 0.2);
    }

    .table tr:nth-child(2n+1) .td-modal[b-813ykmdllp] {
        background: #2f205373;
    }

    .table tr:nth-child(2n+1) .td[b-813ykmdllp] {
        background: none;
    }

    .table > :not(caption) > * > *[b-813ykmdllp] {
        border-color: rgba(61, 15, 35, 0.9);
        border: none;
    }

.icon-hourglass[b-813ykmdllp] {
    height: 1.5rem;
    width: 1.5rem;
}

.bg-hourglass[b-813ykmdllp] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    padding: 0.75rem;
}

.fs-xs[b-813ykmdllp] {
    font-size: 12px;
}

.stats-date[b-813ykmdllp],
.stats-date span[b-813ykmdllp] {
    font-size: 1.25rem;
    color: #F1CF46;
}

.table-responsive-modal[b-813ykmdllp] {
    background: black;
    border: 5px solid #312252;
    border-radius: 6px;
    overflow: hidden;
    overflow-y: auto;
    overflow-x: auto;
    box-shadow: 0 10px 31px -19px black;
    max-height: 540px;
    margin-top: 15px;
}

.table-responsive[b-813ykmdllp] {
    overflow: hidden;
    overflow-y: auto;
    overflow-x: auto;
    max-height: 836px;
}

.text-decoration-underline[b-813ykmdllp] {
    color: white;
}

@media (max-width: 768px) {
    [b-813ykmdllp] .stats-date span {
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    .border-left[b-813ykmdllp] {
        border-left: 1px solid white;
    }
}
/* _content/series2-microsite/Pages/Shared/_BurnIslandLoaderPartial.cshtml.rz.scp.css */
h1[b-bd8kq2wnl6] {
  text-shadow: 4px 4px 0px #000000;
}

@media (max-width: 1200px) {
  .display-1[b-bd8kq2wnl6] {
    font-size: 4rem;
  }
}

.bg-organic-black[b-bd8kq2wnl6] {
  background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1684253549/veefriends/burn-island/top-eruptions-underground) center top no-repeat;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 4rem;
  position: absolute;
  bottom: -1px;
  width: 100%;
}

.bg-transparent-dark-burgundy[b-bd8kq2wnl6] {
  background: rgba(79, 23, 36, 0.9);
}

.wrapper[b-bd8kq2wnl6] {
  height: 450px;
  width: 100%;
  z-index: 1;
  position: absolute !important;
  -webkit-mask: url(https://media.veefriends.com/image/upload/v1701710001/veefriends/specials/www/socials/character-feed/cutouts/cutout-bottom.svg) bottom / 100% no-repeat border-box, linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 9vw, rgba(0, 0, 0, 1) 9vw, rgba(0, 0, 0, 1) 100%);
}

[b-bd8kq2wnl6] video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.title[b-bd8kq2wnl6] {
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

#loader[b-bd8kq2wnl6] {
  height: 300px;
  width: 300px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: calc(300px / -2);
  opacity: 0;
  text-align: center;
  user-select: none;
  pointer-events: none;
  z-index: 3;
}

.stagger-in[b-bd8kq2wnl6] {
  opacity: 0;
  transform: translateY(-100px);
}

.bottom-overlap[b-bd8kq2wnl6] {
  bottom: -70%;
}

.intro-container[b-bd8kq2wnl6] {
  max-width: 840px;
}

.fs-xl[b-bd8kq2wnl6] {
  font-size: 4rem;
}

.bg-purple[b-bd8kq2wnl6] {
  background: #322151;
  opacity: 90%;
}

.bg-transparent-light-purple[b-bd8kq2wnl6] {
  background: linear-gradient(to bottom, transparent 6%, #9557A3 16%, #2D1334 90%);
  margin-top: -9rem;
  position: relative;
  z-index: 2;
  padding-top: 6rem;
}

@media (max-width: 991px) {
  .intro-container[b-bd8kq2wnl6] {
    margin: 4rem auto 0;
  }

  .bottom-overlap[b-bd8kq2wnl6] {
    bottom: -50%;
  }
}

@media (max-width: 540px) {
  .intro-no-cta img[b-bd8kq2wnl6] {
    width: 175px;
  }

  .bottom-overlap[b-bd8kq2wnl6] {
    bottom: -60%;
  }
}


@media (max-width: 575.98px) {

  [b-bd8kq2wnl6] video,
  [b-bd8kq2wnl6] #loader {
    display: none !important;
  }

  #canvas[b-bd8kq2wnl6] {
    background: url(https://media.veefriends.com/image/upload/f_webp,q_auto,w_450/v1679586789/veefriends/specials/www/burn-island-loop.webp);
    background-size: cover;
  }
}
/* _content/series2-microsite/Pages/Shared/_BurnIslandRedDevilPartial.cshtml.rz.scp.css */
.bg-underground[b-ou7ul2s11e] {
    position: relative;
    width: 100%;
    height: 105.75rem;
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1683645158/veefriends/burn-island/bottom-devil-underground) center bottom no-repeat;
    overflow: hidden;
    z-index: 2;
    background-size: cover;
    margin-bottom: 2.5rem;
}

.character[b-ou7ul2s11e] {
    height: 350px;
    width: 350px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    transform: translateX(350px) translateY(calc(75.75rem / -2));
}

@media(max-width: 992px) {
    .bg-underground[b-ou7ul2s11e] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1674146495/veefriends/burn-island/devil-underground-md) center bottom no-repeat;
        background-size: cover;
    }

    .character[b-ou7ul2s11e] {
        height: 200px;
        width: 200px;
        transform: translateX(200px) translateY(calc(35.75rem / -2));
    }
}

@media(max-width: 431px) {
    .bg-underground[b-ou7ul2s11e] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1674146495/veefriends/burn-island/devil-underground-sm) center bottom no-repeat;
        background-size: cover;
    }
}
/* _content/series2-microsite/Pages/Shared/_BurnOrderDetailsModalPartial.cshtml.rz.scp.css */
[b-a5fygbwq4z] {
    --textColor: white;
    --offWhite: #782651;
}

    [b-a5fygbwq4z] .tip {
        background-color: #263646;
        padding: 0 14px;
        line-height: 27px;
        position: absolute;
        border-radius: 4px;
        z-index: 100;
        color: #fff;
        font-size: 12px;
        animation-name: tip;
        animation-duration: .6s;
        animation-fill-mode: both
    }

        [b-a5fygbwq4z] .tip:before {
            content: "";
            background-color: #263646;
            height: 10px;
            width: 10px;
            display: block;
            position: absolute;
            transform: rotate(45deg);
            top: 8px;
            left: -6px
        }

    [b-a5fygbwq4z] #copied_tip {
        animation-name: come_and_leave;
        animation-duration: 1s;
        animation-fill-mode: both;
    }

div.modal:has(> .modal.show)[b-a5fygbwq4z] {
    opacity: 0 !important;
}

.modal-content[b-a5fygbwq4z] {
    background: none;
}

.modal-body[b-a5fygbwq4z] {
    background: rgba(61, 15, 35, 0.92);
    padding: 30px 30px 20px;
}

.modal-breadcrumbs[b-a5fygbwq4z] {
    padding-bottom: 35px;
    font-size: 12px;
}

    .modal-breadcrumbs .order .order-text[b-a5fygbwq4z] {
        color: var(--offWhite);
    }

    .modal-breadcrumbs .order .order-number[b-a5fygbwq4z] {
        color: var(--textColor);
    }

    .modal-breadcrumbs .order .order-icon[b-a5fygbwq4z] {
        display: block;
        margin-right: 5px;
        position: relative;
        top: -2px;
    }

    .modal-breadcrumbs[b-a5fygbwq4z]  .action a.action-button {
        text-decoration: none;
        padding: 6px 16px;
        border: 1px solid var(--textColor);
        border-radius: 4px;
        cursor: pointer;
        color: var(--textColor);
    }

        .modal-breadcrumbs[b-a5fygbwq4z]  .action a.action-button:hover {
            border: 1px solid var(--textColor);
        }

.order-identifier[b-a5fygbwq4z] {
    color: var(--textColor);
}

    .order-identifier .order-identifier-text[b-a5fygbwq4z] {
        font-size: 1rem;
        font-weight: bold;
    }

    .order-identifier .order-identifier-icon[b-a5fygbwq4z] {
        position: relative;
        top: -3px;
        margin-left: 10px;
        cursor: pointer;
    }

    .order-identifier .order-identifier-date[b-a5fygbwq4z] {
        font-size: 12px;
        font-weight: normal;
    }

.order-status[b-a5fygbwq4z] {
    color: var(--textColor);
    border-radius: 30px;
    border: 1px solid var(--textColor);
    text-align: center;
    font-size: 12px;
    padding: 3px 15px;
    display: inline-block;
}

    .order-status .order-identifier-icon[b-a5fygbwq4z] {
        position: relative;
        top: -2px;
        left: -3px;
    }

.order-action[b-a5fygbwq4z]  .display-content_link {
    margin-top: 5px;
    display: block;
    margin-right: 10px;
}

.model-subheader[b-a5fygbwq4z] {
    border-bottom: 1px solid var(--offWhite);
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.details-list[b-a5fygbwq4z] {
    border-top: 1px solid var(--offWhite);
    padding-top: 20px;
    margin-top: 30px;
}

.details-main img[b-a5fygbwq4z] {
    width: 54px;
    height: 54px;
    margin-right: 13px;
}

.details-main h2[b-a5fygbwq4z] {
    color: #fff;
    font-size: 20px;
    line-height: 16px;
}

    .details-main h2 small[b-a5fygbwq4z] {
        font-size: 11px;
        display: block;
        margin: 7px 0 0;
        color: #bb7d9d;
    }

.details-main .details-main-value[b-a5fygbwq4z] {
    font-size: 12px;
    color: var(--textColor);
    text-align: right;
}

    .details-main .details-main-value strong[b-a5fygbwq4z],
    .details-main .details-main-value span[b-a5fygbwq4z] {
        display: block;
    }

.details-item[b-a5fygbwq4z] {
    margin-top: 25px;
    border-radius: 10px;
    background: #320b1f;
}

    .details-item img[b-a5fygbwq4z] {
        height: 48px;
        margin-right: 15px;
    }

    .details-item .details-item_row[b-a5fygbwq4z] {
        padding: 15px;
        border-bottom: 1px solid #3a0d26;
        border-top: 1px solid #2e061c;
    }

        .details-item .details-item_row:last-child[b-a5fygbwq4z] {
            border-bottom: 0 none;
        }

        .details-item .details-item_row:first-child[b-a5fygbwq4z] {
            border-top: 0 none;
        }

    .details-item .details-item_row-value[b-a5fygbwq4z] {
        font-size: 12px;
        font-weight: normal;
        color: var(--textColor);
        text-align: right;
    }

        .details-item .details-item_row-value span[b-a5fygbwq4z] {
            display: block;
        }

    .details-item .details-item_row-key[b-a5fygbwq4z] {
        font-size: 12px;
        font-weight: normal;
        color: var(--textColor);
        display: flex;
        text-align: left;
        align-items: center;
    }

        .details-item .details-item_row-key h3[b-a5fygbwq4z] {
            font-size: 14px;
        }

.details-list .details-list-item[b-a5fygbwq4z] {
    color: var(--textColor);
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    font-size: 12px;
    padding: 3px 0;
}

.details-list .col-12:last-child .details-list-item[b-a5fygbwq4z] {
    border-bottom: 0 none;
}

.action-item[b-a5fygbwq4z] {
    margin: 25px 0 0;
}

.action-item-content[b-a5fygbwq4z] {
    color: var(--textColor);
    font-size: 12px;
    line-height: 14px;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

.lh-20[b-a5fygbwq4z] {
    line-height: 20px !important;
}
/* _content/series2-microsite/Pages/Shared/_BurnStatsPartial.cshtml.rz.scp.css */
.bg-gold[b-eivqjfqzcu] {
    background-color: #ffbc01 !important;
}

.icon-trophy[b-eivqjfqzcu] {
    height: 2rem;
    width: 2rem;
}

.stats-container .stats-timeline[b-eivqjfqzcu] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E6EDF5;
}

    .stats-container .stats-timeline:last-child[b-eivqjfqzcu] {
        border: none;
    }

.stats-container .stats-timeline-icon[b-eivqjfqzcu] {
    height: 45px;
    width: 68px;
    border-right: 1px solid #E6EDF5;
}

    .stats-container .stats-timeline-icon svg[b-eivqjfqzcu] {
        height: 100%;
        width: 100%;
        padding: 10px;
    }

.stats-timeline-content[b-eivqjfqzcu] {
    padding: 0px 25px 0px 10px;
}

.stats-container .stats-timeline-title[b-eivqjfqzcu] {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    opacity: .7;
}

.stats-container .stats-timeline-value[b-eivqjfqzcu] {
    font-size: 17px;
}

    .stats-container .stats-timeline-value[b-eivqjfqzcu]  ul,
    .stats-container .stats-timeline-value[b-eivqjfqzcu]  li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
/* _content/series2-microsite/Pages/Shared/_CardsArticlePartial.cshtml.rz.scp.css */
.stretched-link[b-u5l9nngzd9] {
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-bottom: 8px;
    display: inline-block;
}

small[b-u5l9nngzd9] {
    color: #999;
    font-size: 14px;
}

.stay-informed[b-u5l9nngzd9] {
    padding: 5px 15px;
    border-radius: 0;
    display: inline-block;
    font-size: 16px;
    color: black;
    background: white;
    text-decoration: none;
    border: 2px solid black;
    box-shadow: 4px 4px 0 0px black;
}

h1[b-u5l9nngzd9] {
    background: black;
    color: white;
    padding: 15px 8px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}

.arrow-down[b-u5l9nngzd9] {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 20px)
}

.bg.bg-pattern[b-u5l9nngzd9] {
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    padding: 20px 0;
    background: #ccc url("https://media.veefriends.com/image/upload/c_scale,f_auto,o_18,q_auto,w_1920/v1690224264/veefriends/cards/bg") fixed !important;
}

div.card[b-u5l9nngzd9] {
    border-radius: 0;
    border: 2px solid black !important;
    box-shadow: 8px 8px 0 0px rgba(0, 0, 0, .9);
}

    div.card img[b-u5l9nngzd9] {
        background: black;
    }
/* _content/series2-microsite/Pages/Shared/_CardsCollectionPartial.cshtml.rz.scp.css */
.cta-buttons[b-tcjm7ynsxs] {
  justify-content: center;
  padding: 20px;
  gap: 25px;
}

  .cta-buttons a[b-tcjm7ynsxs] {
    display: flex;
    text-decoration: none;
    color: black;
    align-items: center;
    gap: 10px;
  }

    .cta-buttons a:hover[b-tcjm7ynsxs] {
      color: #593c1d;
    }

    .cta-buttons img[b-tcjm7ynsxs] {
      display: block;
    }

  .cta-buttons span[b-tcjm7ynsxs] {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Obviously Narrow', sans-serif;
  }

  .cta-buttons .btn-guide[b-tcjm7ynsxs] {
    width: 48px;
    padding: 5px;
  }

  .cta-buttons .btn-checklist[b-tcjm7ynsxs] {
    width: 42px;
    padding: 5px;
  }

.card-image[b-tcjm7ynsxs] {
  border: 2px solid black;
  box-shadow: 4px 4px 0 0px black;
}
/* _content/series2-microsite/Pages/Shared/_CardsEBayPartial.cshtml.rz.scp.css */
h1[b-hz05vagw1q] {
    background: black;
    color: white;
    padding: 15px 8px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}

.arrow-down[b-hz05vagw1q] {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 20px)
}

.bg[b-hz05vagw1q] {
    border-bottom: 4px solid #000;
    padding: 0 0 20px 0;
}
/* _content/series2-microsite/Pages/Shared/_CardsFAQsPartial.cshtml.rz.scp.css */
h1[b-pwqj5mggia] {
    background: black;
    color: white;
    padding: 15px 8px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}

.arrow-down[b-pwqj5mggia] {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 20px)
}

.bg[b-pwqj5mggia] {
    border-bottom: 4px solid #000;
    padding: 0 0 20px 0;
}
/* _content/series2-microsite/Pages/Shared/_CardsHeroPartial.cshtml.rz.scp.css */
.bg-black[b-iqm37f6nsj] {
    background-image: url("https://media.veefriends.com/image/upload/f_auto,q_auto/v1690217140/veefriends/cards/vf-cards-hero-bg");
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #000;
}

.bg[b-iqm37f6nsj], .bg > .container[b-iqm37f6nsj], .bg .container .d-flex[b-iqm37f6nsj] {
    max-height: 800px;
}

.img-items[b-iqm37f6nsj] {
    position: relative;
    top: -200px;
    z-index: 1;
    pointer-events: none;
}

h1[b-iqm37f6nsj] {
    background: black;
    color: white;
    padding: 15px 8px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}

.arrow-down[b-iqm37f6nsj] {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 20px)
}

.socials[b-iqm37f6nsj] {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 25px;
}

  .socials img[b-iqm37f6nsj] {
    width: 48px;
    height: 48px;
  }
/* _content/series2-microsite/Pages/Shared/_CardsPressPartial.cshtml.rz.scp.css */
h1[b-q2kfbbwceb] {
    background: black;
    color: white;
    padding: 15px 8px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}

.arrow-down[b-q2kfbbwceb] {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 20px)
}

h2[b-q2kfbbwceb] {
    color: rgba(255,255, 255, .3);
    text-transform: uppercase;
    padding: 0;
    margin: 20px 0 0 0;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    font-size: 18px;
}
/* _content/series2-microsite/Pages/Shared/_CharacterStoryAsSeenOnPartial.cshtml.rz.scp.css */
.activity-grid[b-7g2irmn9kn] {
    margin: 0 auto;
}

.activity-item[b-7g2irmn9kn] {
    max-width: var(--width);
    min-height: 300px;
    overflow: hidden;
    border-radius: 1.6rem;
    overflow: hidden;
    position: relative;
    z-index: 0;
    background: white;
    margin-bottom: 10px;
}

.activity-spacer[b-7g2irmn9kn] {
    width: var(--width);
    overflow: hidden;
    position: absolute;
    background: transparent;
    margin-bottom: 10px;
}

.activity-spacer--topleft[b-7g2irmn9kn] {
    left: 0;
    top: 0;
    height: 100px;
}

.activity-spacer--topright[b-7g2irmn9kn] {
    right: 0;
    top: 0;
    height: 100px;
}

.activity-spacer--bottomright[b-7g2irmn9kn] {
    right: var(--width);
    top: 0;
    height: 30px;
}
.activity-spacer--bottomleft[b-7g2irmn9kn] {
    left: var(--width);
    top: 0;
    height: 30px;
}

    .activity-img[b-7g2irmn9kn] {
        min-width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 2;
        scale: 1.3;
        opacity: .2;
        height: max-content;
    }

.activity-item--shop .activity-img[b-7g2irmn9kn] {
    mix-blend-mode: unset;
    filter: none;
    opacity: 1;
}

.activity-item--medium .activity-img[b-7g2irmn9kn] {
    scale: 2.3;
}

.activity-caption[b-7g2irmn9kn] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding: 20px;
    z-index: 2;
}

.activity-type[b-7g2irmn9kn],
.activity-title[b-7g2irmn9kn],
.activity-cta[b-7g2irmn9kn] {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
}

.activity-gradient[b-7g2irmn9kn] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, var(--primaryColor), var(--secondaryColor));
    z-index: 1;
    pointer-events: none;
    opacity: 1;
}

.activity-provider[b-7g2irmn9kn] {
    display: block;
    width: fit-content;
    padding: 3px 12px;
    font-weight: bold;
    border-radius: 16px;
    font-size: 12px;
    margin: 0 auto 10px;
    border: 1px solid white;
    color: white;
    background: rgba(255, 255, 255, .1);
}

.activity-pattern[b-7g2irmn9kn] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: overlay;
    opacity: .05;
}
/* _content/series2-microsite/Pages/Shared/_CharacterStoryBobbleAreaPartial.cshtml.rz.scp.css */


.hero-animation[b-1b7tllzy6w] {
    height: 48.125rem;
    position: relative;
}


.hero-character[b-1b7tllzy6w] {
    position: absolute;
    bottom: -5%;
    right: 25%;
}

.hero-character-image[b-1b7tllzy6w] {
    width: 100%;
    display: block;
    max-width: 22.25rem;
}

.hero-character-shadow[b-1b7tllzy6w] {
    content: " ";
    height: 1.25rem;
    width: 13.25rem;
    background: rgba(0, 0, 0, .4);
    border-radius: 100%;
    margin: 0 auto;
}


@media(max-width: 1024px) {
    .hero-animation[b-1b7tllzy6w] {
        height: 15rem;
    }
}

@media(max-width: 280px) {
    .hero-animation[b-1b7tllzy6w] {
        height: 10rem;
    }
}


@media(max-width: 576px) {
    .hero-character-shadow[b-1b7tllzy6w] {
        height: 0.65rem;
        width: 5rem;
    }

    .hero-character-image[b-1b7tllzy6w] {
        max-width: 7rem;
        min-height: 7rem;
    }
}


@media(max-width: 768px) {
    .hero-animation[b-1b7tllzy6w] {
        height: 18rem;
    }

    .hero-character-shadow[b-1b7tllzy6w] {
        height: 0.75rem;
        width: 6rem;
    }

    .hero-character-image[b-1b7tllzy6w] {
        max-width: 9rem;
    }
}

@media(max-width: 992px) {
    .hero-animation[b-1b7tllzy6w] {
        height: 25rem;
    }

    .hero-character-shadow[b-1b7tllzy6w] {
        height: 1rem;
        width: 7.75rem;
    }

    .hero-character-image[b-1b7tllzy6w] {
        max-width: 11rem;
    }
}

@media(max-width: 1200px) {
    .hero-animation[b-1b7tllzy6w] {
        height: 32rem;
    }

    .hero-character-shadow[b-1b7tllzy6w] {
        width: 10.5rem;
    }

    .hero-character-image[b-1b7tllzy6w] {
        max-width: 15rem;
    }
}

@media(max-width: 1400px) {
    .hero-animation[b-1b7tllzy6w] {
        height: 40rem;
    }

    .hero-character-shadow[b-1b7tllzy6w] {
        width: 12rem;
    }

    .hero-character-image[b-1b7tllzy6w] {
        max-width: 18rem;
    }
}
/* _content/series2-microsite/Pages/Shared/_CharacterStoryComicCalloutPartial.cshtml.rz.scp.css */

.main-content[b-bg35r99cde] {
    position: relative;
    min-height: 300px; /* Adjust based on your content needs */
    /* Background color */
    background-color: blue;
    /* Setup for the mask */
    -webkit-mask-image: url('https://media.veefriends.com/image/upload/v1701709210/veefriends/specials/www/socials/character-feed/cutouts/cutout-top-right.svg'), url('https://media.veefriends.com/image/upload/v1701710001/veefriends/specials/www/socials/character-feed/cutouts/cutout-bottom-right.svg');
    -webkit-mask-size: cover, cover; /* Full width, specific height */
    -webkit-mask-repeat: no-repeat, no-repeat;
    -webkit-mask-position: top, bottom;
    -webkit-mask-composite: destination-in;
    mask-image: url('https://media.veefriends.com/image/upload/v1701709210/veefriends/specials/www/socials/character-feed/cutouts/cutout-top-right.svg'), url('https://media.veefriends.com/image/upload/v1701710001/veefriends/specials/www/socials/character-feed/cutouts/cutout-bottom-right.svg');
    mask-size: cover, cover; /* Full width, specific height */
    mask-repeat: no-repeat, no-repeat;
    mask-position: top, bottom;
    mask-composite: destination-in;
}

@media (max-width: 767px) {
    .main-content[b-bg35r99cde] {
        background-color: white;
        -webkit-mask-image: none;
        mask-image: none;
    }
}

.halftone[b-bg35r99cde] {
    min-height: var(--height);
    background: linear-gradient(to bottom, #267fb7 10%, #242659 50%) !important;
    position: relative;
}

    .halftone[b-bg35r99cde]::after {
        background: url(/images/v2/hero/halftone-right-to-left.png) top center no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        content: " ";
        mix-blend-mode: overlay;
        opacity: .1;
        background-size: cover;
        z-index: 0;
        background-attachment: fixed;
    }

.container[b-bg35r99cde] {
    position: relative;
    z-index: 1;
    padding: 100px 0 180px;
}

@media (max-width: 767px) {
    .container[b-bg35r99cde] {
        padding: 0px 0 3rem;
    }
}

.comic-card[b-bg35r99cde] {
    overflow: hidden;
    background: white;
    border: 4px solid black;
    box-sizing: content-box;
    box-shadow: 0 12px 16px -15px #000;
    display: block;
    text-decoration: none;
    position: relative;
}

.comic-caption[b-bg35r99cde] {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    border-radius: 0 0 10px 0;
    height: 82px;
    width: 78px;
    text-align: center;
}

.comic-month[b-bg35r99cde],
.comic-day[b-bg35r99cde] {
    display: block;
    text-transform: uppercase;
    color: #242559;
    padding: 0;
    margin: 0;
    line-height: 100%;
}

.comic-month[b-bg35r99cde] {
    font-size: 26px;
}

.comic-day[b-bg35r99cde] {
    font-size: 34px;
}
/* _content/series2-microsite/Pages/Shared/_CharacterStoryListingsPartial.cshtml.rz.scp.css */
[b-ok73hqu6wl] .listing-loading {
    opacity: .3;
}

[b-ok73hqu6wl] .badge {
    display: inline-block;
    background: white;
    border-radius: 30px;
    padding: 3px 8px;
    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
    border: 1px solid var(--green);
    color: black;
    width: fit-content;
    margin-bottom: 14px;
    margin-top: 2px;
}

[b-ok73hqu6wl] .listing-bottom {
    max-width: 225px;
    line-height: 100%;
    margin: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

[b-ok73hqu6wl] a,
[b-ok73hqu6wl] h4,
[b-ok73hqu6wl] h3,
[b-ok73hqu6wl] .help {
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: black;
}

[b-ok73hqu6wl] .help {
    font-size: 11px;
    color: #999;
}

[b-ok73hqu6wl] h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.blobs[b-ok73hqu6wl] {
    position: relative;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    transform: rotateX(11deg) rotateY(16.5deg);
    scale: .8;
}

    .blobs .list-logo[b-ok73hqu6wl] {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        perspective: 1200px;
        transform-style: preserve-3d;
        transform: translateZ(35px);
        transition: transform 200ms ease-out;
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .1));
    }

.list-logo.list-logo--rarible[b-ok73hqu6wl] {
    top: 250px;
    rotate: 9deg;
    border-radius: 50%;
}

.list-logo.list-logo--coinbase[b-ok73hqu6wl] {
    top: 280px;
    left: 450px;
    rotate: -9deg;
}

.list-logo.list-logo--blur[b-ok73hqu6wl] {
    top: 80px;
    left: 350px;
    rotate: 9deg;
}

.list-logo.list-logo--looksrare[b-ok73hqu6wl] {
    top: 234px;
    left: 300px;
    rotate: -18deg;
}

.list-logo.list-logo--x2y2[b-ok73hqu6wl] {
    top: 430px;
    left: 100px;
    rotate: -18deg;
}

.list-logo.list-logo--opensea[b-ok73hqu6wl] {
    top: 20px;
    left: 60px;
    rotate: -6deg;
}

.list-logo.list-logo--superrare[b-ok73hqu6wl] {
    top: 580px;
    left: 60px;
    rotate: -6deg;
}

.list-logo.list-logo--sudoswap[b-ok73hqu6wl] {
    top: 160px;
    left: 170px;
    rotate: -36deg;
}

.list-logo.list-logo--nftx[b-ok73hqu6wl] {
    top: -56px;
    left: 240px;
    rotate: 6deg;
    border-radius: 50%;
}

.list-logo.list-logo--okx[b-ok73hqu6wl] {
    top: 570px;
    left: 330px;
    rotate: -6deg;
}

.list-logo.list-logo--manifold[b-ok73hqu6wl] {
    top: 90px;
    left: -100px;
    rotate: -6deg;
}

.list-logo.list-logo--foundation[b-ok73hqu6wl] {
    top: 380px;
    left: 280px;
    rotate: -6deg;
    border-radius: 50%;
}


.blobs-bg[b-ok73hqu6wl] {
    min-width: 100%;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}


[b-ok73hqu6wl] #tinderslide {
    position: relative;
    background: #fff;
    cursor: grab;
}

    [b-ok73hqu6wl] #tinderslide:active {
        cursor: grabbing;
    }

    [b-ok73hqu6wl] ul {
        margin: 0;
        position: relative;
        display: block;
    }

    [b-ok73hqu6wl] li {
        display: block;
        overflow: hidden;
        -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
        -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
        -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
        -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
        transform: translate3d(0%,0,0) scale3d(1,1,1);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

        /* Image rotation */
        [b-ok73hqu6wl] li.listing1 {
            -webkit-transform: rotate(-1deg);
            -moz-transform: rotate(-1deg);
            -o-transform: rotate(-1deg);
            -ms-transform: rotate(-1deg);
            transform: rotate(-1deg);
        }

        [b-ok73hqu6wl] li.listing2 {
            -webkit-transform: rotate(2deg);
            -moz-transform: rotate(2deg);
            -o-transform: rotate(2deg);
            -ms-transform: rotate(2deg);
            transform: rotate(2deg);
        }

        [b-ok73hqu6wl] li.listing3 {
            -webkit-transform: rotate(-4deg);
            -moz-transform: rotate(-4deg);
            -o-transform: rotate(-4deg);
            -ms-transform: rotate(-4deg);
            transform: rotate(-4deg);
        }

        [b-ok73hqu6wl] li.listing4 {
            -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -o-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg);
        }

[b-ok73hqu6wl] .listing-top {
    aspect-ratio: 1/1;
    overflow: hidden;
    border-bottom: 2px solid #000;
    display: block;
}

[b-ok73hqu6wl] .listing-top img {
    width: 250px;
    scale: 1.2;
}

[b-ok73hqu6wl] .listing {
    margin: 20px auto 0;
    border-radius: 6px;
    background: white;
    border: 2px solid #000;
    box-shadow: 10px 10px 0 rgba(0, 0, 0, .3);

    position: absolute;
}

#tinderslide[b-ok73hqu6wl] {
    width: 320px;
    margin: 0 auto 0rem !important;
}

.listing-row[b-ok73hqu6wl] {
    width: 320px;
    position: relative;
    display: flex;
    height: 460px;
}

.actions[b-ok73hqu6wl] {
    display: flex;
    justify-content: center;
    gap: 15px;
}
    .actions a[b-ok73hqu6wl] {
        display: flex;
        height: 56px;
        padding: 16px 25px;
        justify-content: center;
        align-items: center;
        gap: 12px;
        align-self: stretch;
        border-radius: 8px;
        border: 2px solid #000;
        background: #2081E2;
        box-shadow: 2px 2px 0px 0px #000;
    }

        .actions a:first-child[b-ok73hqu6wl] {
            background: white;
        }

        .actions a span[b-ok73hqu6wl] {
            color: #FFF;
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: bold;
            line-height: 110%; /* 26.4px */
            text-transform: uppercase;
        }
        .actions a:first-child span[b-ok73hqu6wl] {
            color: black;
        }
/* _content/series2-microsite/Pages/Shared/_CharacterStoryNewsLetterPartial.cshtml.rz.scp.css */
.newsletter-section[b-wm17oewiau] {
    background: url(/images/v2/hero/green-scratches.png) no-repeat top center fixed;
    padding: 280px 0 0;
    background-size: cover;
    position: relative;
    margin-top: 120px;
    -webkit-mask-image: url('https://media.veefriends.com/image/upload/v1701709210/veefriends/specials/www/socials/character-feed/cutouts/cutout-top-right.svg');
    -webkit-mask-size: cover; /* Full width, specific height */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top;
    -webkit-mask-composite: destination-in;
    mask-image: url('https://media.veefriends.com/image/upload/v1701709210/veefriends/specials/www/socials/character-feed/cutouts/cutout-top-right.svg');
    mask-size: cover; /* Full width, specific height */
    mask-repeat: no-repeat;
    mask-position: top;
    mask-composite: destination-in;
}

.newsletter-character[b-wm17oewiau] {
    position: absolute;
    bottom: 0;
}
/* _content/series2-microsite/Pages/Shared/_CharacterStoryTrailerPartial.cshtml.rz.scp.css */


.trailer-background[b-ov0y4qnte1] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 0;
}

.trailer-section[b-ov0y4qnte1] {
    position: relative;
    background: url(/images/v2/hero/character-bg-3.png) top center no-repeat;
    background-size: cover;
    background-color: var(--primaryColor);
    min-height: 750px;
    -webkit-mask: url(https://media.veefriends.com/image/upload/v1701709044/veefriends/specials/www/socials/character-feed/cutouts/cutout-bottom-right.svg) bottom / 100% no-repeat border-box, linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 9vw, rgba(0,0,0,1) 9vw, rgba(0,0,0,1) 100%)
}

    .trailer-section[b-ov0y4qnte1]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,transparent,rgba(0,0,0,.2) 57.88%), linear-gradient(180deg,rgba(0,0,0,.6) -4.41%,transparent 31.69%);
    }

.mobile-typewritter[b-ov0y4qnte1] {
    text-wrap: balance;
}

.trailer-content[b-ov0y4qnte1] {
    position: relative;
    z-index: 1;
    height: 100%;
    padding-top: 160px;
}

.trailer-logo[b-ov0y4qnte1] {
}

.trailer-logo-text[b-ov0y4qnte1] {
    filter: drop-shadow(5px 8px 0px rgba(0, 0, 0, .1));
}

.trailer-logo-character-wrapper[b-ov0y4qnte1] {
    position: relative;
}

.trailer-logo-character[b-ov0y4qnte1] {
    filter: drop-shadow(-10px 6px 0px rgba(0, 0, 0, .1));
}

.trailer-circle[b-ov0y4qnte1] {
    position: relative;
    z-index: 0;
    --outerSize: 420px;
    --margin: 40px;
    width: var(--outerSize);
    height: var(--outerSize);
    perspective: 1800px;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    transform: rotateX(11deg) rotateY(16.5deg);
}

.trailer-circle-outer[b-ov0y4qnte1] {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: var(--outerSize);
    height: var(--outerSize);
    border-radius: 100%;
    background: var(--secondaryColor);
    text-align: center;
    z-index: 1;
    perspective: 1200px;
    transform-style: preserve-3d;
    transition: transform 200ms ease-out;
}

.trailer-circle-inner[b-ov0y4qnte1] {
    --size: calc(var(--outerSize) - var(--margin) * 2);
    width: var(--size);
    height: var(--size);
    border-radius: 100%;
    background: var(--tertiaryColor);
    text-align: center;
    margin: var(--margin);
    position: absolute;
    z-index: 2;
    perspective: 1200px;
    transform-style: preserve-3d;
    transition: transform 200ms ease-out;
}

.trailer-circle-image[b-ov0y4qnte1] {
    width: var(--characterWidth);
    height: var(--characterHeight);
    position: absolute;
    z-index: 3;
    left: 50%;
    margin-left: calc(var(--characterWidth) / -2);
    filter: drop-shadow(5px 15px 0px rgba(0,0,0,.2));
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
}

.trailer-circle-mini[b-ov0y4qnte1] {
    --outerSize: 128px;
    --margin: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.trailer-circle__bubble-gum[b-ov0y4qnte1] {
    left: 439px;
}

.trailer-circle__diamond[b-ov0y4qnte1] {
    left: 480px;
    top: 160px;
    rotate: 3deg;
}

.trailer-circle__gold[b-ov0y4qnte1] {
    left: 413px;
    top: 309px;
    rotate: 12deg;
    scale: .8;
}

.trailer-circle__hologram[b-ov0y4qnte1] {
    left: 336px;
    top: -107px;
    rotate: 2deg;
    scale: .6;
}

.trailer-circle__emerald[b-ov0y4qnte1] {
    top: 408px;
    left: 316px;
    scale: .5;
}

.trailer-circle__lava[b-ov0y4qnte1] {
    top: -130px;
    left: 245px;
    scale: 0.3;
}

.trailer-circle-mini .trailer-circle-image[b-ov0y4qnte1] {
    filter: drop-shadow(4px 4px 0px rgba(0,0,0,.2));
}

.thought[b-ov0y4qnte1] {
    display: flex;
    background-color: #fff;
    padding: 20px;
    border-radius: 30px;
    max-width: calc(100% - 140px);
    min-height: 80px;
    margin: 50px auto 0;
    position: relative;
    align-items: center;
    justify-content: center;
    text-align: center;
    filter: drop-shadow(5px 8px 0px rgba(0, 0, 0, .1));
}

    .thought[b-ov0y4qnte1]:before,
    .thought[b-ov0y4qnte1]:after {
        content: "";
        background-color: #fff;
        border-radius: 50%;
        display: block;
        position: absolute;
        z-index: -1;
    }

    .thought[b-ov0y4qnte1]:before {
        width: 44px;
        height: 44px;
        top: -12px;
        left: 28px;
        box-shadow: -50px 30px 0 -12px #fff;
    }

    .thought[b-ov0y4qnte1]:after {
        bottom: -10px;
        right: 26px;
        width: 30px;
        height: 30px;
        box-shadow: 40px -34px 0 0 #fff, -28px -6px 0 -2px #fff, -24px 17px 0 -6px #fff, -5px 25px 0 -10px #fff;
    }

.typewriter[b-ov0y4qnte1] {
    font-style: italic;
    padding: 10px 40px 0;
    font-weight: bold;
}

/* 
    Character size override: 
        -> To prevent icon overlapps
*/
.trailer-section__gratitude-gorilla .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 290px;
}

.trailer-section__happy-hermit-crab .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 400px;
    left: 150px;
    top: 40px;
}

.trailer-section__toronto-st-louis .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 280px;
    left: 54%;
}

.trailer-section__swaggy-sea-lion .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 370px;
    left: 46%;
    top: 50px;
}

.trailer-section__tidy-troll .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 280px;
    left: 51%;
}

.trailer-section__tasteful-malayan-tapir .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 210px;
    left: 60%;
}

.trailer-section__sweet-swan .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 283px;
    left: 53%;
}

.trailer-section__grateful-gar .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 283px;
    left: 53%;
}

.trailer-section__hard-working-wombat .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 280px;
    left: 56%;
}

.trailer-section__sufficient-shrimp .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 280px;
    left: 56%;
}

.trailer-section__gracious-grasshopper .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 280px;
    left: 56%;
}

.trailer-section__genuine-giraffe .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 220px;
    left: 60%;
}

.trailer-section__spiffy-salmon .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 390px;
    left: 44%;
    top: 32%;
}

.trailer-section__graceful-goldfish .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 340px;
    left: 52%;
    top: 13%;
}

.trailer-section__gentle-giant .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 260px;
    left: 54%;
    top: 6%;
}

.trailer-section__glowing-glow-worm .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 267px;
    left: 61%;
    top: -1%;
}

.trailer-section__forthright-flamingo .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 279px;
    left: 57%;
    top: -1%;
}

.trailer-section__smooth-spider .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 300px;
    left: 52%;
    top: 31%;
}

.trailer-section__gracious-goose .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 300px;
    left: 52%;
    top: 0;
}

.trailer-section__impeccable-inostranet .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 260px;
    left: 57%;
    top: 0;
}

.trailer-section__jolly-jack-o .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 280px;
    left: 57%;
    top: 0;
}

.trailer-section__bashful-blobfish .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 280px;
    left: 57%;
    top: 20%;
}

.trailer-section__aspiring-alpaca .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 199px;
    left: 64%;
    top: 0;
}

.trailer-section__amped-aye-aye .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 402px;
    left: 35%;
    top: 20%;
}

.trailer-section__arbitraging-admiral .trailer-circle-parent .trailer-circle-image[b-ov0y4qnte1] {
    width: 260px;
    left: 57%;
    top: 0;
}
/* _content/series2-microsite/Pages/Shared/_ComicArchivePartial.cshtml.rz.scp.css */
.comic-archives[b-l0tow4h5uq] {
    color: white;
}

    .comic-archives h4[b-l0tow4h5uq] {
        display: table;
        white-space: nowrap;
        padding: 0;
        margin: 0 0 10px;
    }

        .comic-archives h4[b-l0tow4h5uq]:before,
        .comic-archives h4[b-l0tow4h5uq]:after {
            border-top: 2px solid white;
            content: ' ';
            display: table-cell;
            position: relative;
            top: 0.7em;
            width: 95%;
        }

        .comic-archives h4[b-l0tow4h5uq]:before {
            right: 1.5%;
        }

        .comic-archives h4[b-l0tow4h5uq]:after {
            left: 1.5%;
        }

    .comic-archives ul[b-l0tow4h5uq],
    .comic-archives ul li[b-l0tow4h5uq] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .comic-archives ul li a[b-l0tow4h5uq] {
            color: white;
            text-decoration: none;
            display: flex;
            align-items: center;
            margin-top: 5px;
            padding: 10px;
            border: 1px dashed #343669;
            border-radius: 6px;
        }

            .comic-archives ul li a:hover[b-l0tow4h5uq] {
                background: #343669;
            }


.comic-cal[b-l0tow4h5uq] {
    display: block;
    background: #fff;
    text-align: center;
    width: 55px;
    height: 55px;
    border-radius: 5px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 10px;
}

.comic-month[b-l0tow4h5uq],
.comic-day[b-l0tow4h5uq] {
    display: block;
    text-transform: uppercase;
    color: #242559;
    line-height: 100%;
}

.comic-month[b-l0tow4h5uq] {
    font-size: 16px;
}

.comic-day[b-l0tow4h5uq] {
    font-size: 40px;
    line-height: 26px;
}


.comic-title[b-l0tow4h5uq] {
    display: block;
    font-size: 14px;
    line-height: 15px;
}
/* _content/series2-microsite/Pages/Shared/_DelayedAdvertModal.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_DiscordFloater.cshtml.rz.scp.css */
#discord-floater[b-tb4supoe65] {
    background: #5865F2;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    padding-top: 17px;
    text-align: center;
    margin: 0 auto;
}

#burn-floater[b-tb4supoe65] {
    background: var(--green);
    width: 57px;
    height: 57px;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto 15px;
}

#floaters[b-tb4supoe65] {
    z-index: 5;
    right: 40px;
    bottom: 30px;
}

.unmute[b-tb4supoe65],
.mute[b-tb4supoe65] {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
    position: relative;
    padding: 15px;
}
/* _content/series2-microsite/Pages/Shared/_EventDetails.cshtml.rz.scp.css */
.bg-white[b-opia5n3dbd] {
    /*z-index: 2;*/
    position: relative;
}
/* _content/series2-microsite/Pages/Shared/_EventDetailsAdditionalContentWebPagesPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_EventDetailsDescriptionWebPagesPartial.cshtml.rz.scp.css */
[b-f0hdyjidcx] .description h2 {
    line-height: 1;
    padding-bottom: 0.625rem;
}

[b-f0hdyjidcx] .description p:last-child {
    margin-bottom: 0;
}

.text-red[b-f0hdyjidcx] {
    color: #A41C0E;
}

.text-grey[b-f0hdyjidcx] {
    color: darkgrey;
}
/* _content/series2-microsite/Pages/Shared/_EventDetailsEligibilityWebPagesPartial.cshtml.rz.scp.css */
[b-snvnntjdc6] .tip {
    background-color: #263646;
    padding: 0 14px;
    line-height: 27px;
    position: absolute;
    border-radius: 4px;
    z-index: 100;
    color: #fff;
    font-size: 12px;
    animation-name: tip;
    animation-duration: .6s;
    animation-fill-mode: both
}

    [b-snvnntjdc6] .tip:before {
        content: "";
        background-color: #263646;
        height: 10px;
        width: 10px;
        display: block;
        position: absolute;
        transform: rotate(45deg);
        top: -4px;
        left: 17px
    }

[b-snvnntjdc6] #copied_tip {
    animation-name: come_and_leave;
    animation-duration: 1s;
    animation-fill-mode: both;
}

svg.icon[b-snvnntjdc6] {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto 15px;
}

.status-banner[b-snvnntjdc6] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    font-size: 1rem;
}

.bg-default[b-snvnntjdc6] {
    background-color: #ffc107;
}

.bg-green[b-snvnntjdc6] {
    background-color: #007562;
}

.icon-check[b-snvnntjdc6] {
    width: 2rem;
    height: 2rem;
}

.bg-rounded[b-snvnntjdc6] {
    border-radius: 20px;
}

.bg-white[b-snvnntjdc6] {
    position: relative;
}

.bg-gold[b-snvnntjdc6] {
    position: relative;
    background-color: #ffc107;
}

.text-red[b-snvnntjdc6] {
    color: #A41C0E;
}

.graveyard-card[b-snvnntjdc6] {
    background: url(https://media.veefriends.com/image/upload/c_scale,f_auto,q_auto,w_1172/v1683213593/veefriends/burn-island/graveyard-bg) center no-repeat;
    background-size: cover;
}

.leaderboard-card[b-snvnntjdc6] {
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1685023609/veefriends/burn-island/leaderboard-callout-bg) center no-repeat;
    background-size: cover;
}

.stats-container .stats-timeline[b-snvnntjdc6] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E6EDF5;
}

    .stats-container .stats-timeline:last-child[b-snvnntjdc6] {
        border: none;
    }

.stats-container .stats-timeline-icon[b-snvnntjdc6] {
    height: 45px;
    width: 68px;
    border-right: 1px solid #E6EDF5;
}

    .stats-container .stats-timeline-icon svg[b-snvnntjdc6] {
        height: 100%;
        width: 100%;
        padding: 10px;
    }

.stats-timeline-content[b-snvnntjdc6] {
    padding: 0px 25px 0px 10px;
}

.stats-container .stats-timeline-title[b-snvnntjdc6] {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    opacity: .7;
}

.stats-container .stats-timeline-value[b-snvnntjdc6] {
    font-size: 17px;
}

    .stats-container .stats-timeline-value[b-snvnntjdc6]  ul,
    .stats-container .stats-timeline-value[b-snvnntjdc6]  li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.fs-1[b-snvnntjdc6] {
    line-height: 42px;
}

@media(max-width: 767px) {
    .fs-1[b-snvnntjdc6] {
        line-height: 32px;
    }
}

.lh-cust[b-snvnntjdc6] {
    line-height: 44px;
}

@media(max-width: 767px) {
    .lh-cust[b-snvnntjdc6] {
        line-height: 32px;
    }
}
/* _content/series2-microsite/Pages/Shared/_EventDetailsLocationWebPagesPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_EventDetailsTrailerWebPagesPartial.cshtml.rz.scp.css */
.hero-media[b-q6gseecfhw] {
    padding-bottom: 55%;
    height: 0;
    max-width: 100%;
}

    .hero-media iframe[b-q6gseecfhw],
    .hero-media object[b-q6gseecfhw],
    .hero-media embed[b-q6gseecfhw] {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        aspect-ratio: 16 / 9;
    }
/* _content/series2-microsite/Pages/Shared/_EventLandingCalendarWebPagesPartial.cshtml.rz.scp.css */
[b-tf2g9v2d7x] .form-floating select.form-select {
    background-color: #0003;
    border-color: #0003;
    color: white;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
}

[b-tf2g9v2d7x] .form-floating .form-label {
    color: white;
}

.mh-100vh[b-tf2g9v2d7x] {
    min-height: 100vh;
}

.bg-dark-green[b-tf2g9v2d7x] {
    background-color: #007F6E;
}

h1[b-tf2g9v2d7x] {
    filter: drop-shadow(3px 4px 0px black);
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
}
/* _content/series2-microsite/Pages/Shared/_EventLandingHeroWebPagesPartial.cshtml.rz.scp.css */
.panel[b-wevn08y0d7] {
    min-height: 625px;
}

a[b-wevn08y0d7] {
    color: #f8e02b;
    border: solid;
    border-radius: 50%;
    border-color: white;
    cursor: pointer;
}

.arrow[b-wevn08y0d7] {
    text-align: center;
    margin: 2% 0;
}

    .arrow a[b-wevn08y0d7] {
        cursor: pointer !important;
    }

.bounce[b-wevn08y0d7] {
    -moz-animation: bounce 5s infinite;
    -webkit-animation: bounce 5s infinite;
    animation: bounce-b-wevn08y0d7 5s infinite;
}

.logo[b-wevn08y0d7] {
    border: 6px solid;
    border-radius: 25px;
    border-color: #f8e02b;
    box-shadow: 10px 10px #f8e02b;
}

.banner[b-wevn08y0d7] {
    background: #00AD83;
}

    .banner h1[b-wevn08y0d7],
    .banner span[b-wevn08y0d7] {
        font-size: 8rem;
        line-height: 6rem;
    }

    .banner span[b-wevn08y0d7] {
        color: #f8e02b;
    }

.s1[b-wevn08y0d7] {
    color: var(--green) !important;
}

.banner p[b-wevn08y0d7] {
    font-size: 2rem;
}

.m-10[b-wevn08y0d7] {
    margin-top: 10rem;
}

h1[b-wevn08y0d7] {
    color: #FFE84C;
    text-align: center;
    font-size: 165.809px;
    font-style: normal;
    font-weight: 800;
    line-height: 177.619px;
    -webkit-text-stroke: 6px black;
}

@keyframes bounce-b-wevn08y0d7 {
    0%, 4%, 10%, 16%, 20% {
        transform: translateY(0);
    }

    8% {
        transform: translateY(-50px);
    }

    12% {
        transform: translateY(-25px);
    }
}

@media (max-width: 1200px) {
    .panel[b-wevn08y0d7] {
        min-height: 300px;
    }

    h2 img.img-fluid[b-wevn08y0d7] {
        margin-top: 60px;
    }
}
/* _content/series2-microsite/Pages/Shared/_EventsFormDetails.cshtml.rz.scp.css */
.character-link[b-7u9il73a3q] {
    display: inline-block;
    opacity: 0.7;
    font-size: 100px;
}

    .character-link:hover[b-7u9il73a3q] {
        cursor: pointer;
        opacity: 1.0;
    }

.character-selected[b-7u9il73a3q] {
    opacity: 1.0 !important;

}

    .character-selected[b-7u9il73a3q]::before {
        content: "✅";
        position: absolute;
        font-size: xx-large;
        margin-left: 100px;
    }
/* _content/series2-microsite/Pages/Shared/_FAQAboutTabPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_FAQGlossaryOfTermsTabPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_FAQPurchasingTabPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_FAQRedemptionTabPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_FAQTokenTypesTabPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_FAQVeeConTabPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_Footer.cshtml.rz.scp.css */
footer[b-ff6qizxjns] {
    --multiplier: 2.5;
    --opacity: 0.02;
    box-shadow: rgba(0, 0, 0, var(--opacity)) 0px calc(-2px * var(--multiplier)) 1px, rgba(0, 0, 0, var(--opacity)) 0px calc(-4px * var(--multiplier)) 2px, rgba(0, 0, 0, var(--opacity)) 0px calc(-8px * var(--multiplier)) 4px, rgba(0, 0, 0, var(--opacity)) 0px calc(-16px * var(--multiplier)) 8px, rgba(0, 0, 0, var(--opacity)) 0px calc(-32px * var(--multiplier)) 16px;
    background: white;
}

ul[b-ff6qizxjns] {
    list-style-type: none;
}

.text-purple[b-ff6qizxjns] {
    color: #61007d !important;
}

.big-discord-button[b-ff6qizxjns] {
    border-radius: 50%;
    height: 6.5rem;
    width: 6.5rem;
}

    .big-discord-button:hover[b-ff6qizxjns],
    .big-discord-button:focus[b-ff6qizxjns] {
        filter: brightness(1.1);
    }

@media(max-width: 768px) {
    .border-end-sm-0[b-ff6qizxjns] {
        border-right: none !important;
    }
}
/* _content/series2-microsite/Pages/Shared/_HomePageBurnIslandPartial.cshtml.rz.scp.css */
.bg-burn-island[b-9tf258zx8v] {
  background: linear-gradient(90deg, #29244c 2%, transparent 88%), url(https://media.veefriends.com/image/upload/v1744308941/test/hero-9-full.webp) no-repeat center 0;
  height: 47rem;
  border-bottom: 4px solid white;
  background-size: cover;
}

@media(max-width: 576px) {
    .bg-burn-island[b-9tf258zx8v] {
        height: 45rem;
    }
}

p[b-9tf258zx8v] {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: white;
    margin: 0 0 32px;
}
/* _content/series2-microsite/Pages/Shared/_HomePageExploreCharactersPartials.cshtml.rz.scp.css */
@media(max-width: 1399px) {
    .stack[b-z7puvtdywf] {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

.explore-characters[b-z7puvtdywf] {
    min-height: 316px;
    max-width: 100%;
}

.bigger-btn[b-z7puvtdywf] {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pe-smidge[b-z7puvtdywf] {
    padding-right: 0.15rem;
}

.ps-smidge[b-z7puvtdywf] {
    padding-left: 0.15rem;
}

.bg-gradient-blue-green[b-z7puvtdywf] {
  background: linear-gradient(to right, #068b00, #00d1d1);
  border-bottom: 4px solid white;
  position: relative;
  z-index: 2;
  box-shadow: 0 40px 80px -30px #0000006e;
}

p[b-z7puvtdywf] {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: white;
    margin: 10px 0 0;
}

@media(max-width: 576px) {
    .bg-gradient-blue-green[b-z7puvtdywf] {
        height: 52rem;
    }
}

h2[b-z7puvtdywf] {
    text-shadow: 4px 4px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
/* _content/series2-microsite/Pages/Shared/_HomePageGamePlayPartial.cshtml.rz.scp.css */
.description-container[b-vndzqzvjlo] {
    margin-left: 3rem;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.image-container[b-vndzqzvjlo] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .image-container:hover img[b-vndzqzvjlo] {
        opacity: 0.9;
    }

    .image-container:hover ~ .confetti[b-vndzqzvjlo] {
        transform: scale(1.2);
    }

.shadow[b-vndzqzvjlo] {
    box-shadow: 0px 30px 50px rgba(46, 91, 153, 0.1) !important;
}

.description-container[b-vndzqzvjlo] {
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0px 20px;
}

.bg.bg-grid-black[b-vndzqzvjlo] {
    --s: 100px; /* control the size */
    --_g: #0000 90deg, #27867c 0;
    background: conic-gradient(from 90deg at 2px 2px,var(--_g)) 0 0/var(--s) var(--s), conic-gradient(from 90deg at 1px 1px,var(--_g)) 0 0/calc(var(--s)/5) calc(var(--s)/5), black;
}

.bg.bg-grid-white[b-vndzqzvjlo] {
    --s: 100px; /* control the size */
    --_g: #fff6 90deg, #27867c4d 0;
    background: conic-gradient(from 90deg at 2px 2px,var(--_g)) 0 0/var(--s) var(--s), conic-gradient(from 90deg at 1px 1px,var(--_g)) 0 0/calc(var(--s)/5) calc(var(--s)/5), white;
}

video[b-vndzqzvjlo] {
    height: 480px;
    margin: 40px 0;
}

p[b-vndzqzvjlo] {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0 0 32px;
}

.whatnot[b-vndzqzvjlo] {
  background-image: linear-gradient(45deg, #00406d, transparent), url(https://media.veefriends.com/image/upload/f_auto,q_auto/a_180/v1736357627/veefriends/webpages/whatnot_bg.png);
  background-size: cover;
  background-position: center;
  border-bottom: 4px solid white;
  box-shadow: 0 40px 80px -30px black;
}

.text-yellow[b-vndzqzvjlo] {
    color: #ffe84c;
}


.card[b-vndzqzvjlo] {
    background-color:transparent !important;
    color: white;
}

@media (max-width: 991px) {
    .image-container[b-vndzqzvjlo] {
        margin-bottom: 3rem;
    }
}

@media (max-width: 576px) {
    .bg-grid[b-vndzqzvjlo] {
        height: 60rem;
    }

  .mobile-whatnot[b-vndzqzvjlo] {
    justify-content: center !important;
  }
}

@media (max-width: 400px) {
    video[b-vndzqzvjlo] {
        margin: 0;
    }
}
/* _content/series2-microsite/Pages/Shared/_HomePageHeroPartial.cshtml.rz.scp.css */
.scene-container[b-0b0xw6vqx6] {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 1152px;
    padding-top: 150px;
    top: 0;
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1674057191/veefriends/specials/www/hero-bg) no-repeat top center;
}
/* _content/series2-microsite/Pages/Shared/_HomePageShop.cshtml.rz.scp.css */
.bg[b-7iz993lywj] {
  background: linear-gradient(to left, #ff5964, #ff2fcb);
  border-bottom: 4px solid white;
  background-repeat: no-repeat;
  box-shadow: 0 40px 80px -30px black;
  position: relative;
  z-index: 1;
}

.container[b-7iz993lywj] {
    padding-top: 110px;
    padding-bottom: 110px;
}

.img-cta[b-7iz993lywj] {
    position: relative;
}

    .img-cta[b-7iz993lywj]::after {
        content: "";
        width: 100%;
        height: 100%;
        border: 2px solid black;
        border-radius: 16px;
        background: #EDB3D2;
        position: absolute;
        z-index: 0;
        left: 0;
        bottom: 0;
        transform: scale(0.9);
    }

    .img-cta[b-7iz993lywj]  .img {
        position: relative;
        z-index: 3;
        top: -25px;
        right: -6px;
        transform: rotate(-0.3deg);
    }

h2[b-7iz993lywj] {
    line-height: 78px;
}

    h2 strong[b-7iz993lywj] {
        display: block;
        font-size: 100px;
        color: #FFE84C;
        text-shadow: 4px 4px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
        text-transform: uppercase;
    }

        h2 strong:first-child[b-7iz993lywj] {
            font-size: 72px;
        }

p[b-7iz993lywj] {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    color: white;
    margin: 32px 0;
}

    p a[b-7iz993lywj] {
        font-weight: bold;
        color: white;
    }


@media (max-width: 640px) {
    h2[b-7iz993lywj] {
        line-height: 47px;
    }

        h2 strong[b-7iz993lywj] {
            font-size: 54px;
        }

            h2 strong:first-child[b-7iz993lywj] {
                font-size: 50px;
            }

    p[b-7iz993lywj] {
        font-size: 16px;
    }
}
/* _content/series2-microsite/Pages/Shared/_HomePageTilesPartial.cshtml.rz.scp.css */
@keyframes floating-b-lb81g2e3zq {
  from {
    transform: translate(0, 0px);
  }

  65% {
    transform: translate(0, 30px);
  }

  to {
    transform: translate(0, 0px);
  }
}

.tile-center[b-lb81g2e3zq],
.tile-left-top[b-lb81g2e3zq],
.tile-left-bottom[b-lb81g2e3zq],
.tile-right-top[b-lb81g2e3zq],
.tile-right-bottom[b-lb81g2e3zq] {
  animation-name: floating-b-lb81g2e3zq;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  outline: 2px solid #ffffff52;
  outline-offset: 2px;
  position: relative;
}

  .tile-center[b-lb81g2e3zq]::after,
  .tile-left-top[b-lb81g2e3zq]::after,
  .tile-left-bottom[b-lb81g2e3zq]::after,
  .tile-right-top[b-lb81g2e3zq]::after,
  .tile-right-bottom[b-lb81g2e3zq]::after {
    content: "";
    position: absolute;
    inset: 0 0 0 0;
    background: linear-gradient(143deg, #9c27b01f 58%, transparent 59%);
    z-index: 1;
    mix-blend-mode: plus-lighter;
    transition: all 250ms 0s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    user-select: none;
    pointer-events: none;
  }

  .tile-left-top:hover[b-lb81g2e3zq]::after,
  .tile-left-bottom:hover[b-lb81g2e3zq]::after,
  .tile-right-top:hover[b-lb81g2e3zq]::after,
  .tile-right-bottom:hover[b-lb81g2e3zq]::after {
    background-position: -390px -90px;
  }


  .tile-center:hover[b-lb81g2e3zq]::after {
    background-position: -420px -370px;
  }

.tile-center[b-lb81g2e3zq] {
  animation-delay: 50ms;
}

.tile-left-top[b-lb81g2e3zq] {
  animation-delay: 350ms;
}

.tile-left-bottom[b-lb81g2e3zq] {
  animation-delay: 550ms;
}

.tile-right-top[b-lb81g2e3zq] {
  animation-delay: 650ms;
}

.tile-right-bottom[b-lb81g2e3zq] {
  animation-delay: 750ms;
}

a[b-lb81g2e3zq] {
  text-decoration: none;
}

.tile-container[b-lb81g2e3zq] {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  max-width: 1440px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 60px;
  padding-bottom: 0;
  transform: scale(1);
}

.tile-center[b-lb81g2e3zq] {
  height: 12.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  position: relative;
  box-shadow: var(--shadow);
}

  .tile-center a[b-lb81g2e3zq] {
    display: block;
    padding: 2.5rem;
  }

a div[b-lb81g2e3zq] {
  position: relative;
  z-index: 10;
}

.tile-image[b-lb81g2e3zq] {
  position: absolute;
  inset: 0 0 0 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  object-fit: cover;
  transition: 500ms;
}

.tile-left-top[b-lb81g2e3zq] {
  margin-bottom: 1.25rem;
  height: 12.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  position: relative;
  box-shadow: var(--shadow);
}

  .tile-left-top a[b-lb81g2e3zq] {
    display: block;
    height: 12.5rem;
    overflow: hidden;
    border-radius: 1.5rem;
    padding: 2.5rem;
  }

.tile-left-bottom[b-lb81g2e3zq] {
  height: 12.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  position: relative;
  box-shadow: var(--shadow);
}

  .tile-left-bottom a[b-lb81g2e3zq] {
    display: block;
    height: 12.5rem;
    padding: 2.5rem;
  }

.tile-right-top[b-lb81g2e3zq] {
  margin-bottom: 1.25rem;
  height: 12.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  position: relative;
  box-shadow: var(--shadow);
}

  .tile-right-top a[b-lb81g2e3zq] {
    display: block;
    height: 12.5rem;
    padding: 2.5rem;
  }

.tile-right-bottom[b-lb81g2e3zq] {
  height: 12.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  position: relative;
  box-shadow: var(--shadow);
}

  .tile-right-bottom a[b-lb81g2e3zq] {
    display: block;
    height: 12.5rem;
    padding: 2.5rem;
  }

  .tile-center:hover .tile-image[b-lb81g2e3zq],
  .tile-left-top:hover .tile-image[b-lb81g2e3zq],
  .tile-left-bottom:hover .tile-image[b-lb81g2e3zq],
  .tile-right-top:hover .tile-image[b-lb81g2e3zq],
  .tile-right-bottom:hover .tile-image[b-lb81g2e3zq] {
    transform: scale(1.05);
    transition: 500ms;
  }

.arrow[b-lb81g2e3zq] {
  height: 3.5rem;
  width: 3.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition: 500ms
}

.tile-center:hover .arrow[b-lb81g2e3zq],
.tile-left-top:hover .arrow[b-lb81g2e3zq],
.tile-left-bottom:hover .arrow[b-lb81g2e3zq],
.tile-right-top:hover .arrow[b-lb81g2e3zq],
.tile-right-bottom:hover .arrow[b-lb81g2e3zq] {
  transform: translate(0.75rem);
  transition: 500ms
}

.tile-header[b-lb81g2e3zq] {
  font-family: obviously-condensed, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  color: white;
  text-transform: uppercase
}

.tile-title[b-lb81g2e3zq] {
  font-family: obviously-condensed, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 24px;
  color: white;
  text-shadow: 3px 3px 10px #00000059;
}

.overlay[b-lb81g2e3zq] {
  height: 100%;
  width: 100%;
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 1 !important;
  filter: brightness(.6);
}

@media (max-width: 640px) {
  .tile-container[b-lb81g2e3zq] {
    padding-top: 20px;
  }
}

@media (min-width: 640px) {
  .tile-container[b-lb81g2e3zq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tile-center[b-lb81g2e3zq] {
    grid-column: span 2 / span 2;
  }

  .tile-header[b-lb81g2e3zq] {
    font-size: 13.56px;
    line-height: 27px;
  }

  .tile-title[b-lb81g2e3zq] {
    font-size: 54px;
    line-height: 48px;
  }
}

@media (min-width: 1024px) {
  .tile-container[b-lb81g2e3zq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tile-center[b-lb81g2e3zq] {
    order: 2;
    grid-column: span 1 / span 1;
    grid-row: span 2 / span 2;
    height: 730px;
    flex: 1 1 auto;
    top: -38px;
    position: relative;
  }

  .tile-left-col[b-lb81g2e3zq] {
    order: 1;
    display: flex;
    flex-direction: column;
    transform: perspective(1400px) rotateY(-15deg) rotateX(8deg);
  }

  .tile-left-top[b-lb81g2e3zq] {
    --h: 330px;
    height: var(--h);
  }

    .tile-left-top a[b-lb81g2e3zq] {
      height: var(--h);
    }

  .tile-left-bottom[b-lb81g2e3zq] {
    --h: 265px;
    height: var(--h);
  }

    .tile-left-bottom a[b-lb81g2e3zq] {
      height: var(--h);
    }

  .tile-right-col[b-lb81g2e3zq] {
    order: 3;
    display: flex;
    flex-direction: column;
    transform: perspective(1400px) rotateY(15deg) rotateX(8deg);
  }

  .tile-right-top[b-lb81g2e3zq] {
    --h: 330px;
    height: var(--h);
  }

    .tile-right-top a[b-lb81g2e3zq] {
      height: var(--h);
    }

  .tile-right-bottom[b-lb81g2e3zq] {
    --h: 265px;
    height: var(--h);
  }

    .tile-right-bottom a[b-lb81g2e3zq] {
      height: var(--h);
    }

  .tile-image[b-lb81g2e3zq] {
    height: 100%;
    width: 100%;
    object-fit: cover;
    inset: 0 0 0 0;
  }
}

[b-lb81g2e3zq] .character-image,
.character-image[b-lb81g2e3zq] {
  margin: 60px auto 0;
  display: block;
  max-width: 100%;
}

/* max height is 1262px */
@media (max-height: 680px) {
  .tile-container[b-lb81g2e3zq] {
    padding-top: 0;
    transform: scale(.9);
    margin-top: -50px;
  }
}
/* _content/series2-microsite/Pages/Shared/_HomePageToppsChrome.cshtml.rz.scp.css */
.bg[b-ng16ede5so] {
  background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1744310598/test/hero-10);
  border-bottom: 4px solid white;
  background-repeat: no-repeat;
  box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .5);
  position: relative;
  z-index: 2;
  background-size: cover;
}

.container[b-ng16ede5so] {
    padding-top: 110px;
    padding-bottom: 110px;
}

.img-cta[b-ng16ede5so] {
    position: relative;
}

    .img-cta[b-ng16ede5so]::after {
        content: "";
        width: 100%;
        height: 100%;
        border: 2px solid black;
        border-radius: 16px;
        background: #EDB3D2;
        position: absolute;
        z-index: 0;
        left: 0;
        bottom: 0;
        transform: scale(0.9);
    }

    .img-cta[b-ng16ede5so]  .img {
        position: relative;
        z-index: 3;
        top: -25px;
        right: -6px;
        transform: rotate(-0.3deg);
    }

h2[b-ng16ede5so] {
    line-height: 78px;
}

    h2 strong[b-ng16ede5so] {
        display: block;
        font-size: 100px;
        color: #FFE84C;
        text-shadow: 4px 4px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
        text-transform: uppercase;
    }

        h2 strong:first-child[b-ng16ede5so] {
            font-size: 72px;
        }

p[b-ng16ede5so] {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 30px */
    color: white;
    margin: 32px 0;
}

    p a[b-ng16ede5so] {
        font-weight: bold;
        color: white;
    }


@media (max-width: 640px) {
    h2[b-ng16ede5so] {
        line-height: 47px;
    }

        h2 strong[b-ng16ede5so] {
            font-size: 54px;
        }

            h2 strong:first-child[b-ng16ede5so] {
                font-size: 50px;
            }

    p[b-ng16ede5so] {
        font-size: 16px;
    }
}
/* _content/series2-microsite/Pages/Shared/_HomePageWelcomeMarquee.cshtml.rz.scp.css */
.marquee[b-a3ys6mm0ou] {
  height: 46px;
  padding-left: 0px;
  background: #EDE901;
  border-bottom: 4px solid white;
  border-top: 4px solid white;
  box-shadow: 0 10px 40px 0px #0000006e;
  position: relative;
  z-index: 3;
}

[b-a3ys6mm0ou] .js-marquee,
.js-marquee[b-a3ys6mm0ou] {
    display: flex;
}

    [b-a3ys6mm0ou] .js-marquee span,
    .js-marquee span[b-a3ys6mm0ou] {
        color: #12110D;
        text-align: center;
        font-family: obviously-narrow, sans-serif;
        font-style: normal;
        font-weight: 800;
        font-size: 20px;
        font-style: normal;
        line-height: 32px;
        text-transform: uppercase;
        display: block;
        margin: 0 40px;
    }
/* _content/series2-microsite/Pages/Shared/_HomePageWhatIsVeeFriendsPartial.cshtml.rz.scp.css */
@media(max-width: 76p8x) {
    .h-what-is-veefriends[b-n2feecxwll] {
        height: 40rem;
    }
}

h1[b-n2feecxwll] {
    text-shadow: 0px 1px 3px rgb(0 0 0 / 30%) !important;
}
/* _content/series2-microsite/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_LoginPartial.cshtml.rz.scp.css */
#userLoginOptions[b-jr4kiimr97] {
    background: linear-gradient(to bottom, #fceb00, #f7cd00, #f8d000);
    border-radius: 832.5px;
    box-sizing: border-box;
    box-shadow: inset 0 0 4px #f5b300, 0 10px 10px #0000001c;
    padding: 15px;
}

    #userLoginOptions img[b-jr4kiimr97] {
        border: 2px solid #f5b300;
        display: block;
        margin-right: 14px;
    }

    #userLoginOptions[b-jr4kiimr97]::after {
        display: none;
    }

    #userLoginOptions:hover[b-jr4kiimr97] {
        opacity: 0.9;
        cursor: pointer;
    }

.dropdown-user > strong[b-jr4kiimr97] {
    display: block;
    text-align: left;
    text-transform: uppercase;
    margin-right: 14px;
}

.dropdown-user_name[b-jr4kiimr97] {
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 20px;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #cc4400;
}

.dropdown-user_address[b-jr4kiimr97] {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #cc4400;
    mix-blend-mode: normal;
    opacity: 0.5;
}

@media (max-width: 1024px) {
    .dropdown[b-jr4kiimr97] {
        margin-left: 0 !important;
    }
}

.order-item-container[b-jr4kiimr97] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    .order-item-container .options[b-jr4kiimr97] {
        display: flex;
        flex-direction: row;
    }

.spacer[b-jr4kiimr97] {
    margin-right: 1rem;
}

@media (max-width: 991px) {
    .order-item-container[b-jr4kiimr97] {
        flex-direction: column;
        align-items: center;
    }

        .order-item-container .info[b-jr4kiimr97] {
            margin-bottom: 1rem;
        }
}

@media (max-width: 440px) {
    .order-item-container .options[b-jr4kiimr97] {
        flex-direction: column;
    }

    .button-wrapper[b-jr4kiimr97] {
        display: flex;
        justify-content: center;
    }

    .spacer[b-jr4kiimr97] {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
}

.mobile-avatar[b-jr4kiimr97] {
    display: block;
    height: 2.5rem;
    width: 2.5rem;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    border: 2px solid white;
}
/* _content/series2-microsite/Pages/Shared/_LogoAnimation.cshtml.rz.scp.css */
.wrapper[b-3f6vozbq2u] {
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1667320373/veefriends/access-events/assets/vf-home-grey) no-repeat;
    position: relative;
    overflow: hidden;
    width: 220px;
    height: 49px;
    cursor: pointer;
}

#slide[b-3f6vozbq2u] {
    position: absolute;
    left: -200px;
    width: 200px;
    height: 20px;
    margin-top: 19px;
    margin-left: 68px;
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1667884255/veefriends/specials/www/nav-logo-veefriends) no-repeat;
    transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
    opacity: 0;
}

.wrapper:hover #slide[b-3f6vozbq2u] {
    left: 0;
    opacity: 1;
}

.wrapper:hover[b-3f6vozbq2u] {
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1667320373/veefriends/access-events/assets/vf-home-color) no-repeat;
}

@media (max-width: 991px) {
    .wrapper #slide[b-3f6vozbq2u] {
        left: 0;
        opacity: 1;
    }

    .wrapper[b-3f6vozbq2u] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1667320373/veefriends/access-events/assets/vf-home-color) no-repeat;
    }
}
/* _content/series2-microsite/Pages/Shared/_MarketReceiptModalPartial.cshtml.rz.scp.css */
[b-ioy5w3loxs] .action-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

    [b-ioy5w3loxs] .action-items li {
        text-align: left;
        display: block;
        position: relative;
    }

[b-ioy5w3loxs] .action-btn {
    text-decoration: none;
    display: block;
    padding: 0px;
    margin-right: 4px;
    margin-bottom: 15px;
    font-size: 14px;
}

[b-ioy5w3loxs] .action-step {
    position: absolute;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #6a6fff;
    left: 0;
    overflow: hidden;
    background: #9df4d0;
    border-radius: 100%;
    font-weight: 900;
    font-size: 22px;
    line-height: 39px;
}

[b-ioy5w3loxs] .action-blurb-go {
    display: block;
    margin-top: 6px;
    margin-bottom: 22px;
    color: rgba(var(--bs-link-color-rgb));
    text-decoration: underline;
}

[b-ioy5w3loxs] .action-title {
    display: block;
    color: #666dff;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 55px;
}

[b-ioy5w3loxs] .action-blurb {
    display: block;
    text-decoration: none;
    color: black;
    line-height: 18px;
    margin-top: 5px;
    margin-left: 55px;
}

[b-ioy5w3loxs] .action-info {
    display: block;
    color: black;
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

    [b-ioy5w3loxs] .action-info strong {
        display: block;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    [b-ioy5w3loxs] .action-info span {
        display: block;
    }

[b-ioy5w3loxs] .pricing-details {
    border-top: 1px solid #efefef;
    margin: 15px 0 20px;
    padding-top: 15px;
}

[b-ioy5w3loxs] .details-item__actions {
    position: absolute;
    top: 885px;
    background: white;
    left: 0;
    padding: 10px;
    box-shadow: 0px -13px 32px -28px;
    height: 100%;
    margin-top: 40px;
    transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

    [b-ioy5w3loxs] .details-item__actions.active {
        top: 0;
    }

[b-ioy5w3loxs] .container-fluid__receipt {
    overflow: hidden;
    position: relative;
}

[b-ioy5w3loxs] .open-drawer {
    position: absolute;
    top: -23px;
    left: calc(50% - 20px);
    color: black;
    font-size: 17px;
    background: white;
    height: 25px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 -7px 9px -5px rgba(0, 0, 0, .5);
    cursor: pointer;
}

[b-ioy5w3loxs] .close-drawer {
    position: absolute;
    right: 20px;
    top: 20px;
    text-decoration: none;
    height: 40px;
    width: 40px;
    background: #efefef;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    color: #ccc;
    cursor: pointer;
}

[b-ioy5w3loxs] .details-item__banner {
    pointer-events: none;
    position: relative;
    top: 20px;
    opacity: 0;
    transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

[b-ioy5w3loxs] .details-item__actions.active .details-item__banner {
    top: -20px;
    opacity: 1;
}

[b-ioy5w3loxs] .close-drawer:hover {
    color: #000;
}
.required-label[b-ioy5w3loxs]::before {
    content: '*';
    color: red;
    margin-right: 5px;
}
.error-checkbox[b-ioy5w3loxs] {
    outline: 2px solid red;
}

.market-warning-section[b-ioy5w3loxs] {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.market-warning-section h4[b-ioy5w3loxs] {
    margin-top: 0;
}

.red-button[b-ioy5w3loxs] {
    color: red;
}
/* _content/series2-microsite/Pages/Shared/_MediaGalleryWebPagesPartial.cshtml.rz.scp.css */
/*@media (max-width: 991px) {
    .carousel {
        display: none;
    }
}

@media (min-width: 991px) {
    .mobile-carousel {
        display: none;
    }
}*/

.carousel > input[b-by8w8jrj7s] {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
}

    .carousel > input:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type[b-by8w8jrj7s] {
        margin-left: -500%;
    }

    .carousel > input:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type[b-by8w8jrj7s] {
        margin-left: -400%;
    }

    .carousel > input:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type[b-by8w8jrj7s] {
        margin-left: -300%;
    }

    .carousel > input:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type[b-by8w8jrj7s] {
        margin-left: -200%;
    }

    .carousel > input:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type[b-by8w8jrj7s] {
        margin-left: -100%;
    }

    .carousel > input:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type[b-by8w8jrj7s] {
        margin-left: 0%;
    }

    .carousel > input:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1)[b-by8w8jrj7s] {
        box-shadow: 0px 0px 0px 4px #00AD83;
    }

    .carousel > input:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2)[b-by8w8jrj7s] {
        box-shadow: 0px 0px 0px 4px #00AD83;
    }

    .carousel > input:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3)[b-by8w8jrj7s] {
        box-shadow: 0px 0px 0px 4px #00AD83;
    }

    .carousel > input:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4)[b-by8w8jrj7s] {
        box-shadow: 0px 0px 0px 4px #00AD83;
    }

    .carousel > input:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5)[b-by8w8jrj7s] {
        box-shadow: 0px 0px 0px 4px #00AD83;
    }

    .carousel > input:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6)[b-by8w8jrj7s] {
        box-shadow: 0px 0px 0px 4px #00AD83;
    }

.carousel__slides[b-by8w8jrj7s] {
    z-index: 1;
    white-space: nowrap;
    box-sizing: border-box;
}

.carousel__slide[b-by8w8jrj7s] {
    flex: 1 0 100%;
    transition: all 300ms ease-out;
    vertical-align: top;
    box-sizing: border-box;
    white-space: normal;
}

    .carousel__slide div[b-by8w8jrj7s]:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 58%;
    }

    .carousel__slide img[b-by8w8jrj7s] {
        flex: 1 1 auto;
        object-fit: cover;
        max-height: 500px;
    }

    .carousel__slide.scrollable[b-by8w8jrj7s] {
        overflow-y: scroll;
    }

.carousel__thumbnails[b-by8w8jrj7s] {
    list-style: none;
    margin: 0 -10px;
}

.carousel__slides + .carousel__thumbnails[b-by8w8jrj7s] {
    margin-top: 20px;
}

.carousel__thumbnails li[b-by8w8jrj7s] {
    flex: 1 1 auto;
    max-width: calc((100% / 6) - 20px);
    margin: 0 10px;
    transition: all 300ms ease-in-out;
}

.carousel__thumbnails label[b-by8w8jrj7s]:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 66%;
}

.carousel__thumbnails label:hover[b-by8w8jrj7s], .carousel__thumbnails label:focus[b-by8w8jrj7s] {
    cursor: pointer;
}

    .carousel__thumbnails label:hover img[b-by8w8jrj7s], .carousel__thumbnails label:focus img[b-by8w8jrj7s] {
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
        transition: all 300ms ease-in-out;
    }

.carousel__thumbnails img[b-by8w8jrj7s] {
    object-fit: cover;
}
/* _content/series2-microsite/Pages/Shared/_MeetMeInTheMiddleHeroPartial.cshtml.rz.scp.css */
.hero-foreground[b-3f8oax68cf] {
    background: url(https://media.veefriends.com/image/upload/q_auto,f_auto/v1718049896/veefriends/webpages/mmitm/hero/foreground) no-repeat bottom center;
    background-size: contain;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 5;
}

.hero-background[b-3f8oax68cf] {
    background: url(https://media.veefriends.com/image/upload/q_auto,f_auto/v1718049896/veefriends/webpages/mmitm/hero/background) no-repeat top center fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 1;
}

.hero-container[b-3f8oax68cf] {
    height: 1200px;
    overflow: hidden;
}

@media(max-width: 1480px) {
    .hero-container[b-3f8oax68cf] {
        height: 1160px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 1160px;
    }
}

@media(max-width: 1400px) {
    .hero-container[b-3f8oax68cf] {
        height: 955px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 955px;
    }
}

@media(max-width: 1200px) {
    .clap[b-3f8oax68cf] {
        width: 10rem;
        top: -75px !important;
    }

    .hero-container[b-3f8oax68cf] {
        height: 850px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 850px;
    }
}

@media(max-width: 992px) {
    .hero-container[b-3f8oax68cf] {
        height: 750px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 750px;
    }
}

@media(max-width: 768px) {
    .clap[b-3f8oax68cf] {
        width: 7rem;
        top: -55px !important;
    }

    .hero-container[b-3f8oax68cf] {
        height: 630px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 630px;
    }
}

@media(max-width: 691px) {
    .hero-container[b-3f8oax68cf] {
        height: 615px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 615px;
    }
}

@media(max-width: 576px) {
    .hero-container[b-3f8oax68cf] {
        height: 625px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 625px;
    }
}

@media(max-width: 544px) {
    .hero-container[b-3f8oax68cf] {
        height: 610px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 610px;
    }
}

@media(max-width: 521px) {
    .hero-container[b-3f8oax68cf] {
        height: 585px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 585px;
    }
}

@media(max-width: 499px) {
    .hero-container[b-3f8oax68cf] {
        height: 570px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 570px;
    }
}

@media(max-width: 470px) {
    .hero-container[b-3f8oax68cf] {
        height: 550px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 550px;
    }
}

@media(max-width: 460px) {
    .hero-container[b-3f8oax68cf] {
        height: 540px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 540px;
    }
}

@media(max-width: 442px) {
    .hero-container[b-3f8oax68cf] {
        height: 530px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 530px;
    }
}

@media(max-width: 415px) {
    .hero-container[b-3f8oax68cf] {
        height: 510px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 510px;
    }
}

@media(max-width: 398px) {
    .hero-container[b-3f8oax68cf] {
        height: 490px;
    }

    .hero-background[b-3f8oax68cf] {
        max-height: 490px;
    }
}

.hero-content[b-3f8oax68cf] {
    position: relative;
    z-index: 10;
}

.canvas[b-3f8oax68cf] {
    width: 100%;
    left: 0;
}

.pig[b-3f8oax68cf], .eagle[b-3f8oax68cf] {
    width: 50%;
    position: absolute;
}

.pig[b-3f8oax68cf] {
    animation: 1000ms ease-in-out 0s 1 normal none running slideFromRightJumpPulse-b-3f8oax68cf;
    right: 0;
}

.eagle[b-3f8oax68cf] {
    animation: 1000ms ease-in-out 0s 1 normal none running slideFromLeftJumpPulse-b-3f8oax68cf;
    left: 0;
}

    .eagle img[b-3f8oax68cf] {
        display: block;
        width: 100%;
    }

    .pig img[b-3f8oax68cf] {
        display: block;
        width: 113%;
    }


.clap[b-3f8oax68cf] {
    animation: 200ms ease-in-out 800ms 1 normal forwards fadeInThenPulse-b-3f8oax68cf;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -100px;
    opacity: 0;
}

@keyframes fadeInThenPulse-b-3f8oax68cf {
    0% {
        transform: scale(1) translateX(-50%);
    }

    50% {
        opacity: 1;
        transform: scale(1.05) translateX(-50%);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateX(-50%);
    }
}

@keyframes slideFromLeftJumpPulse-b-3f8oax68cf {
    0% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(0);
    }

    60% {
        transform: translateY(0);
    }

    70% {
        transform: translateY(-20px);
    }

    80% {
        transform: translateY(0);
    }

    90% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes slideFromRightJumpPulse-b-3f8oax68cf {
    0% {
        transform: translateX(100%);
    }

    50% {
        transform: translateX(0);
    }

    60% {
        transform: translateY(0);
    }

    70% {
        transform: translateY(-20px);
    }

    80% {
        transform: translateY(0);
    }

    90% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
/* _content/series2-microsite/Pages/Shared/_NavBar.cshtml.rz.scp.css */
.z-index-100[b-j9dgx4lnls] {
    z-index: 100;
}

.navbar[b-j9dgx4lnls] {
    box-shadow: none !important;
}

.dropdown-menu[b-j9dgx4lnls] {
    width: 13rem;
}

.pointer[b-j9dgx4lnls] {
    cursor: pointer;
}

[b-j9dgx4lnls] .nav-link:target,
[b-j9dgx4lnls] .nav-link:hover,
[b-j9dgx4lnls] .nav-link:active,
[b-j9dgx4lnls] .nav-link:focus,
[b-j9dgx4lnls] .nav-link.active {
    color: #F8E02B !important;
}

.bg.bg-green[b-j9dgx4lnls] {
    background: var(--green);
}

.bg.bg-transparent[b-j9dgx4lnls] {
    background: transparent;
}

.bg.bg-red[b-j9dgx4lnls] {
    background: linear-gradient(to bottom, #7b283f 43%, transparent);
}

.bg-blue[b-j9dgx4lnls] {
    background: #286482;
}

[b-j9dgx4lnls] .text-green {
    color: var(--green);
}

[b-j9dgx4lnls] .dropdown-toggle::after {
    display: none;
}

[b-j9dgx4lnls] .bg-transparent .text-white,
[b-j9dgx4lnls] .bg-transparent .dropdown-toggle::after {
    text-shadow: 0px 1px 3px rgb(0 0 0 / 30%) !important;
    color: #fff;
}

[b-j9dgx4lnls] .navbar-toggler .navbar-toggler-icon {
    filter: invert(100%) !important;
}

@media (min-width: 1200px) {
    .dropdown-menu[b-j9dgx4lnls] {
        margin-top: -15px;
    }
}
/* _content/series2-microsite/Pages/Shared/_NavBarCharacterMegaMenu.cshtml.rz.scp.css */
#megaMenu[b-ztiztjimnq] {
    left: 0 !important;
    width: 100%;
    border-radius: 0;
    background: white;
    position: absolute;
    margin: 0;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    padding: 40px 0;
    box-shadow: 0 30px 40px -20px #00000024;
    transition: all 270ms 0s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    pointer-events: none;
    user-select: none;
    opacity: 0;
    transform: translateY(-40px);
    z-index: 2;
}

    #megaMenu.show[b-ztiztjimnq] {
        pointer-events: all;
        opacity: 1;
        transform: translateY(0);
    }

@media(max-width: 1199px) {
    #megaMenu[b-ztiztjimnq] {
        margin-top: -250px;
    }
}

#filterArea ul[b-ztiztjimnq] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    #filterArea ul li[b-ztiztjimnq] {
        display: inline-block;
        height: 30px;
        width: 30px;
        line-height: 30px;
        background: #F8F8F8;
        text-align: center;
        margin: 9px 5px;
        border-radius: 100%;
    }

        #filterArea ul li a[b-ztiztjimnq] {
            text-decoration: none;
            font-size: 13px;
            display: block;
        }

        #filterArea ul li:hover[b-ztiztjimnq],
        #filterArea ul li:has(a.active)[b-ztiztjimnq] {
            background: var(--green);
        }

            #filterArea ul li:hover a[b-ztiztjimnq],
            #filterArea ul li a.active[b-ztiztjimnq] {
                color: white;
            }

        #filterArea ul li a.disabled[b-ztiztjimnq] {
            color: #999;
            background: white;
            pointer-events: none;
            user-select: none;
        }

#searchArea input[b-ztiztjimnq] {
    background: #F8F8F8 url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1673288848/veefriends/specials/www/socials/search-icon.png) no-repeat 96% center;
    border-radius: 4px;
    height: 48px;
    line-height: 48px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: rgba(33, 37, 41, 0.5);
    border: 0 none;
    text-indent: 15px;
    width: 100%;
    position: relative;
}

#resultArea[b-ztiztjimnq] {
    overflow-y: scroll;
    max-height: 565px;
    position: relative;
    padding: 10px 0 0;
}

@media (max-width: 991px) {
    #resultArea[b-ztiztjimnq] {
        max-height: 387px;
    }
}

[b-ztiztjimnq] .character {
    text-align: center;
    border: 2px solid #2125291a;
    border-radius: 15px;
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(-10px);
    will-change: transform;
    min-height: 16rem;
    box-shadow: inset 0 0 70px -41px var(--primaryColor);
}

    [b-ztiztjimnq] .character a {
        display: block;
        text-decoration: none;
    }

    [b-ztiztjimnq] .character img {
        height: 163px;
        display: block;
        margin: 15px auto 0;
        transition: all 350ms 0s cubic-bezier(0.175, 0.885, 0.320, 1.275);
        transform: translateY(0);
    }

@media (max-width: 991px) {
    [b-ztiztjimnq] .character img {
        height: 119px;
    }
}

[b-ztiztjimnq] .character h4 {
    text-align: center;
    display: block;
    margin: 15px auto;
    padding: 0 10px;
    line-height: 22px;
}

[b-ztiztjimnq] .character:hover {
    border: 2px solid var(--primaryColor);
}

    [b-ztiztjimnq] .character:hover img {
        transform: translateY(-8px);
    }

#resultAreaBefore[b-ztiztjimnq],
#resultAreaAfter[b-ztiztjimnq] {
    display: block;
    position: absolute;
    left: 0;
    width: calc(100% - 22px);
    height: 28px;
    background: red;
    z-index: 4;
    pointer-events: none;
    user-select: none;
}

#resultAreaBefore[b-ztiztjimnq] {
    top: 0;
    background: linear-gradient(to bottom, white, transparent);
}

#resultAreaAfter[b-ztiztjimnq] {
    bottom: 0;
    background: linear-gradient(to top, white, transparent);
}

#megaMenuOverlay[b-ztiztjimnq] {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff5c;
    width: 100%;
    height: 100%;
    z-index: 1;
    backdrop-filter: blur(1px);
    display: none;
}

#megaMenu.show + #megaMenuOverlay[b-ztiztjimnq] {
    display: block;
}

[b-ztiztjimnq] .access-token {
    position: absolute;
    left: 0;
    width: calc(100% - 10px);
    top: 0;
    padding: 3px 0;
    background: linear-gradient(45deg, #16daaa, var(--green));
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    margin: 5px 5px;
    border-radius: 9px;
}
/* _content/series2-microsite/Pages/Shared/_NavBarEventsMegaMenu.cshtml.rz.scp.css */
#eventsMegaMenu[b-k2zxyzw68g] {
    left: 0 !important;
    width: 100%;
    border-radius: 0;
    background: white;
    position: absolute;
    margin: 0;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    padding: 2.5rem 0;
    box-shadow: 0 30px 40px -20px #00000024;
    transition: all 270ms 0s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    pointer-events: none;
    user-select: none;
    opacity: 0;
    transform: translateY(-2.5rem);
    z-index: 2;
}

    #eventsMegaMenu.show[b-k2zxyzw68g] {
        pointer-events: all;
        opacity: 1;
        transform: translateY(0);
    }

#eventsMegaMenuOverlay[b-k2zxyzw68g] {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff5c;
    width: 100%;
    height: 100%;
    z-index: 1;
    backdrop-filter: blur(1px);
    display: none;
}

#eventsMegaMenu.show + #eventsMegaMenuOverlay[b-k2zxyzw68g] {
    display: block;
}

.glob img[b-k2zxyzw68g] {
    max-height: 22.5rem;
}

.glob[b-k2zxyzw68g] {
    position: relative;
    z-index: 0;
    top: -3.75rem;
}

.stack[b-k2zxyzw68g] {
    position: relative;
    z-index: 1;
}

.image-block[b-k2zxyzw68g] {
    max-height: 18.75rem;
}

.events-stack img[b-k2zxyzw68g],
.access-stack img[b-k2zxyzw68g] {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.content-block[b-k2zxyzw68g] {
    margin-bottom: 1.25rem;
}

    .content-block h1[b-k2zxyzw68g] {
        text-transform: uppercase;
        font-size: 1.4rem;
    }

    .content-block p[b-k2zxyzw68g] {
        font-size: .8rem;
        color: black;
    }

#eventsMegaMenu.show .s1-access .access-stack img[b-k2zxyzw68g] {
    transition: all 450ms 50ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

    #eventsMegaMenu.show .s1-access .access-stack img:nth-child(1)[b-k2zxyzw68g] {
        transform: translateX(-4.375rem);
    }

    #eventsMegaMenu.show .s1-access .access-stack img:nth-child(2)[b-k2zxyzw68g] {
        transform: translateX(-1.875rem);
    }

    #eventsMegaMenu.show .s1-access .access-stack img:nth-child(3)[b-k2zxyzw68g] {
        transform: translateX(1.875rem);
    }

    #eventsMegaMenu.show .s1-access .access-stack img:nth-child(4)[b-k2zxyzw68g] {
        transform: translateY(-1.25rem);
    }

#eventsMegaMenu.show .access-events .events-stack img[b-k2zxyzw68g] {
    transition: all 450ms 50ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

    #eventsMegaMenu.show .access-events .events-stack img:nth-child(1)[b-k2zxyzw68g] {
        transform: translateX(-8.125rem);
    }

    #eventsMegaMenu.show .access-events .events-stack img:nth-child(2)[b-k2zxyzw68g] {
        transform: translateX(0rem) translateY(-2.5rem);
    }

    #eventsMegaMenu.show .access-events .events-stack img:nth-child(3)[b-k2zxyzw68g] {
        transform: translateX(8.75rem);
    }

    #eventsMegaMenu.show .access-events .events-stack img:nth-child(4)[b-k2zxyzw68g] {
        transform: translateY(2.5rem) translateX(-3.75rem);
    }

@media(max-width: 1199px) {
    #eventsMegaMenu[b-k2zxyzw68g] {
        margin-top: -2rem;
    }
}

@media(max-width: 991px) {
    .image-block[b-k2zxyzw68g] {
        max-height: 16.75rem;
    }

    .stack img[b-k2zxyzw68g] {
    }
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsApprovalPaymentPartial.cshtml.rz.scp.css */
.border-primary[b-nq7r52clih] {
    border: 2px solid #00AD83;
}

.pt-xs[b-nq7r52clih] {
    padding-top: 0.125rem;
}

.w-15[b-nq7r52clih] {
    width: 15rem;
}

svg.icon[b-nq7r52clih] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-nq7r52clih], .hov:focus[b-nq7r52clih] {
    filter: brightness(.9);
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsAuctionFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsBiNftFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsBurnMintPaymentPartial.cshtml.rz.scp.css */
.border-primary[b-yn42z1589n] {
    border: 2px solid #00AD83;
}

.pt-xs[b-yn42z1589n] {
    padding-top: 0.125rem;
}

.w-15[b-yn42z1589n] {
    width: 15rem;
}

svg.icon[b-yn42z1589n] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-yn42z1589n], .hov:focus[b-yn42z1589n] {
    filter: brightness(.9);
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsBurnPaymentPartial.cshtml.rz.scp.css */
.border-primary[b-rz9bqj2uv6] {
    border: 2px solid #00AD83;
}

.pt-xs[b-rz9bqj2uv6] {
    padding-top: 0.125rem;
}

.w-15[b-rz9bqj2uv6] {
    width: 15rem;
}

svg.icon[b-rz9bqj2uv6] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-rz9bqj2uv6], .hov:focus[b-rz9bqj2uv6] {
    filter: brightness(.9);
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsCalendlyFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsCharacterQuizFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsClaimedTokensSectionPartial.cshtml.rz.scp.css */
.border-primary[b-0y6tiy4xr9] {
    border: 2px solid #00AD83;
}

.border-bottom:last-child[b-0y6tiy4xr9] {
    border-bottom: none !important;
}

.py-3:last-child[b-0y6tiy4xr9] {
    padding-bottom: 0 !important;
}

.pt-xs[b-0y6tiy4xr9] {
    padding-top: 0.125rem;
}

.w-15[b-0y6tiy4xr9] {
    width: 15rem;
}

svg.icon[b-0y6tiy4xr9] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    fill: #000;
}

.hov:hover[b-0y6tiy4xr9], .hov:focus[b-0y6tiy4xr9] {
    filter: brightness(.9);
}

.bg-primary-light[b-0y6tiy4xr9] {
    background-color: rgba(240,224,52,0.4);
}

[b-0y6tiy4xr9] .br-half {
    border-radius: 1.25rem;
}

.token-img-container img[b-0y6tiy4xr9] {
    height: 3rem;
}

.icon[b-0y6tiy4xr9] {
    height: 1.5rem;
    width: 1.5rem;
}

.print-icon-border[b-0y6tiy4xr9] {
    border-radius: 100%;
    border: 2px solid #00AD83;
}

.border-avatar[b-0y6tiy4xr9] {
    border-radius: 100%;
    border: 2px solid #007b5d;
}

.hover-darken[b-0y6tiy4xr9] {
    transition: background-color 0.5s ease;
}

    .hover-darken:hover[b-0y6tiy4xr9] {
        background-color: lightgray;
    }

@media(max-width: 992px) {
    .print-icon-border[b-0y6tiy4xr9] {
        border: none;
    }
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsDigitalMediaContestPaymentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsDiscordFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsDrawingContestFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsEmailGateFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsEssayContestFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsFormPaymentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsFulfillmentsSectionPartial.cshtml.rz.scp.css */
.border-primary[b-nw8xkg7kk6] {
    border: 2px solid #00AD83;
}

.pt-xs[b-nw8xkg7kk6] {
    padding-top: 0.125rem;
}

.w-15[b-nw8xkg7kk6] {
    width: 15rem;
}

svg.icon[b-nw8xkg7kk6] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-nw8xkg7kk6], .hov:focus[b-nw8xkg7kk6] {
    filter: brightness(.9);
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsGameQuestionFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsGameQuestionPaymentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsHeaderSectionPartial.cshtml.rz.scp.css */
.border-primary[b-kbhqrdy7a3] {
    border: 2px solid #00AD83;
}

.pt-xs[b-kbhqrdy7a3] {
    padding-top: 0.125rem;
}

.w-15[b-kbhqrdy7a3] {
    width: 15rem;
}

svg.icon[b-kbhqrdy7a3] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    fill: #000;
}

.hov:hover[b-kbhqrdy7a3], .hov:focus[b-kbhqrdy7a3] {
    filter: brightness(.9);
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsMeetFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsMetadataFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsMintFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsModalPartial.cshtml.rz.scp.css */
[b-gysy5o1lt8] {
    --offWhite: var(--bs-gray-400);
    --textColor: black;
}

div.modal:has(> .modal.show)[b-gysy5o1lt8] {
    opacity: 0 !important;
}

.modal-content[b-gysy5o1lt8] {
    background: none;
    border-radius: 5px;
}

.modal-body[b-gysy5o1lt8] {
    background: #FFF;
    padding: 30px 30px 20px;
}

.modal-breadcrumbs[b-gysy5o1lt8] {
    font-size: 12px;
}

    .modal-breadcrumbs .order .order-text[b-gysy5o1lt8] {
        color: var(--green);
    }

    .modal-breadcrumbs .order .order-icon[b-gysy5o1lt8] {
        display: block;
        margin-right: 5px;
        position: relative;
        top: -2px;
    }

.order-identifier[b-gysy5o1lt8] {
    color: var(--textColor);
}

    .order-identifier .order-identifier-text[b-gysy5o1lt8] {
        font-size: 1rem;
        font-weight: bold;
    }

    .order-identifier .order-identifier-icon[b-gysy5o1lt8] {
        position: relative;
        top: -3px;
        margin-left: 10px;
    }

    .order-identifier .order-identifier-date[b-gysy5o1lt8] {
        font-size: 12px;
        font-weight: normal;
    }

.order-status[b-gysy5o1lt8] {
    color: var(--textColor);
    border-radius: 30px;
    border: 1px solid var(--textColor);
    text-align: center;
    font-size: 12px;
    padding: 3px 15px;
    display: inline-block;
}

    .order-status .order-identifier-icon[b-gysy5o1lt8] {
        position: relative;
        top: -2px;
        left: -3px;
    }

.order-action[b-gysy5o1lt8]  .display-content_link {
    margin-top: 5px;
    display: block;
    margin-right: 10px;
}

.model-subheader[b-gysy5o1lt8] {
    border-bottom: 1px solid var(--offWhite);
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.details-list[b-gysy5o1lt8] {
    border-top: 1px solid var(--offWhite);
    padding-top: 20px;
    margin-top: 30px;
}

.details-main img[b-gysy5o1lt8] {
    /*    width: 54px;
    height: 54px;*/
    margin-right: 13px;
}

.details-main h2[b-gysy5o1lt8] {
    color: #fff;
    font-size: 20px;
    line-height: 16px;
}

    .details-main h2 small[b-gysy5o1lt8] {
        font-size: 11px;
        display: block;
        margin: 7px 0 0;
        color: #bb7d9d;
    }

.details-main .details-main-value[b-gysy5o1lt8] {
    font-size: 12px;
    color: var(--textColor);
    text-align: right;
}

    .details-main .details-main-value strong[b-gysy5o1lt8],
    .details-main .details-main-value span[b-gysy5o1lt8] {
        display: block;
    }

.details-item[b-gysy5o1lt8] {
    margin-top: 25px;
    border-radius: 10px;
    background: #c4f1e6;
}

    .details-item img[b-gysy5o1lt8] {
        height: 48px;
        margin-right: 15px;
    }

    .details-item .details-item_row[b-gysy5o1lt8] {
        padding: 15px;
        border-bottom: 1px solid #3a0d26;
        border-top: 1px solid #2e061c;
    }

        .details-item .details-item_row:last-child[b-gysy5o1lt8] {
            border-bottom: 0 none;
        }

        .details-item .details-item_row:first-child[b-gysy5o1lt8] {
            border-top: 0 none;
        }

    .details-item .details-item_row-value[b-gysy5o1lt8] {
        font-size: 12px;
        font-weight: normal;
        color: var(--textColor);
        text-align: right;
    }

        .details-item .details-item_row-value span[b-gysy5o1lt8] {
            display: block;
        }

    .details-item .details-item_row-key[b-gysy5o1lt8] {
        font-size: 12px;
        font-weight: normal;
        color: var(--textColor);
        display: flex;
        text-align: left;
        align-items: center;
    }

        .details-item .details-item_row-key h3[b-gysy5o1lt8] {
            font-size: 14px;
        }

.details-list .details-list-item[b-gysy5o1lt8] {
    color: var(--textColor);
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    font-size: 12px;
    padding: 3px 0;
}

.details-list .col-12:last-child .details-list-item[b-gysy5o1lt8] {
    border-bottom: 0 none;
}

.action-item[b-gysy5o1lt8] {
    margin: 25px 0 0;
}

.action-item-content[b-gysy5o1lt8] {
    color: var(--textColor);
    font-size: 12px;
    line-height: 14px;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsNoneFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsNonePaymentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsOrderDetailsSectionPartial.cshtml.rz.scp.css */
.border-primary[b-7if1kvsvgy] {
    border: 2px solid #00AD83;
}

.pt-xs[b-7if1kvsvgy] {
    padding-top: 0.125rem;
}

.w-15[b-7if1kvsvgy] {
    width: 15rem;
}

svg.icon[b-7if1kvsvgy] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-7if1kvsvgy], .hov:focus[b-7if1kvsvgy] {
    filter: brightness(.9);
}

[b-7if1kvsvgy] .flat-button-text {
    display: block;
    text-align: center;
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsOrderSummarySectionPartial.cshtml.rz.scp.css */
.border-primary[b-winm5t0nue] {
    border: 2px solid #00AD83;
}

.pt-xs[b-winm5t0nue] {
    padding-top: 0.125rem;
}

.w-15[b-winm5t0nue] {
    width: 15rem;
}

svg.icon[b-winm5t0nue] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-winm5t0nue], .hov:focus[b-winm5t0nue] {
    filter: brightness(.9);
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsPaymentsSectionPartial.cshtml.rz.scp.css */
.border-primary[b-uatgnhi2el] {
    border: 2px solid #00AD83;
}

.pt-xs[b-uatgnhi2el] {
    padding-top: 0.125rem;
}

.w-15[b-uatgnhi2el] {
    width: 15rem;
}

svg.icon[b-uatgnhi2el] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-uatgnhi2el], .hov:focus[b-uatgnhi2el] {
    filter: brightness(.9);
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsPersonalDetailsSectionPartial.cshtml.rz.scp.css */
.border-primary[b-hiohd3b3so] {
    border: 2px solid #00AD83;
}

.pt-xs[b-hiohd3b3so] {
    padding-top: 0.125rem;
}

.w-15[b-hiohd3b3so] {
    width: 15rem;
}

svg.icon[b-hiohd3b3so] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-hiohd3b3so], .hov:focus[b-hiohd3b3so] {
    filter: brightness(.9);
}

.bg-primary-light[b-hiohd3b3so] {
    background-color: rgba(240,224,52,0.4);
}

[b-hiohd3b3so] .br-half {
    border-radius: 1.25rem;
}

.token-img-container img[b-hiohd3b3so] {
    height: 3rem;
}

.hover-darken[b-hiohd3b3so] {
    transition: background-color 0.5s ease;
}

    .hover-darken:hover[b-hiohd3b3so] {
        background-color: lightgray;
    }
/* _content/series2-microsite/Pages/Shared/_OrderDetailsRaffleFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsSecondarySaleFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsShippingDetailsSectionPartial.cshtml.rz.scp.css */
.border-primary[b-sgcj3thysw] {
    border: 2px solid #00AD83;
}

.pt-xs[b-sgcj3thysw] {
    padding-top: 0.125rem;
}

.w-15[b-sgcj3thysw] {
    width: 15rem;
}

svg.icon[b-sgcj3thysw] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-sgcj3thysw], .hov:focus[b-sgcj3thysw] {
    filter: brightness(.9);
}
/* _content/series2-microsite/Pages/Shared/_OrderDetailsShopifyFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsShopifyPaymentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsSocialContestFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsSubmitOrderPaymentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsTokenPaymentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsVideoContestFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsWebpageFulfillmentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDetailsWebpagePaymentPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_OrderDisplayContentPartial.cshtml.rz.scp.css */
.border-primary[b-x864vn23ts] {
    border: 2px solid #00AD83;
}

.pt-xs[b-x864vn23ts] {
    padding-top: 0.125rem;
}

.w-15[b-x864vn23ts] {
    width: 15rem;
}

svg.icon[b-x864vn23ts] {
    width: 24px;
    height: 24px;
    line-height: 24px;
    position: relative;
    top: -3px;
    margin-right: 10px;
    fill: #000;
}

.hov:hover[b-x864vn23ts], .hov:focus[b-x864vn23ts] {
    filter: brightness(.9);
}
/* _content/series2-microsite/Pages/Shared/_PersonalAddressesPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_PersonalAgePartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_PersonalApparelPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_PersonalCommunicationsPartial.cshtml.rz.scp.css */
.fill-empty-space[b-urjxvjm7sq] {
  height: 83rem;
}

[b-urjxvjm7sq] label[for="selectAllText"],
[b-urjxvjm7sq] label[for="selectAllEmail"] {
  height: 145px;
  overflow-y: scroll;
  scrollbar-width: none;
}

  [b-urjxvjm7sq] label[for="selectAllText"]::-webkit-scrollbar {
    display: none;
  }

  [b-urjxvjm7sq] label[for="selectAllText"]::after,
  [b-urjxvjm7sq] label[for="selectAllEmail"]::after {
    content: "";
    width: 100%;
    height: 50px;
    position: sticky;
    background: linear-gradient(to bottom, transparent, white);
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
    pointer-events: none;
  }
/* _content/series2-microsite/Pages/Shared/_PersonalInfoPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_PersonalLoginInfoPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_PersonalOrderHistoryPartial.cshtml.rz.scp.css */
.br-half[b-s9qdhj9hnu] {
    border-radius: 1.25rem;
}

.token-img-container[b-s9qdhj9hnu] {
    height: 13.35rem;
    width: 11rem;
}
/* _content/series2-microsite/Pages/Shared/_PersonalSocialConnectionsPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_PersonalSupportCasesPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_PersonalWalletsPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_ProfileCollectionPartial.cshtml.rz.scp.css */
.icon[b-ujajsuekzm] {
    border: 1px solid #0000001c;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    margin-right: 15px;
}

.collection-title[b-ujajsuekzm] {
    align-items: center;
    justify-content: space-between;
    position: relative;
}

    .collection-title .icon[b-ujajsuekzm] {
        margin-right: 0;
    }

.approvalForAllBadge[b-ujajsuekzm] {
    display: block;
    font-size: .75rem;
    border-radius: 12px;
    width: fit-content;
    cursor: pointer;
    opacity: .5;
    color: #333;
}

    .approvalForAllBadge.approvalForAllBadge_isSet[b-ujajsuekzm] {
        opacity: 1;
        color: #bd8f07;
        text-decoration: none;
    }

.approvalForAllBadge_icon[b-ujajsuekzm] {
    color: var(--green);
    background: #e9ecef;
    height: 20px;
    width: 20px;
    line-height: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    position: relative;
    top: -5px;
    left: 5px;
    font-size: 15px;
    border: 2px solid #ccc;
    font-weight: bold;
    cursor: pointer;
}

    .approvalForAllBadge_icon:hover[b-ujajsuekzm],
    .approvalForAllBadge_icon:focus[b-ujajsuekzm],
    .approvalForAllBadge_icon:active[b-ujajsuekzm] {
        border: 2px solid var(--green);
    }

[b-ujajsuekzm] .collection-icon,
[b-ujajsuekzm] .rounded-circle {
    width: 34px;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 100%;
}

[b-ujajsuekzm] .collection-name {
    font-size: 12px;
    color: #333;
    line-height: 19px;
}

[b-ujajsuekzm] .card-title {
    font-size: 24px;
}

.overflow-container[b-ujajsuekzm] {
    max-height: 710px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    padding-right: 20px;
}

.drawer[b-ujajsuekzm] {
    background: white;
    width: calc(35% + 25px);
    right: -450px;
    top: 0;
    padding: 25px;
    box-shadow: -10px 0 0 -8px black, -33px 0 12px -30px black;
    transition: all 250ms 0s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    user-select: none;
    z-index: 9;
}

@media(max-width: 440px) {
    .drawer[b-ujajsuekzm] {
        width: 100%;
    }
}

.drawer-close[b-ujajsuekzm] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 23px;
    color: #ccc;
    user-select: none;
    cursor: pointer;
}

    .drawer-close:hover[b-ujajsuekzm] {
        color: black;
    }

.drawer a[b-ujajsuekzm] {
    color: #6563FF;
    text-decoration: none;
}

    .drawer a:hover[b-ujajsuekzm] {
        color: blue;
    }

    .drawer a img[b-ujajsuekzm] {
        position: relative;
        top: -1px;
    }

.drawer h2[b-ujajsuekzm] {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
    margin: 0;
}

.table a[b-ujajsuekzm] {
    text-decoration: none;
}

.table[b-ujajsuekzm] {
    font-size: 13px;
}

[b-ujajsuekzm] .btn-magic-group small {
    font-size: 12px;
}


table tr[b-ujajsuekzm] {
    cursor: pointer;
    user-select: none;
}

    table tr td[b-ujajsuekzm],
    table tr th[b-ujajsuekzm] {
        transition: all 150ms 0s linear;
        background: white;
    }

    table tr:hover td[b-ujajsuekzm],
    table tr:hover th[b-ujajsuekzm] {
        background: #efefef;
    }

[b-ujajsuekzm] .drawer-renderer h2 {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 24px;
}

[b-ujajsuekzm] .drawer-renderer .alert {
    font-size: 13px;
}

[b-ujajsuekzm] table tr.active td,
[b-ujajsuekzm] table tr.active th {
    background: #efefef;
}

.collection-icon[b-ujajsuekzm] {
    width: 30px;
    height: 30px;
}

.collection-header[b-ujajsuekzm] {
    max-width: max-content;
}


.card-footer[b-ujajsuekzm] {
    padding: 0.5rem;
    height: 50px;
}

.magic-logo[b-ujajsuekzm] {
    height: 18px;
}

.card-img-top[b-ujajsuekzm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card-body[b-ujajsuekzm] {
    padding: 0.5rem;
    height: 150px;
    display: flex;
    flex-direction: column;
}
/* _content/series2-microsite/Pages/Shared/_ProfileDataManagementPartial.cshtml.rz.scp.css */
#rowBtn1[b-3kf7f9g1yd],
#rowBtn2[b-3kf7f9g1yd] {
    border-bottom: 1px solid #dee2e6;
}
/* _content/series2-microsite/Pages/Shared/_RegisterDetails.cshtml.rz.scp.css */
.full-height[b-bcb8zx27m6] {
    height: 100vh;
}

/*::deep .full-height html {
    overflow: hidden;
}*/
/* _content/series2-microsite/Pages/Shared/_SvgSpritesPartial.cshtml.rz.scp.css */
[b-6qcf1czgw4] .display-content_link {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    color: var(--green) !important;
    font-size: 5rem;
}

svg.icon[b-6qcf1czgw4] {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto 15px;
}

.status-banner[b-6qcf1czgw4] {
    background-color: #F8E02B;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    font-size: 1rem;
}

.order-bg[b-6qcf1czgw4] {
    border-style: solid;
    border-width: 2px;
    border-color: var(--yellow);
    border-radius: 1.5rem;
}

.icon-info[b-6qcf1czgw4] {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
}
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityEventRegistrationTypePartial.cshtml.rz.scp.css */
hr.dashed[b-s6sn9e9n0p] {
    border-top: 2px dashed #999 !important;
}

hr.dotted[b-s6sn9e9n0p] {
    border-top: 2px dotted #999;
}

hr.solid[b-s6sn9e9n0p] {
    border-top: 2px solid #999;
}


hr.hr-text[b-s6sn9e9n0p] {
  position: relative;
    border: none;
    height: 1px;
    background: #999;
}

hr.hr-text[b-s6sn9e9n0p]::before {
    content: attr(data-content);
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    color: #999;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityFormPartial.cshtml.rz.scp.css */
.eligibility-form[b-b5pe91c9vv] {
    background: white;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 1;
}

.eligibility-body[b-b5pe91c9vv],
.eligibility-header[b-b5pe91c9vv],
.eligibility-actions[b-b5pe91c9vv] {
    padding: 35px 68px;
}

.eligibility-header[b-b5pe91c9vv] {
    border-bottom: 1px solid #efefef;
    font-size: 2.7rem;
    line-height: 2.7rem;
}

.eligibility-header-title[b-b5pe91c9vv] {
    color: #ab1f16;
}

[b-b5pe91c9vv] .eligibility-segment,
.eligibility-segment[b-b5pe91c9vv] {
    background: #f7f6fb;
    border: 2px dashed #e1e3e9;
    padding: 35px;
    border-radius: 8px;
    margin-bottom: 20px;
}

[b-b5pe91c9vv] .eligibility-segment-active,
.eligibility-segment-active[b-b5pe91c9vv] {
    background: white;
}

[b-b5pe91c9vv] .eligibility-segment-title,
.eligibility-segment-title[b-b5pe91c9vv] {
    font-size: 1.6rem;
    line-height: 1.6rem;
    display: block;
    margin-bottom: 15px;
}

[b-b5pe91c9vv] .eligibility-segment-help,
.eligibility-segment-help[b-b5pe91c9vv] {
    display: block;
    margin-top: 15px;
    font-size: .8rem;
    color: #999;
    border-left: 2px solid var(--yellow);
    padding-left: 15px;
}

    [b-b5pe91c9vv] .eligibility-segment-help strong,
    .eligibility-segment-help strong[b-b5pe91c9vv] {
        color: var(--yellow);
    }

[b-b5pe91c9vv] .eligibility-segment-text,
.eligibility-segment-text[b-b5pe91c9vv] {
    list-style: circle;
    display: list-item;
    padding: 0;
    margin: 0 0 0 20px;
}

[b-b5pe91c9vv] .eligibility-segment-disclaimer,
.eligibility-segment-disclaimer[b-b5pe91c9vv] {
    display: block;
    padding: 20px;
    background: #e5ffe6;
    border-radius: 5px;
    border: 1px solid #d9f7da;
    margin: 30px 0 20px;
    color: #68b36a;
}

[b-b5pe91c9vv] .eligibility-segment-body,
.eligibility-segment-body[b-b5pe91c9vv] {
}

.eligibility-actions[b-b5pe91c9vv] {
    background: rgba(255, 255, 255, .8);
    position: relative;
    top: -10px;
    z-index: 0;
    border-radius: 0 0 8px 8px;
    backdrop-filter: blur(12px);
}

[b-b5pe91c9vv] .eligibility-status:has(.inline-loader[aria-hidden]) {
    display: none;
}

[b-b5pe91c9vv] .eligibility-status .inline-loader .inline-loader_image {
    height: 35px;
    width: 35px;
}

[b-b5pe91c9vv] .eligibility-status .inline-loader_message {
    font-size: 1rem;
    margin-left: 15px;
}

#drawingCanvas[b-b5pe91c9vv] {
    aspect-ratio: 1 / 1;
    background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1680806058/veefriends/specials/www/burn-drawing-paper);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.controls[b-b5pe91c9vv] {
    position: absolute;
    right: 20px;
    top: 20px;
    background: white;
    border-radius: 6px;
    width: 55px;
    overflow: hidden;
    box-shadow: 0 4px 14px #00000042;
    text-align: center;
}

    .controls .brushes[b-b5pe91c9vv],
    .controls .colors[b-b5pe91c9vv],
    .controls .resizers[b-b5pe91c9vv],
    .controls .actions[b-b5pe91c9vv] {
        padding: 10px 0;
        border-bottom: 1px solid #efefef;
    }

    .controls .resizers[b-b5pe91c9vv] {
        border-bottom: 0 none;
    }

        .controls .actions a[b-b5pe91c9vv],
        .controls .resizers a[b-b5pe91c9vv],
        .controls .brushes label[b-b5pe91c9vv] {
            margin-bottom: 10px;
        }

            .controls .actions a:last-child[b-b5pe91c9vv],
            .controls .resizers a:last-child[b-b5pe91c9vv],
            .controls .brushes label:last-child[b-b5pe91c9vv] {
                margin-bottom: 0;
            }

    .controls .maximize[b-b5pe91c9vv] {
        background: url("https://media.veefriends.com/image/upload/f_auto,q_auto/v1680808704/veefriends/specials/www/burn-drawing-maximize");
    }

    .controls .minimize[b-b5pe91c9vv] {
        background: url("https://media.veefriends.com/image/upload/f_auto,q_auto/v1680808704/veefriends/specials/www/burn-drawing-minimize");
    }

    .controls .undo[b-b5pe91c9vv] {
        background: url("https://media.veefriends.com/image/upload/f_auto,q_auto/v1680808704/veefriends/specials/www/burn-drawing-undo");
    }

    .controls .redo[b-b5pe91c9vv] {
        background: url("https://media.veefriends.com/image/upload/f_auto,q_auto/v1680808704/veefriends/specials/www/burn-drawing-redo");
    }

    .controls .clear[b-b5pe91c9vv] {
        background: url("https://media.veefriends.com/image/upload/f_auto,q_auto/v1680808704/veefriends/specials/www/burn-drawing-clear");
    }

    .controls .pencil[b-b5pe91c9vv] {
        background: url("https://media.veefriends.com/image/upload/f_auto,q_auto/v1680808704/veefriends/specials/www/burn-drawing-pencil");
    }

    .controls .eraser[b-b5pe91c9vv] {
        background: url("https://media.veefriends.com/image/upload/f_auto,q_auto/v1680808704/veefriends/specials/www/burn-drawing-eraser");
    }

    .controls .brushes input[b-b5pe91c9vv],
    .controls .brushes span[b-b5pe91c9vv],
    .controls .colors input[b-b5pe91c9vv] {
        display: none;
    }

    .controls .maximize[b-b5pe91c9vv],
    .controls .minimize[b-b5pe91c9vv],
    .controls .eraser[b-b5pe91c9vv],
    .controls .pencil[b-b5pe91c9vv],
    .controls .undo[b-b5pe91c9vv],
    .controls .redo[b-b5pe91c9vv],
    .controls .clear[b-b5pe91c9vv] {
        height: 30px;
        width: 30px;
        text-indent: -9999px;
        overflow: hidden;
        display: block;
        opacity: .5;
        margin: 0 auto;
    }

        .controls .pencil:hover[b-b5pe91c9vv],
        .controls .eraser:hover[b-b5pe91c9vv],
        .controls .minimize:hover[b-b5pe91c9vv],
        .controls .maximize:hover[b-b5pe91c9vv],
        .controls .undo:hover[b-b5pe91c9vv],
        .controls .redo:hover[b-b5pe91c9vv],
        .controls .clear:hover[b-b5pe91c9vv],
        .controls .eraser:has(input:checked)[b-b5pe91c9vv],
        .controls .pencil:has(input:checked)[b-b5pe91c9vv] {
            opacity: 1;
            cursor: pointer;
        }

    .controls .colors span[b-b5pe91c9vv] {
        display: block;
        height: 100%;
        width: 100%;
        overflow: hidden;
        text-indent: -9999px;
    }

    .controls .colors .red span[b-b5pe91c9vv] {
        background: red;
    }

    .controls .colors .blue span[b-b5pe91c9vv] {
        background: blue;
    }

    .controls .colors .green span[b-b5pe91c9vv] {
        background: green;
    }

    .controls .colors .yellow span[b-b5pe91c9vv] {
        background: yellow;
    }

    .controls .colors .purple span[b-b5pe91c9vv] {
        background: purple;
    }

    .controls .colors .pink span[b-b5pe91c9vv] {
        background: pink;
    }

    .controls .colors .orange span[b-b5pe91c9vv] {
        background: orange;
    }

    .controls .colors .black span[b-b5pe91c9vv] {
        background: black;
    }

    .controls .colors label[b-b5pe91c9vv] {
        height: 20px;
        width: 20px;
        background: white;
        border: 2px solid #fff;
        display: block;
        overflow: hidden;
        border-radius: 5px;
        cursor: pointer;
    }

    .controls .colors[b-b5pe91c9vv] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

        .controls .colors label:has(input:checked)[b-b5pe91c9vv] {
            border-color: black;
        }

    .controls .maximize[b-b5pe91c9vv],
    .eligibility-fullscreen .controls .minimize[b-b5pe91c9vv] {
        display: block;
    }

    .controls .minimize[b-b5pe91c9vv],
    .eligibility-fullscreen .controls .maximize[b-b5pe91c9vv] {
        display: none;
    }

    .controls .maximize[b-b5pe91c9vv] {
        margin-bottom: 0 !important;
    }

.eligibility-fullscreen[b-b5pe91c9vv] {
    position: fixed;
    width: 100vw;
    left: 0;
    top: 0;
    z-index: 999;
    border-radius: 0;
    height: 100vh;
    overflow: hidden;
    padding: 0;
    border: 0 none;
    margin: 0;
}

    .eligibility-fullscreen .eligibility-segment-title[b-b5pe91c9vv],
    .eligibility-fullscreen .eligibility-segment-help[b-b5pe91c9vv] {
        display: none;
    }

@media(max-width: 768px) {
    .eligibility-body[b-b5pe91c9vv],
    .eligibility-header[b-b5pe91c9vv],
    .eligibility-actions[b-b5pe91c9vv] {
        padding: 17px 34px;
    }
}

@media(max-width: 576px) {
    [b-b5pe91c9vv] .eligibility-segment,
    .eligibility-segment[b-b5pe91c9vv] {
        padding: 0px;
    }

    .eligibility-body[b-b5pe91c9vv],
    .eligibility-header[b-b5pe91c9vv],
    .eligibility-actions[b-b5pe91c9vv] {
        padding: 17px 6px;
    }
}
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityMetadataPreviewTypePartial.cshtml.rz.scp.css */
.dot[b-vv2owz1udh] {
  display: inline-block;
  opacity: 0;
  animation: dotAnimation-b-vv2owz1udh 1.5s infinite;
}

.dot-1[b-vv2owz1udh] {
  animation-delay: 0.5s;
}
.dot-2[b-vv2owz1udh] {
  animation-delay: 1s;
}
.dot-3[b-vv2owz1udh] {
  animation-delay: 1.5s;
}

@keyframes dotAnimation-b-vv2owz1udh {
  0%,
  80%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityOrderTimerPartial.cshtml.rz.scp.css */
.eligibility-message[b-zmn87qavm7] {
    background: white;
    border-radius: 6px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .3);
    border: 1px solid #5bab98;
    width: max-content;
}

.eligibility-message-body[b-zmn87qavm7] {
    padding: 5px;
}

    .eligibility-message-body strong[b-zmn87qavm7] {
        color: white;
        display: block;
        font-size: .8rem;
        line-height: .8rem;
        text-transform: uppercase;
        background: #27806f;
        border: 1px solid black;
        padding: 7px;
        box-shadow: inset 1px 1px #5bab98, inset -1px -1px #13604e;
        border-radius: 3px;
        text-shadow: 1px 1px #333;
        color: white;
    }

    .eligibility-message-body p[b-zmn87qavm7] {
        padding: 5px;
        margin: 0;
        font-size: .7rem;
    }

[b-zmn87qavm7] .counter-container {
    padding: 7px;
}

    [b-zmn87qavm7] .counter-container .counter {
        font-size: 2rem;
        line-height: 2rem;
    }

    [b-zmn87qavm7] .counter-container .counter-seperator {
        font-size: 2rem;
        margin: -3px 3px 0;
        line-height: 2rem;
        align-items: normal;
    }

    [b-zmn87qavm7] .counter-container .counter-text {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        line-height: 12px;
    }
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityShopifyTypePartial.cshtml.rz.scp.css */
.price[b-16jve68s6p] {
  text-align: right;
}

.real-price[b-16jve68s6p] {
  font-size: 1.6rem;
  text-decoration: line-through;
  color: #888; /* Change the color if needed to differentiate the discounted price */
}

.discounted-price[b-16jve68s6p] {
  font-size: 1.6rem;
  font-weight: bold; /* Emphasize the real price */
  color: #333; /* Change the color if needed */
}
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilitySidabarPartial.cshtml.rz.scp.css */
.eligibility-nav[b-5xggmkaqqx] {
    margin-top: 45px;
}

.eligibility-steps ol[b-5xggmkaqqx] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.step[b-5xggmkaqqx] {
    display: flex;
    gap: 15px;
    opacity: .5;
    position: relative;
}

    .step:first-child[b-5xggmkaqqx] {
        border-end-start-radius: 0 !important;
        border-end-end-radius: 0 !important;
        padding-bottom: 20px !important;
        z-index: 1;
    }

    .step:not(:first-child)[b-5xggmkaqqx] {
        border-start-start-radius: 0 !important;
        border-start-end-radius: 0 !important;
        top: -10px;
        z-index: 0;
        padding-top: 20px !important;
    }

.step-active[b-5xggmkaqqx] {
    opacity: 1;
}

.step-indicator[b-5xggmkaqqx],
.step-details[b-5xggmkaqqx] {
    display: block;
}

.step-indicator[b-5xggmkaqqx] {
    flex-shrink: 0;
    color: white;
    background: #999;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
}

.step-active .step-indicator[b-5xggmkaqqx] {
    background: var(--green);
}

.step-title[b-5xggmkaqqx] {
    display: block;
    font-weight: bold;
}

.step-description[b-5xggmkaqqx] {
    opacity: .85;
    font-size: 13px;
    line-height: 20px;
    display: block;
}

.step.step-child[b-5xggmkaqqx] {
    padding-top: 5px !important;
    padding-left: 45px;
    gap: 5px;
}

    .step.step-child .step-indicator[b-5xggmkaqqx] {
        height: 24px;
        width: 24px;
        line-height: 24px;
        font-size: 11px;
    }

    .step.step-child .step-title[b-5xggmkaqqx] {
        font-size: 13px;
        font-weight: normal;
        text-shadow: none !important;
        padding-top: 3px;
    }

@media(max-width: 992px) {
    .eligibility-nav[b-5xggmkaqqx] {
        margin-top: 1.5rem;
    }
}
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilitySocialPostTypePartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityTokenSelectorPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityTokenTypePartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityTriviaTypePartial.cshtml.rz.scp.css */
.eligibility-segment-help__large[b-9ee4pewnkd] {
    font-size: 1.1rem;
    margin-top: 2rem;
}

.progress-wrapper[b-9ee4pewnkd] {
    border-radius: 0;
    display: flex;
    background: #efe5cc;
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: -35px;
    margin-top: 25px;
}

.progress[b-9ee4pewnkd] {
    width: 100%;
    display: block;
    height: 40px;
    border-radius: 0;
    margin-top: 15px;
    margin-right: 15px;
    background: white;
    border: 1px solid #cec19f;
}

.progress-text[b-9ee4pewnkd] {
    line-height: 0;
    padding: 15px 0 15px 15px;
}

.progress-bar[b-9ee4pewnkd] {
    display: block;
    height: 100%;
}

.progress-time[b-9ee4pewnkd] {
    font-size: 39px;
    line-height: 26px;
    color: #a41c0e;
}

.progress-remaining[b-9ee4pewnkd] {
    line-height: 16px;
    font-size: 16px;
}

.question[b-9ee4pewnkd] {
    font-size: 18px;
    line-height: 24px;
    user-select: none;
}

.eligibility-segment-active[b-9ee4pewnkd] {
    background: #fffbee;
    border: 2px solid #eee5cb;
    border-radius: 0;
}

.question-container label[b-9ee4pewnkd] {
    user-select: none;
}
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityTypeDrawingPartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_UserProcessEligibilityWebpageTypePartial.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/Shared/_VeeConAboutCalloutsPartial.cshtml.rz.scp.css */
.callout-title[b-lfjlu2x235],
.callout-text[b-lfjlu2x235] {
    color: white;
}

.callout-text[b-lfjlu2x235] {
    flex: 1;
    padding: 0 40px;
}

.callout-title[b-lfjlu2x235] {
    text-transform: uppercase;
    background: -webkit-linear-gradient(-45deg, #f403ff, #54f4c9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.callout[b-lfjlu2x235] {
    background: rgba(0, 0, 0, .66);
    padding: 50px 30px 80px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 30px 100px -40px #f403ff;
    text-align: center;
    margin: 0;
}

.callout-content[b-lfjlu2x235] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.callout-action[b-lfjlu2x235] {
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    font-weight: 900;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 auto;
    background: linear-gradient(to bottom right,#0ef4ca,#ff01ff);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 35px;
    padding-left: 35px;
}

.callout-border-left[b-lfjlu2x235] {
    border-left: 1px dashed #f403ff;
}

.callout-border-right[b-lfjlu2x235] {
    border-right: 1px dashed #f403ff;
}

@media(max-width: 992px) {
    .callout-border-left[b-lfjlu2x235] {
        border-left: none;
        border-top: 1px dashed #f403ff;
    }
}

@media(max-width: 786px) {
    .callout-border-left[b-lfjlu2x235] {
        border-top: none;
    }

    .callout-border-right[b-lfjlu2x235] {
        border-right: none;
    }
}
/* _content/series2-microsite/Pages/Shared/_VeeConRegistrationContentPartial.cshtml.rz.scp.css */
.registration-headline[b-ygkchmq11f] {
    text-transform: uppercase;
    font-size: 1.7rem;
    line-height: 24px;
    background: -webkit-linear-gradient(-45deg, #f403ff, #54f4c9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.registration-taglines[b-ygkchmq11f] {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .registration-taglines li[b-ygkchmq11f] {
        font-size: 1rem;
        line-height: 20px;
        padding: 10px 0;
        margin: 0;
        display: block;
        color: #fff;
    }

        .registration-taglines li strong[b-ygkchmq11f] {
            font-weight: bold;
            color: #f403ff;
        }

        .registration-taglines li:nth-child(3)[b-ygkchmq11f] {
            border: 0 none;
        }

.registration-headline_seperator[b-ygkchmq11f] {
    border-top: 1px dashed #f403ff;
    padding-top: 30px;
}

.hotel[b-ygkchmq11f] {
    width: 100%;
    overflow: hidden;
    border: 1px solid black;
    border-radius: 10px;
    display: block;
    text-decoration: none;
    background: rgb(38 1 42);
    position: relative;
}

.hotel-header[b-ygkchmq11f] {
    padding: 25px;
    text-transform: uppercase;
    font-size: 1.55rem;
    line-height: 24px;
    background: -webkit-linear-gradient(-45deg, #f403ff, #54f4c9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 1;
    display: block;
}

.hotel-image[b-ygkchmq11f] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: .3;
    z-index: 0;
}

.hotel-title[b-ygkchmq11f] {
    display: block;
    padding: 0 25px 0 25px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.hotel-btn[b-ygkchmq11f] {
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    font-weight: 900;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 auto;
    background: linear-gradient(to bottom right,#0ef4ca,#ff01ff);
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 35px;
    padding-left: 35px;
    margin: 25px;
    position: relative;
    z-index: 1;
}

.registration-taglines li > svg[b-ygkchmq11f] {
    display: block;
    width: 18px;
    height: 18px;
    float: left;
}

.registration-taglines li > span.registration-taglines_info[b-ygkchmq11f] {
    display: block;
    float: left;
    width: 80%;
    margin-left: 15px;
}

.registration-taglines li:has(svg)[b-ygkchmq11f] {
    display: block;
    overflow: hidden;
}

.registration-complete[b-ygkchmq11f] {
    background: #f3c30040;
    border: 1px dashed #ffc107;
    padding: 15px 15px 0;
    border-radius: 6px;
    margin-bottom: 1rem !important;
}

    .registration-complete .registration-headline[b-ygkchmq11f] {
        background: -webkit-linear-gradient(-45deg, #ffc107, #54f4c9);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .registration-complete li span[b-ygkchmq11f] {
        display: block;
        margin-bottom: 5px;
    }

.registration-appstore a[b-ygkchmq11f] {
    display: block;
    width: 196px;
}
/* _content/series2-microsite/Pages/Shared/_VeeConRegistrationTicketList.cshtml.rz.scp.css */
.form-item_ticket[b-58n9r9izlq] {
    position: relative;
    display: flex;
    gap: 30px;
    align-items: center;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
    padding: 15px;
}

.form-item_delegation[b-58n9r9izlq] {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
}

    .form-item_delegation small[b-58n9r9izlq] {
        color: var(--green);
    }

.form-item_ticket-actions[b-58n9r9izlq] {
    text-align: right;
    font-size: 13px;
}

.form-item_ticket-content[b-58n9r9izlq] {
    width: 100%;
}

    .form-item_ticket-content span[b-58n9r9izlq] {
        font-size: 12px;
        opacity: .7;
        display: block;
    }

.form-item_ticket-actions a[b-58n9r9izlq] {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, .2);
    color: white;
    background: rgba(255, 255, 255, .1);
    margin-left: 15px;
    text-align: center;
    min-width: 130px;
}

    .form-item_ticket-actions a:hover[b-58n9r9izlq] {
        background: rgba(255, 255, 255, .2);
        border: 1px solid rgba(255, 255, 255, .3);
    }

    .form-item_ticket-actions a:last-child[b-58n9r9izlq] {
        margin-top: 5px;
    }

    .form-item_ticket-actions a.claim-ticket-btn[b-58n9r9izlq] {
        background: linear-gradient(to bottom right,#d92af9,#54f4c9);
        display: inline-block;
        text-align: center;
        border-radius: 30px;
        font-weight: 900;
        color: white;
        text-transform: uppercase;
        text-decoration: none;
        margin: 0 auto;
        border: 0 none;
    }

.form-item_ticket-img img[b-58n9r9izlq] {
    border-radius: 5px;
}

.form-item_ticket-img .form-item_ticket-img[b-58n9r9izlq] {
    position: absolute;
    background: #f403ffb3;
    height: 42px;
    width: 42px;
    border-radius: 4px;
    text-align: center;
    line-height: 74px;
}

.form-item_ticket-img .form-item_ticket-avatar[b-58n9r9izlq] {
    position: absolute;
    display: block;
    border-radius: 100%;
    left: 5px;
    bottom: 20px;
    height: 32px;
    width: 32px;
}

.form-item_ticket-content-claim[b-58n9r9izlq] {
    color: var(--green);
    font-style: italic;
}

.form-item_tickets-container[b-58n9r9izlq] {
    overflow: hidden;
    border-radius: 15px;
}

span.form-item_ticket-title[b-58n9r9izlq] {
    color: white;
    font-size: 1rem;
    display: block;
    opacity: 1;
}

span.form-item_ticket-status[b-58n9r9izlq] {
    display: inline-block;
    border-radius: 15px;
    font-size: .6rem;
    padding: 3px 10px;
    text-indent: -3px;
    text-transform: uppercase;
    margin-top: 7px;
    opacity: 1;
    background: #f403ff1a;
    color: #f403ff;
}

span.form-item_ticket-status-warning[b-58n9r9izlq] {
    color: #f8e02b;
    background: #f8e02b1c;
}
/* _content/series2-microsite/Pages/Shared/_VerifyPhonePartial.cshtml.rz.scp.css */
body[b-m4x3ttnbc8] {
}
/* _content/series2-microsite/Pages/Shared/_WalletConnectPartial.cshtml.rz.scp.css */
[b-ctjsnox9w2] .card-footer {
    background: none;
    border: none;
    padding-bottom: 25px;
}

[b-ctjsnox9w2] .card {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    text-align: center;
}

[b-ctjsnox9w2] .card-last {
    border-right: 0;
}

[b-ctjsnox9w2] .copy-me {
    display: inline-flex;
    background: #00ad83;
    border-radius: 7px;
    border: 1px solid #007b5d;
}

[b-ctjsnox9w2] .copy-me-icon {
    border-left: 1px solid #007b5d;
    padding: 0 4px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

    [b-ctjsnox9w2] .copy-me-icon:hover {
        background: #007b5d;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

[b-ctjsnox9w2] .copy-me-text {
    padding: 0 15px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #fff;
    text-shadow: 1px 0 0 #007b5d;
}

[b-ctjsnox9w2] .cold-wallet-text {
    line-height: 30px;
}

[b-ctjsnox9w2] #addWalletModal:has(+ #coldWalletConnectionModal.show) {
    display: none !important;
}

[b-ctjsnox9w2] .additional-details-for-address {
    display: block;
    margin-top: 20px;
}

    [b-ctjsnox9w2] .additional-details-for-address strong + span {
        background: #efefef;
        font-family: "roboto-mono";
        display: inline-block;
        padding: 0 6px;
        border-radius: 6px;
        margin-bottom: 2px;
        user-select: all;
        font-size: 11px;
        line-height: 19px;
    }

[b-ctjsnox9w2] .additional-note-for-address .text-warning {
    color: var(--yellow);
    display: block;
}

[b-ctjsnox9w2] .additional-note-for-address .text-success {
    display: block;
    margin-top: 10px;
}

[b-ctjsnox9w2] .additional-note-for-address {
    font-size: 13px;
    line-height: 20px;
    padding: 15px 0 0;
    margin: 25px 0 0;
    display: block;
    border-top: 2px solid var(--yellow);
}

[b-ctjsnox9w2] .action-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

    [b-ctjsnox9w2] .action-items li {
        text-align: left;
        display: block;
        position: relative;
    }

[b-ctjsnox9w2] .action-btn {
    text-decoration: none;
    display: block;
    padding: 15px;
    background: #cda80017;
    border-radius: 15px;
    margin-right: 4px;
    margin-bottom: 10px;
    font-size: 14px;
}

[b-ctjsnox9w2] .action-step {
    position: absolute;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 40px;
    color: white;
    top: 20px;
    left: 15px;
    overflow: hidden;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
}

[b-ctjsnox9w2] .action-step-1 {
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1707403690/veefriends/receipt-modal/bullet-point-1);
}

[b-ctjsnox9w2] .action-step-2 {
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1707403690/veefriends/receipt-modal/bullet-point-2);
}

[b-ctjsnox9w2] .action-step-3 {
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1707403690/veefriends/receipt-modal/bullet-point-3);
}

[b-ctjsnox9w2] .action-step-4 {
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1707403690/veefriends/receipt-modal/bullet-point-4);
}

[b-ctjsnox9w2] .action-title {
    display: block;
    color: #666dff;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 2px 1px yellow, 1px 3px 1px #ff000038;
    margin-left: 50px;
}

[b-ctjsnox9w2] .action-blurb {
    display: block;
    text-decoration: none;
    color: black;
    line-height: 18px;
    margin-top: 5px;
    margin-left: 50px;
}

[b-ctjsnox9w2] .action-info {
    display: block;
    color: black;
    margin-top: 5px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

    [b-ctjsnox9w2] .action-info strong {
        display: block;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    [b-ctjsnox9w2] .action-info span {
        display: block;
    }

.badge.badge-information[b-ctjsnox9w2],
.badge.badge-hide-wallet[b-ctjsnox9w2] {
    position: absolute;
    right: 15px;
    bottom: 15px;
    height: 26px;
    width: 26px;
    text-align: center;
    display: block;
    border-radius: 100%;
    background: white;
    line-height: 22px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    user-select: none;
}

.badge.badge-hide-wallet[b-ctjsnox9w2] {
    bottom: 55px;
}

    .badge.badge-information img[b-ctjsnox9w2],
    .badge.badge-hide-wallet img[b-ctjsnox9w2] {
        display: inline-block;
        margin: 0 auto;
        width: 14px;
        height: 14px;
        padding: 0;
    }

.text-bg-info-custom:hover[b-ctjsnox9w2] {
    opacity: 1;
}

.new-badge[b-ctjsnox9w2] {
    top: -5px;
    border-radius: 0 0 6px 6px;
    right: 14px;
}

.approvalForAllBadge[b-ctjsnox9w2] {
    display: block;
    font-size: 0.75rem;
    margin-top: 14px;
    border-radius: 12px;
    width: fit-content;
    cursor: pointer;
    opacity: 0.5;
    color: #333;
}

    .approvalForAllBadge.approvalForAllBadge_isSet[b-ctjsnox9w2] {
        opacity: 1;
        color: #bd8f07;
        text-decoration: none;
    }

.approvalForAllBadge_icon[b-ctjsnox9w2] {
    color: var(--green);
    background: #e9ecef;
    height: 20px;
    width: 20px;
    line-height: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    position: relative;
    top: -5px;
    left: 5px;
    font-size: 15px;
    border: 2px solid #ccc;
    font-weight: bold;
    cursor: pointer;
}

    .approvalForAllBadge_icon:hover[b-ctjsnox9w2],
    .approvalForAllBadge_icon:focus[b-ctjsnox9w2],
    .approvalForAllBadge_icon:active[b-ctjsnox9w2] {
        border: 2px solid var(--green);
    }

.wallet-items[b-ctjsnox9w2] {
    display: flex;
}

.wallet-item[b-ctjsnox9w2] {
    display: block;
    overflow: hidden;
    padding: 3px;
    background: white;
    border-radius: 10px;
    position: relative;
    transition: all 250ms 0s linear;
    box-shadow: 0 0 0px 2px #edefec;
}

    .wallet-item .wallet-icon[b-ctjsnox9w2] {
        width: 22px;
        height: 22px;
        display: block;
        margin: 10px 0;
    }

    .wallet-item .wallet-label[b-ctjsnox9w2] {
        background: #edefec;
        width: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 8px 0 0 8px;
    }

    .wallet-item .wallet-name[b-ctjsnox9w2] {
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        display: block;
        writing-mode: vertical-lr;
        text-align: left;
        min-height: 200px;
        text-transform: uppercase;
        display: flex;
        justify-content: space-between;
        padding-bottom: 10px;
    }

    .wallet-item .wallet-name__default[b-ctjsnox9w2] {
        font-size: 24px;
        position: relative;
        left: -2px;
        top: 7px;
    }

    .wallet-item .wallet-contents[b-ctjsnox9w2] {
        background: linear-gradient(45deg, #ffa500, #ffc107);
        display: flex;
        border-radius: 16px 8px 8px 16px;
    }

    .wallet-item.wallet-item__default[b-ctjsnox9w2] {
        box-shadow: 0 0 0px 2px #f403ff;
    }

    .wallet-item .wallet-body[b-ctjsnox9w2] {
        width: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 2;
    }

    .wallet-item .wallet-address[b-ctjsnox9w2] {
        display: block;
        padding: 15px;
        color: white;
        text-align: right;
        width: 100%;
    }

.wallet-item__managed .wallet-contents[b-ctjsnox9w2] {
    background: linear-gradient(45deg, #080117, #3c2b71);
}

.wallet-buttons[b-ctjsnox9w2] {
    display: flex;
    gap: 20px;
    margin: 10px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.wallet-bg[b-ctjsnox9w2] {
    background: url(https://media.veefriends.com/image/upload/c_scale,f_auto,h_300,q_auto/v1708115563/veefriends/specials/www/socials/magic-icon-white);
    height: 300px;
    width: 300px;
    position: absolute;
    z-index: 1;
    rotate: 5deg;
    top: -18px;
    right: -36px;
    opacity: 0.05;
    pointer-events: none;
    user-select: none;
}

.wallet-address span[b-ctjsnox9w2] {
    display: block;
    margin-top: 5px;
}

.wallet-imx[b-ctjsnox9w2] {
    display: block;
    align-items: end;
    border-radius: 50px;
    width: 64px;
    height: 26px;
    background: black;
}

    .wallet-imx .wallet-imx__status[b-ctjsnox9w2] {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: red;
        margin: 8px 0 0 8px;
        display: block;
    }

.wallet-item[b-ctjsnox9w2]  button,
.wallet-item[b-ctjsnox9w2]  button:active,
.wallet-item[b-ctjsnox9w2]  button:focus {
    width: fit-content !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: 0 none !important;
    background: none !important;
}

    .wallet-item[b-ctjsnox9w2]  button.flat-button-disabled span {
        opacity: 0.3;
    }

    .wallet-item[b-ctjsnox9w2]  button span {
        transition: all 250ms 0s linear;
        border-bottom: 2px solid transparent;
        display: block;
    }

    .wallet-item[b-ctjsnox9w2]  button:hover span {
        border-color: white;
    }

.new-info[b-ctjsnox9w2] {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #291c50;
}

.new-info__image[b-ctjsnox9w2] {
    display: block;
    background: #edefec;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #33333308;
    text-align: center;
    padding-top: 10px;
}

.new-info__text[b-ctjsnox9w2] {
    font-size: 14px;
    padding: 0;
}

    .new-info__text p[b-ctjsnox9w2] {
        padding: 0;
        margin: 0;
        text-wrap: pretty;
    }

    .new-info__text strong[b-ctjsnox9w2] {
        font-family: obviously-narrow, sans-serif;
        font-style: normal;
        font-weight: 800;
        display: block;
        text-transform: uppercase;
        font-size: 18px;
        margin-bottom: 10px;
        color: transparent;
        background-clip: text;
        background-image: linear-gradient(to bottom right, red, blue);
    }


.inactive-wallets[b-ctjsnox9w2] {
    padding: 10px 15px;
    font-size: 13px;
    border-radius: 10px;
    text-align: left;
    display: inline-block;
    max-width: 360px;
    background: #efefef;
    margin-top: 25px;
}

.inactive-wallets_toggle[b-ctjsnox9w2] {
    text-decoration: none;
    display: inline-block;
    color: #999;
}

.inactive-wallets ul[b-ctjsnox9w2],
.inactive-wallets ul li[b-ctjsnox9w2] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .inactive-wallets ul li a[b-ctjsnox9w2] {
        display: block;
        padding: 5px 0;
        border-bottom: 1px solid #dbdbdb;
        display: flex;
        justify-content: space-between;
    }

        .inactive-wallets ul li a span:last-child[b-ctjsnox9w2] {
            background: white;
            border-radius: 100%;
            height: 22px;
            width: 22px;
            text-align: center;
            display: block;
        }

        .inactive-wallets ul li a img[b-ctjsnox9w2] {
            width: 14px;
            display: block;
            margin: 4px auto 0;
        }

    .inactive-wallets ul li:last-child a[b-ctjsnox9w2] {
        border-bottom: none;
    }


.arrow-down[b-ctjsnox9w2] {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #291c50;
    position: absolute;
    bottom: -10px;
    left: 12px;
}

.wallet-network-select[b-ctjsnox9w2] {
    cursor: pointer; 
    border-radius: 20px; 
    background-color:white; 
    padding: 5px;
}
/* _content/series2-microsite/Pages/SnoopLandingPage.cshtml.rz.scp.css */
hr[b-1llzukiclw] {
    border: 1px solid white !important;
    opacity: 1;
}

.snoop-book-1[b-1llzukiclw] {
    top: 81%;
    right: 12%;
}

.snoop-book-2[b-1llzukiclw] {
    top: 74%;
    left: 6%;
}

.snoop-cog[b-1llzukiclw] {
    top: 42%;
    left: 18%;
}

.snoop-money-coin-1a[b-1llzukiclw] {
    top: 26%;
    left: 5%;
}

.snoop-money-coin-1b[b-1llzukiclw] {
    top: 42%;
    right: 17%;
}

.snoop-money-coin-1c[b-1llzukiclw] {
    top: 79%;
    left: 16%;
}

.snoop-money-coin-2[b-1llzukiclw] {
    top: 30%;
    right: 22%;
}

.snoop-money-note-1a[b-1llzukiclw] {
    top: 51%;
    left: 10%;
}

.snoop-money-note-1b[b-1llzukiclw] {
    top: 69%;
    right: 18%;
}

.snoop-money-note-2[b-1llzukiclw] {
    top: 91%;
    right: 14%;
}

.snoop-money-note-3[b-1llzukiclw] {
    top: 34%;
    left: 16%;
}

.btn-disabled[b-1llzukiclw] {
    pointer-events: none;
}

.bg-grey[b-1llzukiclw] {
    background-color: gray;
}

.bg-snoop-hero[b-1llzukiclw] {
    background: url(https://media.veefriends.com/image/upload/c_scale,f_auto,h_1080,q_auto/v1681930317/veefriends/webpages/snoop-hero) no-repeat center top;
    background-color: #171010;
    min-height: 67rem;
}

.bg-snoop-black[b-1llzukiclw] {
    background-color: #181717;
    margin-top: -2.5rem;
}

.pt-15[b-1llzukiclw] {
    padding-top: 15rem;
}

.pb-12[b-1llzukiclw] {
    padding-bottom: 12rem;
}

.max-w-42[b-1llzukiclw] {
    max-width: 42rem;
}

.mt-neg[b-1llzukiclw] {
    margin-top: -32rem;
}

.bg-snoop-green[b-1llzukiclw] {
    background-color: #BDFC54;
}

    .bg-snoop-green iframe[b-1llzukiclw] {
        min-height: 500px;
    }

.bg-pink[b-1llzukiclw] {
    background-color: #DF65AD;
}

.special-underline[b-1llzukiclw]::before {
    content: "";
    position: absolute;
    left: 5%;
    bottom: 0%;
    width: 95%;
    height: .75rem;
    transform: skew(45deg);
    background: #DF65AD;
}

[b-1llzukiclw] .text-snoop-blue {
    color: #44FCE6;
}

[b-1llzukiclw] .text-snoop-green {
    color: #BDFC54;
}

[b-1llzukiclw] .text-pink {
    color: #DF65AD;
}

.outer-circle[b-1llzukiclw] {
    height: 6rem;
    width: 6rem;
}

.inner-circle[b-1llzukiclw] {
    height: 4.5rem;
    width: 4.5rem;
}

[b-1llzukiclw] .text-tan {
    color: #FAEFB9 !important;
}

.pink-line-1[b-1llzukiclw]::before {
    content: '';
    position: absolute;
    width: 300%;
    height: 0.5rem;
    background-color: #DF65AD;
    top: 50%;
    right: 110%;
    margin-right: -12.5rem;
}

.pink-line-2[b-1llzukiclw]::before {
    content: '';
    position: absolute;
    width: 300%;
    height: 0.5rem;
    background-color: #DF65AD;
    top: 50%;
    right: 110%;
    margin-right: -10.5rem;
}

.green-line[b-1llzukiclw]::after {
    content: '';
    position: absolute;
    width: 300%;
    height: 0.5rem;
    background-color: #BDFC54;
    top: 37%;
    left: 120%;
    margin-left: -11.5rem;
}

.no-date.green-line[b-1llzukiclw]::after {
    top: 48%;
}

.w-custom[b-1llzukiclw] {
    width: 90%;
}

@media(max-width: 1200px) {
    .pink-line-1[b-1llzukiclw]::before {
        margin-right: -10.5rem;
    }

    .pink-line-2[b-1llzukiclw]::before {
        margin-right: -8.5rem;
    }

    .green-line[b-1llzukiclw]::after {
        margin-left: -9.5rem;
    }
}

@media(max-width: 992px) {
    .outer-circle[b-1llzukiclw] {
        height: 5.25rem;
        width: 5.25rem;
    }

    .inner-circle[b-1llzukiclw] {
        height: 3.75rem;
        width: 3.75rem;
    }

    .pink-line-1[b-1llzukiclw]::before {
        margin-right: -6.5rem;
    }

    .pink-line-2[b-1llzukiclw]::before {
        margin-right: -4.5rem;
    }

    .green-line[b-1llzukiclw]::after {
        margin-left: -5.5rem;
    }

    .w-custom[b-1llzukiclw] {
        width: 75%;
    }
}

@media(max-width: 768px) {
    .pink-line-1[b-1llzukiclw]::before,
    .pink-line-2[b-1llzukiclw]::before,
    .green-line[b-1llzukiclw]::after {
        display: none;
    }

    .bg-snoop-green iframe[b-1llzukiclw] {
        min-height: 293px;
    }
}

@media(max-width: 576px) {
    .outer-circle[b-1llzukiclw] {
        height: 4.75rem;
        width: 4.75rem;
    }

    .inner-circle[b-1llzukiclw] {
        height: 3.25rem;
        width: 3.25rem;
    }

    .mt-neg[b-1llzukiclw] {
        margin-top: -44rem;
    }

    .w-custom[b-1llzukiclw] {
        width: 100%;
    }
}

@media(max-width: 450px) {
    .outer-circle[b-1llzukiclw] {
        height: 4.25rem;
        width: 4.25rem;
    }

    .inner-circle[b-1llzukiclw] {
        height: 3rem;
        width: 3rem;
    }

    .bg-snoop-green iframe[b-1llzukiclw] {
        min-height: 198px;
    }
}
/* _content/series2-microsite/Pages/Superfractor.cshtml.rz.scp.css */
.alert[b-7hgxuewafi] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-7hgxuewafi] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }

.character-row[b-7hgxuewafi] {
  display: flex;
  align-items: center; /* vertical centering */
  gap: 12px; /* space between image and text */
  margin-bottom: 1rem; /* spacing between rows, optional */
  border: #272e3c 2px solid;
  border-radius: 20px;
  padding: 26px;
  background-color: #181e2b;
}

.character-grid[b-7hgxuewafi] {
  display: grid;
  grid-template-columns: 1fr; /* mobile default */
  gap: 1rem;
  margin-top: 1.5rem;
  justify-items: center;
}

.character-card[b-7hgxuewafi] {
  display: flex;
  align-items: center;
  background-color: #181f2c;
  padding: 1rem;
  border-radius: 12px;
  width: 100%;
  max-width: 320px;
  border: #272e3c 2px solid;
}

.character-img[b-7hgxuewafi] {
  width: auto;
  height: 100px;
  border-radius: 4px;
  margin-right: 1rem;
}

.character-name[b-7hgxuewafi] {
  margin: 0;
  font-size: 1rem;
  color: white;
}

/* Responsive for desktop */
@media (min-width: 768px) {
  .character-grid[b-7hgxuewafi] {
    grid-template-columns: repeat(4, 1fr);
    justify-items: stretch;
  }

  .character-card[b-7hgxuewafi] {
    max-width: none;
  }
}


.form-input-wrapper[b-7hgxuewafi] {
  width: 100%;
  max-width: 400px;
  text-align: left;
}

  .form-input-wrapper[b-7hgxuewafi]  input.form-control {
    background-color: #111;
    border: 2px solid #222;
    border-radius: 30px;
    color: #fff;
    text-align: left;
  }

  .form-input-wrapper[b-7hgxuewafi]  label.form-label::after,
  .form-input-wrapper[b-7hgxuewafi]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
    text-align: left;
  }


@media (max-width: 768px) {
  .form-parts[b-7hgxuewafi] {
    flex-direction: column;
    align-items: center;
  }
}
/* _content/series2-microsite/Pages/SwapPreview.cshtml.rz.scp.css */
#cropper[b-uxl49fx9fc] {
  background: red;
}

.card-body[b-uxl49fx9fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.card-body > img[b-uxl49fx9fc] {
  width: 100%;
}

.card-body video[b-uxl49fx9fc] {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.card-footer[b-uxl49fx9fc] {
  padding: 20px 16px;
  border-radius: 0 0 26px 26px;
}

.card-header[b-uxl49fx9fc] {
  padding: 20px 16px;
  border-radius: 26px 26px 0 0;
  font-weight: 700;
  font-size: 24px;
}

.card[b-uxl49fx9fc] {
  border-radius: 30px;
}
/* _content/series2-microsite/Pages/TCGCompete.cshtml.rz.scp.css */
.alert[b-s993dbou53] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-s993dbou53] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }

.form-input-wrapper[b-s993dbou53] {
  width: 380px;
}

  .form-input-wrapper[b-s993dbou53]  input.form-control {
    background-color: #111;
    border: 2px solid #222;
    border-radius: 30px;
    color: #fff;
  }

  .form-input-wrapper[b-s993dbou53]  label.form-label::after,
  .form-input-wrapper[b-s993dbou53]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
  }

.hero[b-s993dbou53] {
  text-align: center;
  margin-bottom: 120px;
}

.chrome[b-s993dbou53] {
  position: relative;
  background-image: -webkit-linear-gradient(#378DBC 0%, #B6E8F1 46%, #ffffff 50%, #32120E 54%, #FFC488 58%, #582C11 90%, #EC9B4E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 4px #f5f5f5;
  font-size: 200px;
  font-family: 'Titillium Web', sans-serif;
  font-style: italic;
  margin: 0;
  line-height: 1;
}

  .chrome[b-s993dbou53]:before {
    content: 'CHROME';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);
    background-position: -680px 0;
    -webkit-background-clip: text;
    -webkit-text-stroke: 0;
    padding-right: 300px;
    -webkit-animation-name: chrome_effect;
    -webkit-animation-duration: 6s;
    -webkit-animation-delay: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
  }


@media (max-width: 768px) {
  .form-parts[b-s993dbou53] {
    flex-direction: column;
    align-items: center;
  }
}
/* _content/series2-microsite/Pages/TermsOfUse.cshtml.rz.scp.css */
.title-area[b-3lyejf2wfr],
.title-area[b-3lyejf2wfr]  p,
.title-area h1[b-3lyejf2wfr],
.title-area h2[b-3lyejf2wfr] {
    padding: 0;
    margin: 0;
}

    .title-area[b-3lyejf2wfr]  p {
        font-size: 18px;
        line-height: 24px;
        color: #888;
    }

.title-area[b-3lyejf2wfr] {
    margin-bottom: 40px;
}

    .title-area h1[b-3lyejf2wfr],
    .title-area h2[b-3lyejf2wfr] {
        text-transform: uppercase;
    }

ol li[b-3lyejf2wfr]  p {
    display: inline;
}

ol li strong[b-3lyejf2wfr] {
    text-transform: uppercase;
}

ol li[b-3lyejf2wfr] {
    margin-bottom: 30px;
}
/* _content/series2-microsite/Pages/TermsOfUseById.cshtml.rz.scp.css */
.title-area[b-wl6m31e0sc],
.title-area[b-wl6m31e0sc]  p,
.title-area h1[b-wl6m31e0sc],
.title-area h2[b-wl6m31e0sc] {
    padding: 0;
    margin: 0;
}

    .title-area[b-wl6m31e0sc]  p {
        font-size: 18px;
        line-height: 24px;
        color: #888;
    }

.title-area[b-wl6m31e0sc] {
    margin-bottom: 40px;
}

    .title-area h1[b-wl6m31e0sc],
    .title-area h2[b-wl6m31e0sc] {
        text-transform: uppercase;
    }

ol li[b-wl6m31e0sc]  p {
    display: inline;
}

ol li strong[b-wl6m31e0sc] {
    text-transform: uppercase;
}

ol li[b-wl6m31e0sc] {
    margin-bottom: 30px;
}
/* _content/series2-microsite/Pages/ToppsChrome.cshtml.rz.scp.css */
.alert[b-dda8igzony] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

.map-container[b-dda8igzony] {
  position: relative;
  width: 100%;
  height: 500px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  background-color: #f5f5f5;
}

.top-overlay[b-dda8igzony] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: black;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  z-index: 1;
  pointer-events: none; /* So the iframe below is still clickable */
}

.labels[b-dda8igzony] {
  padding-left: 97px;
  padding-right: 96px;
  margin-top: -2px;
  color: black;
  text-align-last: justify;
}

.timer[b-dda8igzony] {
  background: linear-gradient(#61007d, #ff5964);
  position: relative;
  border-radius: 0 0 100px 100px;
  padding: 20px 60px;
}

  .timer[b-dda8igzony]::after {
    content: " ";
    position: absolute;
    right: -27px;
    top: 0;
    background: red;
    width: 27px;
    height: 45px;
    border-radius: 0 0 10px 0;
  }

  .timer[b-dda8igzony]::before {
    content: " ";
    position: absolute;
    left: -27px;
    top: 0;
    background: red;
    width: 27px;
    height: 45px;
    border-radius: 0 0 10px 0;
  }

.custom-shape[b-dda8igzony] {
  width: 350px;
  height: 83px;
  background: #EDE932;
  clip-path: path('M-146.655 -63.1725V-65.6373C-146.655 -99.6689 -119.067 -127.257 -85.0353 -127.257L433.803 -127.257C467.834 -127.257 495.423 -99.6689 495.423 -65.6373V-63.1725C495.423 -29.141 467.834 -1.55281 433.803 -1.55281L351.233 -1.55281C328.091 -1.55281 309.331 17.2067 309.331 40.3486C309.331 63.4905 290.572 82.25 267.43 82.25L82.5704 82.25C59.4285 82.25 40.669 63.4905 40.669 40.3486C40.669 17.2067 21.9095 -1.55281 -1.23242 -1.55281H-85.0353C-119.067 -1.55281 -146.655 -29.141 -146.655 -63.1725Z');
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

  .custom-shape h3[b-dda8igzony] {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 0px;
    margin: 0;
  }

[b-dda8igzony] .counter {
  font-size: 32px !important;
  line-height: 32px !important;
}

[b-dda8igzony] .counter-seperator {
  margin: 0 5px;
  font-size: 20px !important;
}

.cta-logo[b-dda8igzony] {
  border: 2px solid white;
  border-radius: 70px;
  padding: 60px 40px;
  width: 100%;
}

.cta-slogan[b-dda8igzony] {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 3px black;
}

.cta-content-wrapper[b-dda8igzony] {
  border: 2px solid white;
  border-radius: 0 0 55px 55px;
  padding: 20px;
  background: linear-gradient(to top, black, #534f2c);
}

.cta-image[b-dda8igzony] {
  border: 2px solid white;
  border-bottom: 0 none;
  border-radius: 55px 55px 0 0;
  overflow: hidden;
}

.text-warning[b-dda8igzony] {
  color: #EEE900 !important;
}

.cta-content[b-dda8igzony] {
  gap: 20px;
}

.cta-time__wrapper[b-dda8igzony] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #333;
  border-radius: 5px;
  overflow: hidden;
  width: 85px;
}

.cta-time__day[b-dda8igzony] {
  background-color: white;
  color: black;
  font-size: 24px;
  font-weight: bold;
  padding: 3px;
  width: 100%;
  text-align: center;
}

.cta-time__month[b-dda8igzony] {
  background-color: red;
  color: white;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 3px;
  width: 100%;
  text-align: center;
}

.cta-time__time[b-dda8igzony] {
  background-color: #f8f9fa;
  color: black;
  font-size: 8px;
  padding: 3px;
  width: 100%;
  text-align: center;
}

.btn-bookmark[b-dda8igzony] {
  width: 100%;
  height: 56px;
  flex-shrink: 0;
  display: block;
  border-radius: 999px;
  border: 2px solid var(--Neutral-1, #050505);
  background: var(--Accent-Light-Yellow, #EEE900);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-transform: uppercase;
  font-weight: bold;
  color: black;
  text-decoration: none;
  margin-top: 20px;
}

.alert.alert-ready[b-dda8igzony] {
  opacity: 1;
  transform: translateX(-50%) translateY(20px);
}

.form-input-wrapper[b-dda8igzony] {
  width: 380px;
}

  .form-input-wrapper[b-dda8igzony]  input.form-control {
    background-color: #111;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
  }

  .form-input-wrapper[b-dda8igzony]  label.form-label::after,
  .form-input-wrapper[b-dda8igzony]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
  }

.map-wrapper[b-dda8igzony] {
  border-radius: 32px;
  overflow: hidden;
}

.map[b-dda8igzony] {
  margin-top: -67px;
}

.video-wrapper[b-dda8igzony] {
  border-radius: 32px;
  overflow: hidden;
}

.logo-wrapper[b-dda8igzony] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  gap: 24px;
  margin-bottom: 24px;
}

.logo-wrapper img[b-dda8igzony] {
    display: block;
}

.hero[b-dda8igzony] {
  text-align: center;
  margin-bottom: 120px;
}

.bg.bg-purple[b-dda8igzony] {
  background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1744044226/veefriends/v3/assets/heros/topps-chrome-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.bookmark-wrapper[b-dda8igzony] {
  background: #6B0082;
  padding: 36px 110px;
  display: block;
  margin: 100px auto;
  border-radius: 32px;
  overflow: hidden;
}

.checklist-wrapper[b-dda8igzony] {
    padding: 50px 0;
}

.checklist-wrapper h1[b-dda8igzony] {
  font-size: 68px;
  font-style: normal;
  font-weight: 480;
  line-height: 90%;
  text-transform: uppercase;
  color: black;
  margin-bottom: 56px;
}

#online-breakers .btn[b-dda8igzony] {
  background: #61007d;
  border: black 3px solid;
  color: white;
}

.disclaimer[b-dda8igzony] {
  place-content: center;
}

  .find-wrapper h1[b-dda8igzony] {
    font-size: 68px;
    font-style: normal;
    font-weight: 480;
    line-height: 90%;
    text-transform: uppercase;
    color: black;
    margin-bottom: 10px;

  }

  .find-wrapper[b-dda8igzony] {
  }

.main-content[b-dda8igzony] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: 0 auto;
  gap: 24px;
}

.main-content-image[b-dda8igzony] {
  flex: 1;
}

.main-content-image img[b-dda8igzony] {
  display: block;
  border-radius: 32px;
  width: 100%;
  height: auto;
  max-width: 400px;
}

.main-content-text[b-dda8igzony] {
  flex: 1;
}

.main-content h2[b-dda8igzony] {
  font-size: 36px;
  font-style: normal;
  font-weight: 480;
  line-height: 100%;
  text-transform: uppercase;
  color: black;
  margin-bottom: 24px;
  max-width: 424px;
}

.main-content p[b-dda8igzony] {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #424242;
  margin-bottom: 24px;
  max-width: 424px;
}

.extra-wrapper[b-dda8igzony] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-left: 1px solid #E6E4E6;
  padding: 24px;
  padding-right: 0;
  margin-top: 48px;
}

.extra-items[b-dda8igzony] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.extra-wrapper h3[b-dda8igzony] {
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
  color: black;
  margin-bottom: 16px;
}

.extra-item[b-dda8igzony] {
  text-decoration: none;
  display: block;
  margin-bottom: 16px;
}

.extra-item strong[b-dda8igzony] {
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
  max-width: 216px;
  display: block;
  color: #757575;
  margin-bottom: 16px;
}

.extra-item img[b-dda8igzony] {
  width: 100%;
  max-width: 216px;
  border-radius: 12px;
  height: auto;
}

@media (max-width: 768px) {
  .checklist-wrapper[b-dda8igzony] {
    padding: 50px 0;
  }

  .checklist-wrapper h1[b-dda8igzony] {
    font-size: 48px;
    max-width: 100%;
    margin-bottom: 32px;
  }

  .main-content[b-dda8igzony] {
    flex-direction: column;
    gap: 32px;
    width: 100%;
  }

  .main-content-image[b-dda8igzony] {
    width: 100%;
    max-width: 100%;
  }

  .main-content-image img[b-dda8igzony] {
    max-width: 100%;
    width: 100%;
    height: auto;
  }

  .main-content-text[b-dda8igzony] {
    width: 100%;
    max-width: 100%;
  }

  .main-content h2[b-dda8igzony] {
    font-size: 28px;
    max-width: 100%;
    width: 100%;
  }

  .main-content p[b-dda8igzony] {
    max-width: 100%;
    width: 100%;
  }

  .extra-wrapper[b-dda8igzony] {
    border-left: none;
    border-top: 1px solid #E6E4E6;
    padding: 24px;
    padding-top: 0;
    margin-top: 32px;
  }

  .extra-items[b-dda8igzony] {
    gap: 16px;
  }

  .extra-item[b-dda8igzony] {
    margin-bottom: 0;
  }

  .extra-item img[b-dda8igzony] {
    max-width: 100%;
  }
}

.bg-purple h2[b-dda8igzony] {
  font-size: 68px;
  font-style: normal;
  font-weight: 480;
  line-height: 90%; /* 61.2px */
  text-transform: uppercase;
  color: white;
  margin-bottom: 24px;
  padding-top: calc(110px - 36px);
  position: relative;
  z-index: 1;
}

.bg-purple p[b-dda8igzony] {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: white;
  margin-bottom: 36px;
  position: relative;
  z-index: 1;
}

.image-wrapper[b-dda8igzony] {
  display: block;
  position: relative;
  text-align: center;
}

  .image-wrapper .image-foreground[b-dda8igzony],
  .image-wrapper .image-background-1
  .image-wrapper .image-background-2[b-dda8igzony] {
    position: relative;
    z-index: 1;
  }

  .image-wrapper .image-background-1[b-dda8igzony] {
    position: absolute;
    filter: blur(5px);
    left: 60px;
    top: 0;
    z-index: 0;
    rotate: -25deg;
    transform-origin: bottom;
  }

  .image-wrapper .image-background-2[b-dda8igzony] {
    position: absolute;
    filter: blur(5px);
    left: 160px;
    top: 0;
    z-index: 0;
    rotate: 25deg;
    scale: .9;
    transform-origin: bottom;
  }

.bg.bg-white[b-dda8igzony] {
  background: #F3F1F2!important;
}

.r2c-wrapper[b-dda8igzony] {
  text-align: center;
  margin: 100px auto;
}

  .r2c-wrapper h2[b-dda8igzony] {
    font-size: 68px;
    font-style: normal;
    font-weight: 480;
    line-height: 90%; /* 61.2px */
    text-transform: uppercase;
    color: black;
  }

  .r2c-wrapper h3[b-dda8igzony] {
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 28px */
    text-transform: uppercase;
    color: #757575;
    margin-bottom: 56px;
  }

.slider-wrapper[b-dda8igzony] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  gap: 24px;
  flex-wrap: wrap;
}

.slider-card[b-dda8igzony] {
  max-width: 312px;
  min-width: 312px;
  min-height: 321px;
  background: white;
  border-radius: 32px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-align: left;
  text-decoration: none;
}

  .slider-card img[b-dda8igzony] {
    display: block;
    width: 100%;
    border-radius: 32px 32px 0 0;
    min-height: 176px;
  }

  .slider-card h3[b-dda8igzony] {
    font-size: 28px;
    font-style: normal;
    font-weight: 480;
    line-height: 90%; /* 25.2px */
    text-transform: uppercase;
    color: black;
    margin-bottom: 10px;
  }

  .slider-card p[b-dda8igzony] {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    color: #424242;
  }

  .slider-card .slider-card__padding[b-dda8igzony] {
    padding: 24px;
    display: block;
  }

  @media (max-width: 768px) {
    .form-parts[b-dda8igzony] {
    flex-direction: column;
    align-items: center;
  }

  .logo-wrapper[b-dda8igzony] {
    display: grid;
  }

  .form-input-wrapper[b-dda8igzony] {
    width: 100%;
  }

    .form-input-wrapper[b-dda8igzony]  input.form-control {
      width: 100% !important;
    }

  .cta-logo[b-dda8igzony] {
    padding: 40px 20px;
  }

  .bookmark-wrapper[b-dda8igzony]{
    padding: 0 !important;
    text-align: center;
  }

  .main-content[b-dda8igzony] {
    flex-direction: column !important;
  }

  .checklist-wrapper[b-dda8igzony] {
    text-align: center;
  }

  .extra-wrapper[b-dda8igzony] {
    text-align: center;
  }

  .image-wrapper .image-foreground[b-dda8igzony] {
    margin-bottom: 74px !important;
  }

  .bookmark-wrapper p[b-dda8igzony] {
    padding-left: 20px;
    padding-right: 20px;
  }


}

@media (max-width: 480px) {
  [b-dda8igzony] .counter {
    padding: 0;
    font-size: 30px;
    line-height: 22px;
    min-width: inherit !important;
  }

  [b-dda8igzony] .counter-seperator {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    margin: 0 5px !important;
    display: flex;
    align-items: center;
  }
}

.no-results-message[b-dda8igzony] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    z-index: 3;
    color: white;
    max-width: 300px;
    display: none;
}

.no-results-message h3[b-dda8igzony] {
    color: #333;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.no-results-message p[b-dda8igzony] {
    color: #666;
    margin: 0;
    font-size: 1.1rem;
}

@keyframes fadeIn-b-dda8igzony {
    from {
        opacity: 0;
        transform: translate(-50%, -48%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.store-list-overlay[b-dda8igzony] {
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 100%;
    background-color: #f5f5f5;
    z-index: 2;
    padding: 15px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
}

.search-container[b-dda8igzony] {
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.search-container input[b-dda8igzony] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    margin-bottom: 10px;
}

.search-container button[b-dda8igzony] {
    width: 100%;
    padding: 8px;
    background-color: #EEE900;
    color: black;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.2s ease;
}

.search-container button:hover[b-dda8igzony] {
    background-color: #ffd700;
}

.store-list[b-dda8igzony] {
    margin-top: 15px;
    overflow-y: auto;
    height: 401px;
    padding-right: 10px;
}

.store-item[b-dda8igzony] {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.store-item:hover[b-dda8igzony] {
    background-color: #f9f9f9;
}

.store-item a[b-dda8igzony],
.store-item p[b-dda8igzony] {
    margin-bottom: 2px; /* Reduce space below each line */
    line-height: 1.2; /* Reduce line height */
}

.store-item a[b-dda8igzony] {
    display: block; /* Ensure link takes full width for spacing */
    font-weight: bold;
    text-decoration: none;
    color: #333; /* Example color, adjust as needed */
}

.store-item p[b-dda8igzony] {
    font-size: 0.9em; /* Slightly smaller font for address */
    color: #555; /* Example color */
}

.store-item .distance[b-dda8igzony] {
  font-size: 0.8em;
  color: #777;
  margin-top: 4px; /* Add a little space above distance */
  line-height: 1.2; /* Apply reduced line height */
}

#map[b-dda8igzony] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.clear-results-button[b-dda8igzony] {
    width: 100%;
    padding: 8px;
    background-color: #f0f0f0;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s ease;
    margin-top: 10px;
    font-size: 12px;
}

.clear-results-button:hover[b-dda8igzony] {
    background-color: #e0e0e0;
    border-color: #999;
}

/* Add styles for the custom tab look */
.nav-tabs[b-dda8igzony] {
    display: flex;
    justify-content: center;
    border-bottom: none; /* Remove default Bootstrap border */
    background-color: #f8f9fa; /* Light background for the container */
    border-radius: 30px; /* Rounded corners for the container */
    padding: 5px; /* Small padding inside the container */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    width: fit-content; /* Make container only as wide as its content */
    margin: 30px auto 50px auto; /* Center the container itself and add vertical margin */
}

.nav-tabs .nav-item[b-dda8igzony] {
    margin-bottom: 0; /* Remove default Bootstrap margin */
}

.nav-tabs .nav-link[b-dda8igzony] {
    background-color: transparent; /* Default transparent background */
    border: none !important; /* Remove default button border */
    padding: 10px 20px; /* Padding inside each tab */
    margin: 0 5px; /* Space between tabs */
    border-radius: 25px !important; /* Rounded corners for tabs */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 1rem; /* Adjust font size as needed */
    color: #495057 !important; /* Default text color */
    display: inline-flex; /* Align icon and text */
    align-items: center; /* Center icon and text vertically */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
    font-weight: normal; /* Reset font weight */
    line-height: normal; /* Reset line height */
}

/* Style the active tab */
.nav-tabs .nav-link.active[b-dda8igzony] {
    background-color: #ffffff !important; /* White background for active tab */
    color: #212529 !important; /* Darker text color for active tab */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for active tab */
    font-weight: 500 !important; /* Slightly bolder text */
}

/* Optional: Hover effect for non-active tabs */
.nav-tabs .nav-link:not(.active):hover[b-dda8igzony] {
    background-color: #e9ecef !important; /* Slight background change on hover */
    color: #495057 !important;
    border: none !important;
}

/* Remove focus outline */
.nav-tabs .nav-link:focus[b-dda8igzony] {
    outline: none;
    box-shadow: none;
}

/* Ensure tab content takes full width */
.tab-content[b-dda8igzony] {
    width: 100%;
}

/* Styles for mobile collapse toggle */
#storeListCollapse[b-dda8igzony] {
    height: 100%; /* Make sure the collapse wrapper can take full height */
}

/* Optional: Adjust overlay if needed when inside collapse */
/* .store-list-overlay {
    height: 100%; 
} */

.btn-mobile-toggle[b-dda8igzony] {
    position: absolute;
    top: 10px; 
    left: 10px; 
    z-index: 10; /* Ensure it's above the overlay */
    background-color: #ffffff; /* White background like pills */
    color: #333; /* Dark text */
    border: 1px solid #ddd; /* Light border */
    border-radius: 20px; /* Rounded pill shape */
    padding: 5px 12px; /* Adjust padding */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Subtle shadow */
    font-size: 0.9rem;
    line-height: 1.4;
    display: inline-flex; /* Align icon and text */
    align-items: center;
    gap: 5px; /* Space between icon and text */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* Add transition for hiding/showing */
}

.btn-mobile-toggle.hidden[b-dda8igzony] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.btn-mobile-toggle svg[b-dda8igzony] {
    margin-bottom: 1px; /* Fine-tune icon vertical alignment */
}

.btn-mobile-toggle:focus[b-dda8igzony] {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Maintain shadow on focus */
}

/* Style for the close button inside the search overlay */
.store-list-overlay .btn-close-search[b-dda8igzony] {
    position: absolute;
    top: 10px; /* Align with search button */
    right: 10px; 
    z-index: 11; /* Above overlay content */
    
    /* Pill styles copied from .btn-mobile-toggle */
    background-color: #ffffff; 
    color: #333; 
    border: 1px solid #ddd; 
    border-radius: 20px; 
    padding: 5px 12px; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
    font-size: 0.9rem;
    line-height: 1.4;
    display: inline-flex; 
    align-items: center;
    gap: 5px; 
    cursor: pointer;
    transition: background-color 0.2s ease; /* Add hover transition */
}

[b-dda8igzony] .fade:not(.active) {
  display: none;
}

.store-list-overlay .btn-close-search:hover[b-dda8igzony] {
    background-color: #f0f0f0; /* Slight darken on hover */
}

.store-list-overlay .btn-close-search svg[b-dda8igzony] {
    margin-bottom: 1px; /* Fine-tune icon vertical alignment */
}

/* Style the online breaker buttons */
#online-breakers .btn[b-dda8igzony] {
    display: flex; /* Enable flexbox */
    align-items: center; /* Vertically center content */
    justify-content: center; /* Horizontally center content */
    min-height: 56px; /* Adjust as needed to fit 2 lines comfortably */
    padding-top: 0.5rem; /* Adjust padding if needed */
    padding-bottom: 0.5rem;
    text-align: center; /* Ensure text is centered */
    white-space: normal; /* Allow text to wrap if needed, though min-height handles space */
    line-height: 1.2; /* Adjust line height for wrapped text */
}
/* _content/series2-microsite/Pages/ToppsChromeForTeachers.cshtml.rz.scp.css */
.bg.bg-black[b-5th7q3d0z4] {
  background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1739985897/veefriends/webpages/vf-topps-chrome-teachers-bg.png);
  background-size: auto;
  background-attachment: fixed;
  overflow: hidden;
}

  .bg.bg-black .alert[b-5th7q3d0z4] {
    position: fixed;
    top: 0;
    width: 90%;
    max-width: 640px;
    border-radius: 6px;
    z-index: 1000;
    left: 50%;
    transform: translate(-50%, 0);
    background: #feefba;
    border: 2px solid #a15b00;
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }

    .bg.bg-black .alert.alert-ready[b-5th7q3d0z4] {
      opacity: 1;
      transform: translate(-50%, 25px);
    }

  .bg.bg-black:has(.alert.alert-ready)[b-5th7q3d0z4] {
    padding-top: 170px;
  }

  small.form-text[b-5th7q3d0z4] {
    color: #000;
    font-size: 12px;
    user-select: none;
  }

[b-5th7q3d0z4] input.form-control[aria-invalid="true"]:not(.rounded-pill),
[b-5th7q3d0z4] textarea.form-control[aria-invalid="true"]:not(.rounded-pill) {
  background-color: #fff !important;
}

[b-5th7q3d0z4] div.invalid-feedback {
  background: #dc3545;
  padding: 5px;
  border-radius: 0 0 6px 6px;
  font-size: 12px;
  color: white;
  user-select: none;
  margin-bottom: 10px;
  margin-top: -3px;
}

fieldset[b-5th7q3d0z4] {
  background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1740064068/veefriends/webpages/vf-topps-chrome-teachers-form);
  background-size: contain;
  background-repeat: no-repeat;
  width: 645px;
  margin: 45px auto;
  height: 448px;
  position: relative;
}

  fieldset > div[b-5th7q3d0z4] {
    padding: 35px 35px 0 35px;
    height: calc(430px - 12px);
    overflow-y: scroll;
    scrollbar-width: none;
    margin-top: 12px;
    position: relative;
  }

  fieldset[b-5th7q3d0z4]::after {
    content: " ";
    width: calc(100% - 24px);
    bottom: 14px;
    left: 12px;
    height: 80px;
    background: linear-gradient(to bottom, transparent, white 75%);
    user-select: none;
    pointer-events: none;
    position: absolute;
    border-radius: 0 0 30px 30px;
  }

  fieldset legend[b-5th7q3d0z4] {
    font-family: obviously-condensed, sans-serif;
    background-image: url(https://media.veefriends.com/image/upload/f_auto,q_auto,w_256/v1740066132/veefriends/webpages/vf-topps-chrome-teachers-legend);
    background-size: contain;
    background-attachment: local;
    background-position: center left;
    background-repeat: no-repeat;
    color: rgb(94 54 0);
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
    width: 256px;
    height: 63px;
    line-height: 60px;
    display: block;
    text-align: center;
    position: absolute;
    top: -25px;
    left: 25px;
    rotate: -1deg;
    z-index: 5;
  }

  #schoolWrapper[b-5th7q3d0z4]::after {
    content: " ";
    width: var(--radialGradientSize);
    height: var(--radialGradientSize);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(#fff, transparent 70%);
    user-select: none;
    pointer-events: none;
    border-radius: 100%;
    mix-blend-mode: overlay;
    z-index: 0;
    position: fixed;
  }

.school-container[b-5th7q3d0z4] {
  position: relative;
  z-index: 1;
}

.compliance[b-5th7q3d0z4] {
  background: rgba(0, 0, 0, .3);
  border-radius: 50px;
  padding: 15px 25px;
  display: flex;
  align-items: center;
  gap: 20px;
  text-align: left;
  margin: 0 25px;
}

@media (max-width: 768px) {
  .compliance[b-5th7q3d0z4] {
    flex-wrap: wrap; /* Added for mobile responsiveness */
    flex-direction: column; /* Stack items vertically on small screens */
    text-align: center; /* Center text on small screens */
  }
}

#cta[b-5th7q3d0z4] {
  text-align: center;
  margin-bottom: 80px;
}

  #cta .cta-bg[b-5th7q3d0z4] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    user-select: none;
    pointer-events: none;
    width: 100%;
    display: none;
  }

  #cta > div[b-5th7q3d0z4] {
    min-height: var(--formHeight);
  }

  #cta .cta-blurb[b-5th7q3d0z4],
  #cta .cta-signup[b-5th7q3d0z4]
  {
    position: relative;
    z-index: 1;
  }

  #cta .cta-blurb[b-5th7q3d0z4] {
    font-family: "roboto-mono", monospace;
    color: #000000;
    font-size: var(--blurbFont);
    text-shadow: 0 1px 0 white;
    margin: 0 auto;
    padding: var(--blurbPadding);
  }

  #cta .cta-signup[b-5th7q3d0z4] {
    font-family: obviously-narrow, sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #a15b00;
    font-size: var(--signUpFont);
    width: var(--signUpbWidth);
    margin: 0 auto;
    text-transform: uppercase;
    text-shadow: 0 1px 0 white;
    padding: var(--signUpPadding);
    line-height: var(--signUpLineHeight);
    rotate: -1deg;
  }

  #cta .cta-logo[b-5th7q3d0z4] {
    width: var(--logoWidth);
    position: absolute;
    margin: 0 auto;
    display: block;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 15px;
    z-index: 1;
  }

#schoolWrapper[b-5th7q3d0z4] {
  max-width: 696px;
}

.bg.bg-black[b-5th7q3d0z4] {
  padding: 20px 0 80px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  #cta .cta-bg[b-5th7q3d0z4] {
    display: block;
  }
}

@media (max-width: 576px) {
  #cta[b-5th7q3d0z4] {
    background: radial-gradient(#b2ffbd 31%, #7ce58b 70%);
    padding: 25px;
    border-radius: 30px;
    box-shadow: inset 0 0 50px 0px #288c36, inset 0 0 0 10px #2e544c, inset 0 0 0 14px #1c3731, inset 0 0 0 16px #bbffbb;
    border: 4px solid #2e544c;
  }

    #cta .cta-blurb[b-5th7q3d0z4] {
        padding-top: 50px;
        padding-bottom: 0;
    }

    #cta .cta-signup[b-5th7q3d0z4] {
      background: linear-gradient(to bottom, #fde99e, #fdf1b9);
      box-shadow: inset 0 0 50px 0px #fdf1b9, inset 0 0 0 2px #f9c554, inset 0 0 0 4px #d99167;
      border-radius: 12px;
      border: 2px solid #d99167;
      padding: 10px;
      max-width: 70%;
      position: relative;
      top: 40px;
    }

    #cta .cta-logo[b-5th7q3d0z4] {
      top: -20px;
    }

  fieldset[b-5th7q3d0z4] {
    background: radial-gradient(#ffffff, #fffdef);
    box-shadow: inset 0 0 3px 4px #00000096, inset 0 0 0 2px #000000, inset 0 0 0 4px #000000, 0 20px 23px -20px #00000078;
    width: 100%;
    border-radius: 30px;
    height: auto;
  }

    fieldset[b-5th7q3d0z4]::after {
        display: none;
    }

    fieldset > div[b-5th7q3d0z4] {
      height: auto;
      padding: 60px 26px 26px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #schoolWrapper[b-5th7q3d0z4] {
    --logoWidth: 310px;
    --formHeight: 361px;
    --signUpbWidth: 440px;
    --signUpFont: 17px;
    --signUpPadding: 35px 20px 0;
    --signUpLineHeight: 18px;
    --blurbFont: 18px;
    --blurbPadding: 75px 45px 0;
    --radialGradientSize: 1000px;
  }

  .bg.bg-black[b-5th7q3d0z4] {
    padding: 80px 0 160px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
/* _content/series2-microsite/Pages/UserAccountDeactivated.cshtml.rz.scp.css */
.wrapper[b-gep52zwkw0] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: #202124;
    color: #fff;
}

[b-gep52zwkw0] a {
    font-weight: bold;
    color: white;
}

.robot[b-gep52zwkw0] {
    position: relative;
    left: -76px;
}

code[b-gep52zwkw0] {
    color: #f7cd00;
}

h1[b-gep52zwkw0] {
    font-size: 44px;
    line-height: 44px;
    margin-top: 20px;
}

.description[b-gep52zwkw0] {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 40px;
}
/* _content/series2-microsite/Pages/UserAccountDeleted.cshtml.rz.scp.css */
.wrapper[b-myeccqpy4x] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: #202124;
    color: #fff;
}

[b-myeccqpy4x] a {
    font-weight: bold;
    color: white;
}

.robot[b-myeccqpy4x] {
    position: relative;
    left: -76px;
}

code[b-myeccqpy4x] {
    color: #f7cd00;
}

h1[b-myeccqpy4x] {
    font-size: 44px;
    line-height: 44px;
    margin-top: 20px;
}

.description[b-myeccqpy4x] {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 40px;
}
/* _content/series2-microsite/Pages/UserAccountUnderAge.cshtml.rz.scp.css */
.wrapper[b-14kqvf7hl3] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: #202124;
    color: #fff;
}

[b-14kqvf7hl3] a {
    font-weight: bold;
    color: white;
}

.robot[b-14kqvf7hl3] {
    position: relative;
    left: -76px;
}

code[b-14kqvf7hl3] {
    color: #f7cd00;
}

h1[b-14kqvf7hl3] {
    font-size: 44px;
    line-height: 44px;
    margin-top: 20px;
}

.description[b-14kqvf7hl3] {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 40px;
}
/* _content/series2-microsite/Pages/UserOnboarding.cshtml.rz.scp.css */
#registration-form[b-xads42f4yi] {
    width: calc(var(--width) + 20px);
    margin: 0 auto;
}

#logo[b-xads42f4yi] {
    transition: all 1.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    width: 100%;
    opacity: 1 !important;
    top: -60px;
    position: absolute;
    text-align: center;
}

h1[b-xads42f4yi] {
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: center;
    color: var(--green);
}

h2[b-xads42f4yi] {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--green);
    margin-bottom: 30px;
    font-weight: 800;
    font-style: normal;
    text-align: center;
}

.divider[b-xads42f4yi] {
    height: 4px;
    background: var(--gray);
    margin: 30px 0;
    border: 0 none;
}

#walletForm[b-xads42f4yi]  .row,
#walletForm[b-xads42f4yi]  .pt-3 {
    margin: 0 !important;
    padding: 0 !important;
}

[b-xads42f4yi] #walletForm.d-block + .text-center.mt-5 > .flat-button:first-child {
    display: none !important;
}

[b-xads42f4yi] #walletForm.d-block + .text-center.mt-5 > .flat-button + .flat-button {
    margin-left: 0 !important;
}

[b-xads42f4yi] #verifyPhoneBtn {
    margin-bottom: 20px !important;
}

[b-xads42f4yi] #walletFormSummary {
    background: linear-gradient(to bottom, #efefef, #0000);
    padding: 20px;
    border: 1px solid #efefef;
    border-bottom: 0 none;
    margin: 0;
}

[b-xads42f4yi] #addWalletForm {
    text-align: center;
    border: 1px solid #efefef;
    border-top: 0 none;
    padding-bottom: 40px;
    padding-top: 20px;
}
/* _content/series2-microsite/Pages/UserProcessEligibility.cshtml.rz.scp.css */
/* Access Specific */
.bg[b-qksgczdk6y] {
    padding-bottom: 24rem;
    padding-top: 50px;
}

    /* Burn Specific */
    .bg.bg-burn[b-qksgczdk6y] {
        background: url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1671225368/veefriends/burn-island/static-bg) no-repeat top center;
        background-size: cover;
    }

h1[b-qksgczdk6y] {
    text-transform: uppercase;
    font-size: 4rem;
    margin: 20px 0 50px;
    line-height: 3.5rem;
}

    h1 span[b-qksgczdk6y] {
        font-size: 16px;
        display: block;
    }

.bg.bg-burn h1[b-qksgczdk6y] {
    text-shadow: 1px 1px BLACK, 2px 2px BLACK, 3px 3px BLACK;
    color: white;
}

.bg.bg-burn[b-qksgczdk6y]  .step-title {
    color: white;
    text-shadow: 1px 1px BLACK, 2px 2px BLACK;
}

.bg.bg-burn[b-qksgczdk6y]  .step-details {
    color: white;
}

@media(max-width: 1920px) {
    .bg[b-qksgczdk6y] {
        padding-bottom: 13.125rem;
    }
}

@media(max-width: 992px) {
    .eligibility-message[b-qksgczdk6y] {
        margin-bottom: 0;
    }

    h1[b-qksgczdk6y] {
        margin: 0;
    }
}
/* _content/series2-microsite/Pages/UserSignInRedirect.cshtml.rz.scp.css */
body[b-5ad49w7e24] {
    background: green !important;
}
/* _content/series2-microsite/Pages/UserUnsubscribe.cshtml.rz.scp.css */
@media(max-width: 403px) {
    [b-hz9ovo3vm1] .mt-c1 {
        margin-top: 1.25rem;
    }
}

@media(max-width: 430px) {
    [b-hz9ovo3vm1] .mt-c2 {
        margin-top: 1.25rem;
    }
}

.hide-me[b-hz9ovo3vm1] {
    position: absolute;
    left: 0;
    top: 0;
    background: white;
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: var(--bs-card-border-radius);
}

    .hide-me img[b-hz9ovo3vm1] {
        display: block;
        margin-top: -22px;
        margin-left: -22px;
        top: 50%;
        position: absolute;
        left: 50%;
    }
/* _content/series2-microsite/Pages/UserUnsubscribeCompleted.cshtml.rz.scp.css */
@media(max-width: 403px) {
    [b-tiodv8rz6d] .mt-c1 {
        margin-top: 1.25rem;
    }
}

@media(max-width: 430px) {
    [b-tiodv8rz6d] .mt-c2 {
        margin-top: 1.25rem;
    }
}
/* _content/series2-microsite/Pages/VendingGiveaway.cshtml.rz.scp.css */
.alert[b-9iky3szhoh] {
  position: fixed;
  min-width: 375px;
  width: 100%;
  max-width: 740px;
  left: 50%;
  transform: translateX(-50%) translateY(-50px);
  transition: all 500ms 0s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  border: 2px solid white;
  background: rgba(0, 0, 0, .75);
  color: white;
  border-radius: 16px;
  opacity: 0;
  backdrop-filter: blur(2px);
}

  .alert.alert-ready[b-9iky3szhoh] {
    opacity: 1;
    transform: translateX(-50%) translateY(20px);
  }


.form-input-wrapper[b-9iky3szhoh] {
  width: 100%;
  max-width: 800px;
  text-align: left;
}

  .form-input-wrapper[b-9iky3szhoh]  input.form-control {
    background-color: #111;
    border: 2px solid #222;
    border-radius: 30px;
    color: #fff;
    text-align: left;
  }

  .video-wrapper[b-9iky3szhoh] {
    border-radius: 32px;
    overflow: hidden;
  }

  .form-input-wrapper[b-9iky3szhoh]  label.form-label::after,
  .form-input-wrapper[b-9iky3szhoh]  label.form-label {
    background-color: transparent;
    border: 0 none;
    color: #666;
    text-shadow: none;
    margin-left: 5px;
    margin-top: 3px;
    text-align: left;
  }


@media (max-width: 768px) {
  .form-parts[b-9iky3szhoh] {
    flex-direction: column;
    align-items: center;
  }
}
/* _content/series2-microsite/Pages/Wallets.cshtml.rz.scp.css */
/* _content/series2-microsite/Pages/WhatsNew.cshtml.rz.scp.css */
.bg[b-05qjvih37t] {
  background: url(/images/v2/hero/purple-spiral.png) no-repeat top center;
  background-size: contain;
  min-height: 100vh;
  min-width: 100vw;
  background-color: #943dcc;
}

.card[b-05qjvih37t] {
  background: linear-gradient(to bottom, white 10%, transparent 40%), #efefef url(https://media.veefriends.com/image/upload/f_auto,q_auto/v1709314207/veefriends/specials/www/character-scatter-bg);
}

.logo[b-05qjvih37t] {
  width: 224px;
  margin: -80px auto 0;
}

.card-image[b-05qjvih37t] {
  position: relative;
}

  .card-image img[b-05qjvih37t] {
    max-width: 128px;
    aspect-ratio: 1/1;
    object-fit: cover;
  }

  .card-image[b-05qjvih37t]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45px;
    background: linear-gradient(to left, white 10%, transparent);
  }

.footer-links[b-05qjvih37t] {
  font-size: 12px;
  color: white;
  text-decoration: none;
}

.card-item .card-body[b-05qjvih37t] {
  border: 2px solid #000;
  background: white;
  box-shadow: 2px 4px 0px 2px black !important;
}

.card-item:hover .card-body[b-05qjvih37t] {
  border: 2px solid var(--green);
  background: white;
  box-shadow: 2px 4px 0px 2px var(--green) !important;
}

.card-item:active .card-body[b-05qjvih37t],
.card-item:focus .card-body[b-05qjvih37t] {
  border: 2px solid var(--green);
  background: white;
  box-shadow: none !important;
}

.card-title[b-05qjvih37t],
.card-description[b-05qjvih37t] {
  line-height: 16px;
  text-wrap: pretty;
  display: block;
}


#share[b-05qjvih37t] {
  border: 1px solid #e9e9e9;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  outline: none;
  background: #fefefe;
  height: 36px;
  width: 36px;
  border-radius: 100%;
  text-align: center;
}

  #share img[b-05qjvih37t] {
    position: relative;
    display: block;
    width: 19px;
    color: #333;
    left: -2px;
    margin: 0 auto;
  }

  #share:hover[b-05qjvih37t] {
    background: #efefef;
  }

    #share:hover span[b-05qjvih37t] {
      color: #999;
    }


.discover[b-05qjvih37t] {
  padding: 40px;
  background: white;
  border-radius: 20px;
}


/* Fonts */
[b-05qjvih37t] .web-share {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

[b-05qjvih37t] .web-share-title {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.12em;
  opacity: 0.7;
}

[b-05qjvih37t] .web-share {
  position: fixed;
  top: -10px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: background .4s;
  padding: 8px;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 100000;
  display: none;
}

[b-05qjvih37t] .web-share-container {
  max-width: 490px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 8px;
  background: #F8F8F8;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px;
  padding: 16px 23px;
  text-align: left;
  color: black;
  transform: translateY(10vh);
  opacity: 0;
  transition: transform .4s, opacity .4s;
}

  [b-05qjvih37t] .web-share-container.web-share-cancel {
    color: #0076FF;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
  }

[b-05qjvih37t] .web-share-item {
  margin: 16px 8px;
  display: inline-block;
  text-decoration: none !important;
  color: black !important;
  cursor: pointer;
  width: 64px;
}

  [b-05qjvih37t] .web-share-item [class^="web-share-icon-"] {
    background-color: white;
    border-radius: 12px;
    padding: 12px;
    color: black;
    font-size: 32px;
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
  }

  [b-05qjvih37t] .web-share-item[href=""] {
    display: none;
  }

[b-05qjvih37t] .web-share-item-desc {
  text-align: center;
  margin-top: 4px;
}

[b-05qjvih37t] .web-share.desktop .web-share-sms {
  display: none;
}

[b-05qjvih37t] .web-share-icon-whatsapp {
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg"><path d="M20.504 3.504C18.246 1.246 15.246 0 12.05 0 5.466 0 .103 5.36.103 11.945c-.004 2.106.546 4.16 1.593 5.973L0 24.108l6.336-1.663c1.742.953 3.71 1.453 5.71 1.457h.005c6.587 0 11.946-5.36 11.95-11.95 0-3.19-1.242-6.19-3.496-8.448zm-8.453 18.38h-.003c-1.78 0-3.53-.482-5.055-1.384l-.363-.215-3.763.985 1.004-3.665-.233-.375c-.996-1.582-1.52-3.41-1.52-5.285 0-5.472 4.457-9.925 9.938-9.925 2.652 0 5.144 1.035 7.02 2.91 1.874 1.88 2.905 4.37 2.905 7.023 0 5.477-4.457 9.93-9.93 9.93zm5.446-7.44c-.297-.147-1.766-.87-2.04-.967-.272-.102-.472-.15-.67.148-.2.3-.77.973-.946 1.172-.172.195-.348.223-.645.074-.3-.147-1.26-.464-2.402-1.483-.887-.79-1.488-1.77-1.66-2.067-.176-.3-.02-.46.13-.61.135-.132.3-.347.448-.523.15-.17.2-.296.302-.496.097-.198.047-.374-.028-.522-.074-.148-.67-1.62-.92-2.22-.244-.58-.49-.5-.673-.51-.17-.008-.37-.008-.57-.008-.2 0-.523.074-.797.375-.273.297-1.043 1.02-1.043 2.488 0 1.47 1.07 2.89 1.22 3.09.148.195 2.105 3.21 5.1 4.504.712.308 1.266.492 1.7.63.715.225 1.367.194 1.883.12.574-.086 1.765-.723 2.015-1.422.247-.695.247-1.293.172-1.418-.074-.125-.273-.2-.574-.352z" fill="black" fill-rule="evenodd"/></svg>');
}

[b-05qjvih37t] .web-share-icon-telegram {
  background-image: url('data:image/svg+xml,<svg width="26" height="23" viewBox="0 0 26 23" xmlns="http://www.w3.org/2000/svg"><path d="M24.075.002c-.336.016-.652.112-.933.22h-.004c-.285.11-1.64.673-3.7 1.523l-7.385 3.063C6.755 7.005 1.547 9.168 1.547 9.168l.063-.023s-.36.115-.735.37c-.19.122-.402.292-.586.557-.185.266-.333.674-.28 1.093.09.712.56 1.14.896 1.374.34.237.664.35.664.35h.008l4.884 1.62c.22.692 1.49 4.8 1.794 5.748.18.565.355.92.574 1.19.105.137.23.253.38.345.057.035.12.062.182.085.02.01.04.015.063.02l-.05-.012c.015.003.027.015.038.02.04.01.067.014.118.022.774.23 1.395-.243 1.395-.243l.036-.027 2.884-2.585 4.833 3.65.11.048c1.008.435 2.027.193 2.566-.234.544-.43.755-.98.755-.98l.035-.09 3.735-18.843c.105-.466.133-.9.016-1.324-.118-.424-.42-.82-.782-1.032-.367-.216-.73-.28-1.067-.266zm-.1 2.02c-.005.062.007.054-.02.173v.012l-3.7 18.647c-.016.027-.044.085-.118.143-.078.06-.14.1-.465-.027l-5.91-4.464-3.572 3.205.75-4.716 9.658-8.866c.4-.365.266-.442.266-.442.027-.447-.602-.13-.602-.13l-12.178 7.43-.004-.02-5.838-1.936v-.003c-.003 0-.01-.004-.015-.004.004 0 .03-.012.03-.012l.032-.014.03-.012 10.51-4.36c2.654-1.1 5.326-2.208 7.38-3.062 2.056-.85 3.576-1.474 3.662-1.51.082-.03.043-.03.102-.03z" fill-rule="nonzero" fill="black"/></svg>');
}

[b-05qjvih37t] .web-share-icon-facebook {
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.41 0 0 5.137 0 11.5c0 3.39 1.57 6.402 4 8.5v4.625l4.438-2.22c1.128.34 2.308.595 3.562.595 6.59 0 12-5.137 12-11.5S18.59 0 12 0zm0 2c5.56 0 10 4.266 10 9.5S17.56 21 12 21c-1.195 0-2.336-.227-3.406-.594l-.406-.125L6 21.376v-2.25l-.375-.313C3.405 17.063 2 14.442 2 11.5 2 6.266 6.44 2 12 2zm-1.125 6.344l-6.03 6.375 5.405-3 2.875 3.092 5.97-6.468-5.282 2.97-2.938-2.97z" fill-rule="nonzero" fill="black"/></svg>')
}

[b-05qjvih37t] .web-share-icon-email {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="black" height="32" viewBox="0 0 24 24" width="32"><path d="M0 0h24v24H0z" fill="none"/><path d="M 20,4 4,4 C 2.9,4 2.01,4.9 2.01,6 L 2,18 c 0,1.1 0.9,2 2,2 l 16,0 c 1.1,0 2,-0.9 2,-2 L 22,6 C 22,4.9 21.1,4 20,4 z m 0.508475,14.508475 -17.0169495,0 0,-10.7118648 L 12,12.79661 20.508475,7.7966102 z M 11.694915,11 3.4915255,5.4915255 l 17.0169495,0 z"/></svg>');
}

[b-05qjvih37t] .web-share-icon-sms {
  background-image: url('data:image/svg+xml,<svg fill="black" height="36" viewBox="0 0 24 24" width="36" xmlns="http://www.w3.org/2000/svg"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
}

[b-05qjvih37t] .web-share-icon-copy {
  background-image: url('data:image/svg+xml,<svg width="24" height="28" viewBox="0 0 24 28" xmlns="http://www.w3.org/2000/svg"><path d="M13.867 0c-.56 0-1.178.006-1.864.006H7.64c-1.633 0-2.873-.003-3.9.103-1.025.106-1.926.336-2.592.946-.665.61-.916 1.437-1.03 2.377C0 4.373.007 5.51.007 7.005v10.019c0 2.547-.12 4.066.642 5.337.38.636 1.065 1.1 1.817 1.324.58.173 1.24.238 1.977.278.014.2.015.432.038.615.116.94.367 1.766 1.033 2.376.666.61 1.567.84 2.592.945 1.026.106 2.265.102 3.896.102h4.363c1.633 0 2.874.003 3.9-.104 1.026-.106 1.927-.336 2.592-.947.666-.61.916-1.437 1.03-2.377.116-.94.112-2.076.112-3.572v-9.996c0-1.498.003-2.635-.113-3.576-.116-.94-.367-1.766-1.033-2.376-.666-.61-1.567-.84-2.592-.945-.206-.022-.466-.022-.69-.036-.046-.706-.122-1.332-.33-1.885-.256-.675-.78-1.282-1.47-1.615-1.036-.5-2.22-.567-3.905-.57zM7.64 2.006h4.363c2.74 0 4.282.107 4.752.333.236.113.3.173.424.5.09.236.15.66.197 1.17-.34 0-.632-.005-1.01-.005h-4.364c-1.633 0-2.874-.003-3.9.104-1.026.105-1.927.335-2.592.946-.665.61-.915 1.436-1.03 2.376-.115.94-.11 2.076-.11 3.572v9.998c0 .356.004.63.005.95-.53-.04-.976-.093-1.235-.17-.38-.112-.452-.178-.577-.386-.25-.417-.375-1.827-.375-4.372v-.01V7.005c0-1.495.007-2.604.098-3.35.09-.745.25-1.045.405-1.186.155-.143.482-.29 1.296-.374.813-.085 2.022-.09 3.655-.09zm4.363 4h4.363c1.63 0 2.84.005 3.653.09.812.082 1.14.228 1.294.37.154.14.315.44.407 1.187.092.745.1 1.854.1 3.35v9.998c0 1.496-.008 2.605-.1 3.35-.09.746-.25 1.046-.404 1.188-.154.14-.482.288-1.295.373-.812.085-2.022.09-3.654.09h-4.363c-1.63 0-2.84-.006-3.653-.09-.813-.083-1.14-.23-1.295-.37-.154-.142-.315-.442-.407-1.188-.092-.745-.098-1.854-.098-3.35v-9.998c0-1.495.007-2.604.098-3.35.092-.745.25-1.045.405-1.187.154-.14.482-.288 1.295-.372.813-.085 2.023-.09 3.655-.09z" fill="black" fill-rule="evenodd"/></svg>');
}

[b-05qjvih37t] .web-share-items {
  display: grid;
  grid-template:
    "a a a"
    "b b b";
  justify-content: space-between;
}