


/* ============================== 
SMAL SASS STYLES
============================== */

html {
  scroll-behavior: smooth; }

.smal-xeneon-monitor-video {
  opacity: 1 !important; }
  @media (min-width: 767px) {
    .smal-xeneon-monitor-video {
      position: absolute;
      top: 1%;
      left: 1%;
      width: 98%;
      z-index: -1; } }

.smal-xeneon-warranty {
  padding: 4rem 0 0 !important; }

@media (max-width: 767px) {
  .smal-xeneon-go-big {
    padding-bottom: 32px; } }

.smal-xeneon-go-bg {
  background-image: url("//res.cloudinary.com/corsair-pwa/image/upload/f_auto,q_auto/akamai/pdp/monitors/CM-9020002/assets/images/xeneon-go-big-bg-clarke.jpg"), linear-gradient(0deg, #000000 10%, transparent 100%);
  background-blend-mode: multiply;
  background-size: cover;
  background-repeat: no-repeat; }

.smal-xeneon-fast {
  padding-top: 80px;
  padding-bottom: 0; }

.smal-xeneon-built-mount {
  min-height: auto;
  padding: 0; }

.smal-xeneon-speed {
  justify-content: flex-start !important; }

.smal-xeneon-speed-image {
  width: 100vw; }
  .smal-xeneon-speed-image img {
    display: none; }
  @media (min-width: 767px) {
    .smal-xeneon-speed-image {
      transform: scale(1.3) translate(15%);
      width: auto; }
      .smal-xeneon-speed-image img {
        display: block; } }

@media (min-width: 767px) {
  .smal-xeneon-120vh {
    height: 120vh; } }

@media (min-width: 767px) and (max-width: 1439px) {
  .smal-xeneon-200vh {
    height: 200vh; } }

.smal-xeneon-full-picture {
  align-items: flex-start !important;
  z-index: -1; }

@media (min-width: 767px) {
  .smal-xeneon-grid {
    display: grid !important;
    grid-template-areas: "first second" "first third";
    grid-gap: 13px; }
    .smal-xeneon-grid-first {
      grid-area: first;
      border-radius: 4px 0 0 4px; }
    .smal-xeneon-grid-second {
      grid-area: second;
      border-top-right-radius: 4px; }
    .smal-xeneon-grid-third {
      border-bottom-right-radius: 4px; } }

.smal-fade-out::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 23%;
  content: " ";
  z-index: 0;
  background: black;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 60%, transparent 100%); }
  @media (max-width: 767px) {
    .smal-fade-out::after {
      height: 10%; } }


/* ============================== 
FONT SIZE FIXES
============================== */

#smalcode.wingsuit-root .smal-hero-title {
    font-family: bebas-neue-pro-semiexpanded, sans-serif;
    font-weight: 600;
}

#smalcode.wingsuit-root .smal-text-110 {
    font-size:6.875rem;
}



@media (min-width: 1024px){
    #smalcode.wingsuit-root h3 {
        font-size: 3.75rem;
        line-height: 3.375rem;
        letter-spacing: .125rem;
    }

    #smalcode.wingsuit-root .lg\:smal-leading-78 {
        line-height: 4.875rem;
    }

    #smalcode.wingsuit-root .lg\:smal-text-6xl {
        font-size: 3.75rem;
    }
}



@media (min-width: 768px) {
    #smalcode.wingsuit-root .smal-hero-title {
        font-size: 7rem;
    }
}
