@charset "utf-8";

* {
  -webkit-font-smoothing: antialiased;
}

html {
  scroll-behavior: smooth;
}

.construct-bg {
  background: radial-gradient(rgb(50, 50, 50), #161616 66%);
  overflow: hidden;
}

.video-bg {
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  right: 0px;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  pointer-events: none;
  position: absolute;
  z-index: 0;
  object-fit: cover;
}

.digital-text {
  font-family: "Bitcount Grid Double", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0, "CRSV" 0.5, "ELSH" 0, "ELXP" 0;
}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.mochiy-pop-one-regular {
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Containers */

.laxxview {
  position: relative;
  background: radial-gradient(rgba(255, 255, 255, 0.15) 0%, transparent 70%);
  background-position: center;
  background-size: 100% 85%;
  background-repeat: no-repeat;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  margin: auto;
}

.laxxview-container,
.laxxview-inner,
.laxxview-front,
.laxxview-back,
.laxxview-base,
.laxxview-layer,
.laxxview img,
.laxxview video {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.laxxview-container {
  position: relative;
  -webkit-touch-action: none;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1;
}

.laxxview-container:hover {
  z-index: 100;
  cursor: grab;
}

.laxxview-base,
.laxxview-front,
.laxxview-back,
.laxxview-left,
.laxxview-right,
.laxxview-top,
.laxxview-bottom,
.laxxview-layer,
.laxxview img,
.laxxview video {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.laxxview-inner {
  -webkit-transition: transform 0.75s, translate 0.75s;
  -moz-transition: transform 0.75s, translate 0.75s;
  -o-transition: transform 0.75s, translate 0.75s;
  transition: transform 0.75s, translate 0.75s;
  min-width: fit-content;
}

.laxxview-front {
  position: relative;
  pointer-events: all !important;
}

.laxxview-back {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  pointer-events: all !important;
}

.laxxview img,
.laxxview video {
  max-height: 80dvh;
  max-width: 500px;
}

.laxxview-horizontal img,
.laxxview-horizontal video {
  max-height: 80dvh;
  max-width: 700px !important;
}

/* Thickness & 3D Construction (Sides) */

.laxxview-5pt .laxxview-inner {
  -webkit-translate: 0 0 -5px;
  -moz-translate: 0 0 -5px;
  -ms-translate: 0 0 -5px;
  translate: 0 0 -5px;
}

.laxxview-5pt .laxxview-left,
.laxxview-5pt .laxxview-right {
  position: absolute;
  top: 0;
  background-color: white;
  width: 5px;
  height: 100%;
}

.laxxview-5pt .laxxview-left {
  -webkit-transform: rotateY(-90deg) translateZ(2.5px) translateX(2.5px);
  -moz-transform: rotateY(-90deg) translateZ(2.5px) translateX(2.5px);
  -ms-transform: rotateY(-90deg) translateZ(2.5px) translateX(2.5px);
  transform: rotateY(-90deg) translateZ(2.5px) translateX(2.5px);
}

.laxxview-5pt .laxxview-right {
  right: 0;
  -webkit-transform: rotateY(90deg) translateZ(2.5px) translateX(-2.5px);
  -moz-transform: rotateY(90deg) translateZ(2.5px) translateX(-2.5px);
  -ms-transform: rotateY(90deg) translateZ(2.5px) translateX(-2.5px);
  transform: rotateY(90deg) translateZ(2.5px) translateX(-2.5px);
}

.laxxview-5pt .laxxview-top,
.laxxview-5pt .laxxview-bottom {
  position: absolute;
  background-color: gray;
  width: 100%;
  height: 5px;
}

.laxxview-5pt .laxxview-top {
  top: 0;
  -webkit-transform: rotateX(90deg) translateZ(2.5px) translateY(2.5px);
  -moz-transform: rotateX(90deg) translateZ(2.5px) translateY(2.5px);
  -ms-transform: rotateX(90deg) translateZ(2.5px) translateY(2.5px);
  transform: rotateX(90deg) translateZ(2.5px) translateY(2.5px);
}

.laxxview-5pt .laxxview-bottom {
  bottom: 0;
  -webkit-transform: rotateX(-90deg) translateZ(2.5px) translateY(-2.5px);
  -moz-transform: rotateX(-90deg) translateZ(2.5px) translateY(-2.5px);
  -ms-transform: rotateX(-90deg) translateZ(2.5px) translateY(-2.5px);
  transform: rotateX(-90deg) translateZ(2.5px) translateY(-2.5px);
}

.laxxview-10pt .laxxview-inner {
  -webkit-translate: 0 0 -10px;
  -moz-translate: 0 0 -10px;
  -ms-translate: 0 0 -10px;
  translate: 0 0 -10px;
}

.laxxview-10pt .laxxview-left,
.laxxview-10pt .laxxview-right {
  position: absolute;
  top: 0;
  background-color: white;
  width: 10px;
  height: 100%;
}

.laxxview-10pt .laxxview-left {
  -webkit-transform: rotateY(-90deg) translateZ(5px) translateX(5px);
  -moz-transform: rotateY(-90deg) translateZ(5px) translateX(5px);
  -ms-transform: rotateY(-90deg) translateZ(5px) translateX(5px);
  transform: rotateY(-90deg) translateZ(5px) translateX(5px);
}

.laxxview-10pt .laxxview-right {
  right: 0;
  -webkit-transform: rotateY(90deg) translateZ(5px) translateX(-5px);
  -moz-transform: rotateY(90deg) translateZ(5px) translateX(-5px);
  -ms-transform: rotateY(90deg) translateZ(5px) translateX(-5px);
  transform: rotateY(90deg) translateZ(5px) translateX(-5px);
}

.laxxview-10pt .laxxview-top,
.laxxview-10pt .laxxview-bottom {
  position: absolute;
  background-color: gray;
  width: 100%;
  height: 10px;
}

.laxxview-10pt .laxxview-top {
  top: 0;
  -webkit-transform: rotateX(90deg) translateZ(5px) translateY(5px);
  -moz-transform: rotateX(90deg) translateZ(5px) translateY(5px);
  -ms-transform: rotateX(90deg) translateZ(5px) translateY(5px);
  transform: rotateX(90deg) translateZ(5px) translateY(5px);
}

.laxxview-10pt .laxxview-bottom {
  bottom: 0;
  -webkit-transform: rotateX(-90deg) translateZ(5px) translateY(-5px);
  -moz-transform: rotateX(-90deg) translateZ(5px) translateY(-5px);
  -ms-transform: rotateX(-90deg) translateZ(5px) translateY(-5px);
  transform: rotateX(-90deg) translateZ(5px) translateY(-5px);
}

.laxxview-15pt .laxxview-inner {
  -webkit-translate: 0 0 -15px;
  -moz-translate: 0 0 -15px;
  -ms-translate: 0 0 -15px;
  translate: 0 0 -15px;
}

.laxxview-15pt .laxxview-left,
.laxxview-15pt .laxxview-right {
  position: absolute;
  top: 0;
  background-color: white;
  width: 15px;
  height: 100%;
}

.laxxview-15pt .laxxview-left {
  -webkit-transform: rotateY(-90deg) translateZ(7.5px) translateX(7.5px);
  -moz-transform: rotateY(-90deg) translateZ(7.5px) translateX(7.5px);
  -ms-transform: rotateY(-90deg) translateZ(7.5px) translateX(7.5px);
  transform: rotateY(-90deg) translateZ(7.5px) translateX(7.5px);
}

.laxxview-15pt .laxxview-right {
  right: 0;
  -webkit-transform: rotateY(90deg) translateZ(7.5px) translateX(-7.5px);
  -moz-transform: rotateY(90deg) translateZ(7.5px) translateX(-7.5px);
  -ms-transform: rotateY(90deg) translateZ(7.5px) translateX(-7.5px);
  transform: rotateY(90deg) translateZ(7.5px) translateX(-7.5px);
}

.laxxview-15pt .laxxview-top,
.laxxview-15pt .laxxview-bottom {
  position: absolute;
  background-color: gray;
  width: 100%;
  height: 15px;
}

.laxxview-15pt .laxxview-top {
  top: 0;
  -webkit-transform: rotateX(90deg) translateZ(7.5px) translateY(7.5px);
  -moz-transform: rotateX(90deg) translateZ(7.5px) translateY(7.5px);
  -ms-transform: rotateX(90deg) translateZ(7.5px) translateY(7.5px);
  transform: rotateX(90deg) translateZ(7.5px) translateY(7.5px);
}

.laxxview-15pt .laxxview-bottom {
  bottom: 0;
  -webkit-transform: rotateX(-90deg) translateZ(7.5px) translateY(-7.5px);
  -moz-transform: rotateX(-90deg) translateZ(7.5px) translateY(-7.5px);
  -ms-transform: rotateX(-90deg) translateZ(7.5px) translateY(-7.5px);
  transform: rotateX(-90deg) translateZ(7.5px) translateY(-7.5px);
}

.laxxview-20pt .laxxview-inner {
  -webkit-translate: 0 0 -20px;
  -moz-translate: 0 0 -20px;
  -ms-translate: 0 0 -20px;
  translate: 0 0 -20px;
}

.laxxview-20pt .laxxview-left,
.laxxview-20pt .laxxview-right {
  position: absolute;
  top: 0;
  background-color: white;
  width: 20px;
  height: 100%;
}

.laxxview-20pt .laxxview-left {
  -webkit-transform: rotateY(-90deg) translateZ(10px) translateX(10px);
  -moz-transform: rotateY(-90deg) translateZ(10px) translateX(10px);
  -ms-transform: rotateY(-90deg) translateZ(10px) translateX(10px);
  transform: rotateY(-90deg) translateZ(10px) translateX(10px);
}

.laxxview-20pt .laxxview-right {
  right: 0;
  -webkit-transform: rotateY(90deg) translateZ(10px) translateX(-10px);
  -moz-transform: rotateY(90deg) translateZ(10px) translateX(-10px);
  -ms-transform: rotateY(90deg) translateZ(10px) translateX(-10px);
  transform: rotateY(90deg) translateZ(10px) translateX(-10px);
}

.laxxview-20pt .laxxview-top,
.laxxview-20pt .laxxview-bottom {
  position: absolute;
  background-color: gray;
  width: 100%;
  height: 20px;
}

.laxxview-20pt .laxxview-top {
  top: 0;
  -webkit-transform: rotateX(90deg) translateZ(10px) translateY(10px);
  -moz-transform: rotateX(90deg) translateZ(10px) translateY(10px);
  -ms-transform: rotateX(90deg) translateZ(10px) translateY(10px);
  transform: rotateX(90deg) translateZ(10px) translateY(10px);
}

.laxxview-20pt .laxxview-bottom {
  bottom: 0;
  -webkit-transform: rotateX(-90deg) translateZ(10px) translateY(-10px);
  -moz-transform: rotateX(-90deg) translateZ(10px) translateY(-10px);
  -ms-transform: rotateX(-90deg) translateZ(10px) translateY(-10px);
  transform: rotateX(-90deg) translateZ(10px) translateY(-10px);
}

.laxxview-25pt .laxxview-inner {
  -webkit-translate: 0 0 -25px;
  -moz-translate: 0 0 -25px;
  -ms-translate: 0 0 -25px;
  translate: 0 0 -25px;
}

.laxxview-25pt .laxxview-left,
.laxxview-25pt .laxxview-right {
  position: absolute;
  top: 0;
  background-color: white;
  width: 25px;
  height: 100%;
}

.laxxview-25pt .laxxview-left {
  -webkit-transform: rotateY(-90deg) translateZ(12.5px) translateX(12.5px);
  -moz-transform: rotateY(-90deg) translateZ(12.5px) translateX(12.5px);
  -ms-transform: rotateY(-90deg) translateZ(12.5px) translateX(12.5px);
  transform: rotateY(-90deg) translateZ(12.5px) translateX(12.5px);
}

.laxxview-25pt .laxxview-right {
  right: 0;
  -webkit-transform: rotateY(90deg) translateZ(12.5px) translateX(-12.5px);
  -moz-transform: rotateY(90deg) translateZ(12.5px) translateX(-12.5px);
  -ms-transform: rotateY(90deg) translateZ(12.5px) translateX(-12.5px);
  transform: rotateY(90deg) translateZ(12.5px) translateX(-12.5px);
}

.laxxview-25pt .laxxview-top,
.laxxview-25pt .laxxview-bottom {
  position: absolute;
  background-color: gray;
  width: 12.5%;
  height: 25px;
}

.laxxview-25pt .laxxview-top {
  top: 0;
  -webkit-transform: rotateX(90deg) translateZ(12.5px) translateY(12.5px);
  -moz-transform: rotateX(90deg) translateZ(12.5px) translateY(12.5px);
  -ms-transform: rotateX(90deg) translateZ(12.5px) translateY(12.5px);
  transform: rotateX(90deg) translateZ(12.5px) translateY(12.5px);
}

.laxxview-25pt .laxxview-bottom {
  bottom: 0;
  -webkit-transform: rotateX(-90deg) translateZ(12.5px) translateY(-12.5px);
  -moz-transform: rotateX(-90deg) translateZ(12.5px) translateY(-12.5px);
  -ms-transform: rotateX(-90deg) translateZ(12.5px) translateY(-12.5px);
  transform: rotateX(-90deg) translateZ(12.5px) translateY(-12.5px);
}

.laxxview-30pt .laxxview-inner {
  -webkit-translate: 0 0 -30px;
  -moz-translate: 0 0 -30px;
  -ms-translate: 0 0 -30px;
  translate: 0 0 -30px;
}

.laxxview-30pt .laxxview-left,
.laxxview-30pt .laxxview-right {
  position: absolute;
  top: 0;
  background-color: white;
  width: 30px;
  height: 100%;
}

.laxxview-30pt .laxxview-left {
  -webkit-transform: rotateY(-90deg) translateZ(15px) translateX(15px);
  -moz-transform: rotateY(-90deg) translateZ(15px) translateX(15px);
  -ms-transform: rotateY(-90deg) translateZ(15px) translateX(15px);
  transform: rotateY(-90deg) translateZ(15px) translateX(15px);
}

.laxxview-30pt .laxxview-right {
  right: 0;
  -webkit-transform: rotateY(90deg) translateZ(15px) translateX(-15px);
  -moz-transform: rotateY(90deg) translateZ(15px) translateX(-15px);
  -ms-transform: rotateY(90deg) translateZ(15px) translateX(-15px);
  transform: rotateY(90deg) translateZ(15px) translateX(-15px);
}

.laxxview-30pt .laxxview-top,
.laxxview-30pt .laxxview-bottom {
  position: absolute;
  background-color: gray;
  width: 100%;
  height: 30px;
}

.laxxview-30pt .laxxview-top {
  top: 0;
  -webkit-transform: rotateX(90deg) translateZ(15px) translateY(15px);
  -moz-transform: rotateX(90deg) translateZ(15px) translateY(15px);
  -ms-transform: rotateX(90deg) translateZ(15px) translateY(15px);
  transform: rotateX(90deg) translateZ(15px) translateY(15px);
}

.laxxview-30pt .laxxview-bottom {
  bottom: 0;
  -webkit-transform: rotateX(-90deg) translateZ(15px) translateY(-15px);
  -moz-transform: rotateX(-90deg) translateZ(15px) translateY(-15px);
  -ms-transform: rotateX(-90deg) translateZ(15px) translateY(-15px);
  transform: rotateX(-90deg) translateZ(15px) translateY(-15px);
}

/* Layer Stacking */

.laxxview-base {
  position: relative;
  pointer-events: none !important;
  width: 100%;
}

.laxxview-layer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none !important;
}

/* Front Layers */

.laxxview-front .layer-1 {
  -webkit-transform: translate3d(0, 0, 5px) !important;
  -moz-transform: translate3d(0, 0, 5px) !important;
  transform: translate3d(0, 0, 5px) !important;
}

.laxxview-front .layer-2 {
  -webkit-transform: translate3d(0, 0, 10px) !important;
  -moz-transform: translate3d(0, 0, 10px) !important;
  transform: translate3d(0, 0, 10px) !important;
}

.laxxview-5pt .laxxview-front .layer-2 {
  -webkit-transform: scale(0.995) translate3d(0, 0, 10px) !important;
  -moz-transform: scale(0.995) translate3d(0, 0, 10px) !important;
  transform: scale(0.995) translate3d(0, 0, 10px) !important;
}

.laxxview-front .layer-3 {
  -webkit-transform: translate3d(0, 0, 15px) !important;
  -moz-transform: translate3d(0, 0, 15px) !important;
  transform: translate3d(0, 0, 15px) !important;
}

.laxxview-5pt .laxxview-front .layer-3 {
  -webkit-transform: scale(0.99) translate3d(0, 0, 15px) !important;
  -moz-transform: scale(0.99) translate3d(0, 0, 15px) !important;
  transform: scale(0.99) translate3d(0, 0, 15px) !important;
}

.laxxview-10pt .laxxview-front .layer-3 {
  -webkit-transform: scale(0.995) translate3d(0, 0, 15px) !important;
  -moz-transform: scale(0.995) translate3d(0, 0, 15px) !important;
  transform: scale(0.995) translate3d(0, 0, 15px) !important;
}

.laxxview-front .layer-4 {
  -webkit-transform: translate3d(0, 0, 20px) !important;
  -moz-transform: translate3d(0, 0, 20px) !important;
  transform: translate3d(0, 0, 20px) !important;
}

.laxxview-5pt .laxxview-front .layer-4 {
  -webkit-transform: scale(0.985) translate3d(0, 0, 20px) !important;
  -moz-transform: scale(0.985) translate3d(0, 0, 20px) !important;
  transform: scale(0.985) translate3d(0, 0, 20px) !important;
}

.laxxview-10pt .laxxview-front .layer-4 {
  -webkit-transform: scale(0.99) translate3d(0, 0, 20px) !important;
  -moz-transform: scale(0.99) translate3d(0, 0, 20px) !important;
  transform: scale(0.99) translate3d(0, 0, 20px) !important;
}

.laxxview-15pt .laxxview-front .layer-4 {
  -webkit-transform: scale(0.995) translate3d(0, 0, 20px) !important;
  -moz-transform: scale(0.995) translate3d(0, 0, 20px) !important;
  transform: scale(0.995) translate3d(0, 0, 20px) !important;
}

.laxxview-front .layer-5 {
  -webkit-transform: translate3d(0, 0, 25px) !important;
  -moz-transform: translate3d(0, 0, 25px) !important;
  transform: translate3d(0, 0, 25px) !important;
}

.laxxview-5pt .laxxview-front .layer-5 {
  -webkit-transform: scale(0.98) translate3d(0, 0, 25px) !important;
  -moz-transform: scale(0.98) translate3d(0, 0, 25px) !important;
  transform: scale(0.98) translate3d(0, 0, 25px) !important;
}

.laxxview-10pt .laxxview-front .layer-5 {
  -webkit-transform: scale(0.985) translate3d(0, 0, 25px) !important;
  -moz-transform: scale(0.985) translate3d(0, 0, 25px) !important;
  transform: scale(0.985) translate3d(0, 0, 25px) !important;
}

.laxxview-15pt .laxxview-front .layer-5 {
  -webkit-transform: scale(0.99) translate3d(0, 0, 25px) !important;
  -moz-transform: scale(0.99) translate3d(0, 0, 25px) !important;
  transform: scale(0.99) translate3d(0, 0, 25px) !important;
}

.laxxview-20pt .laxxview-front .layer-5 {
  -webkit-transform: scale(0.995) translate3d(0, 0, 25px) !important;
  -moz-transform: scale(0.995) translate3d(0, 0, 25px) !important;
  transform: scale(0.995) translate3d(0, 0, 25px) !important;
}

.laxxview-front .layer-6 {
  -webkit-transform: translate3d(0, 0, 30px) !important;
  -moz-transform: translate3d(0, 0, 30px) !important;
  transform: translate3d(0, 0, 30px) !important;
}

.laxxview-5pt .laxxview-front .layer-6 {
  -webkit-transform: scale(0.975) translate3d(0, 0, 30px) !important;
  -moz-transform: scale(0.975) translate3d(0, 0, 30px) !important;
  transform: scale(0.975) translate3d(0, 0, 30px) !important;
}

.laxxview-10pt .laxxview-front .layer-6 {
  -webkit-transform: scale(0.98) translate3d(0, 0, 30px) !important;
  -moz-transform: scale(0.98) translate3d(0, 0, 30px) !important;
  transform: scale(0.98) translate3d(0, 0, 30px) !important;
}

.laxxview-15pt .laxxview-front .layer-6 {
  -webkit-transform: scale(0.985) translate3d(0, 0, 30px) !important;
  -moz-transform: scale(0.985) translate3d(0, 0, 30px) !important;
  transform: scale(0.985) translate3d(0, 0, 30px) !important;
}

.laxxview-20pt .laxxview-front .layer-6 {
  -webkit-transform: scale(0.99) translate3d(0, 0, 30px) !important;
  -moz-transform: scale(0.99) translate3d(0, 0, 30px) !important;
  transform: scale(0.99) translate3d(0, 0, 30px) !important;
}

.laxxview-25pt .laxxview-front .layer-6 {
  -webkit-transform: scale(0.995) translate3d(0, 0, 30px) !important;
  -moz-transform: scale(0.995) translate3d(0, 0, 30px) !important;
  transform: scale(0.995) translate3d(0, 0, 30px) !important;
}

.laxxview-front .layer-7 {
  -webkit-transform: translate3d(0, 0, 35px) !important;
  -moz-transform: translate3d(0, 0, 35px) !important;
  transform: translate3d(0, 0, 35px) !important;
}

.laxxview-5pt .laxxview-front .layer-7 {
  -webkit-transform: scale(0.97) translate3d(0, 0, 35px) !important;
  -moz-transform: scale(0.97) translate3d(0, 0, 35px) !important;
  transform: scale(0.97) translate3d(0, 0, 35px) !important;
}

.laxxview-10pt .laxxview-front .layer-7 {
  -webkit-transform: scale(0.975) translate3d(0, 0, 35px) !important;
  -moz-transform: scale(0.975) translate3d(0, 0, 35px) !important;
  transform: scale(0.975) translate3d(0, 0, 35px) !important;
}

.laxxview-15pt .laxxview-front .layer-7 {
  -webkit-transform: scale(0.98) translate3d(0, 0, 35px) !important;
  -moz-transform: scale(0.98) translate3d(0, 0, 35px) !important;
  transform: scale(0.98) translate3d(0, 0, 35px) !important;
}

.laxxview-20pt .laxxview-front .layer-7 {
  -webkit-transform: scale(0.985) translate3d(0, 0, 35px) !important;
  -moz-transform: scale(0.985) translate3d(0, 0, 35px) !important;
  transform: scale(0.985) translate3d(0, 0, 35px) !important;
}

.laxxview-25pt .laxxview-front .layer-7 {
  -webkit-transform: scale(0.99) translate3d(0, 0, 35px) !important;
  -moz-transform: scale(0.99) translate3d(0, 0, 35px) !important;
  transform: scale(0.99) translate3d(0, 0, 35px) !important;
}

.laxxview-30pt .laxxview-front .layer-7 {
  -webkit-transform: scale(0.995) translate3d(0, 0, 35px) !important;
  -moz-transform: scale(0.995) translate3d(0, 0, 35px) !important;
  transform: scale(0.995) translate3d(0, 0, 35px) !important;
}

.laxxview-front .layer-8 {
  -webkit-transform: translate3d(0, 0, 40px) !important;
  -moz-transform: translate3d(0, 0, 40px) !important;
  transform: translate3d(0, 0, 40px) !important;
}

.laxxview-5pt .laxxview-front .layer-8 {
  -webkit-transform: scale(0.965) translate3d(0, 0, 40px) !important;
  -moz-transform: scale(0.965) translate3d(0, 0, 40px) !important;
  transform: scale(0.965) translate3d(0, 0, 40px) !important;
}

.laxxview-10pt .laxxview-front .layer-8 {
  -webkit-transform: scale(0.97) translate3d(0, 0, 40px) !important;
  -moz-transform: scale(0.97) translate3d(0, 0, 40px) !important;
  transform: scale(0.97) translate3d(0, 0, 40px) !important;
}

.laxxview-15pt .laxxview-front .layer-8 {
  -webkit-transform: scale(0.975) translate3d(0, 0, 40px) !important;
  -moz-transform: scale(0.975) translate3d(0, 0, 40px) !important;
  transform: scale(0.975) translate3d(0, 0, 40px) !important;
}

.laxxview-20pt .laxxview-front .layer-8 {
  -webkit-transform: scale(0.98) translate3d(0, 0, 40px) !important;
  -moz-transform: scale(0.98) translate3d(0, 0, 40px) !important;
  transform: scale(0.98) translate3d(0, 0, 40px) !important;
}

.laxxview-25pt .laxxview-front .layer-8 {
  -webkit-transform: scale(0.985) translate3d(0, 0, 40px) !important;
  -moz-transform: scale(0.985) translate3d(0, 0, 40px) !important;
  transform: scale(0.985) translate3d(0, 0, 40px) !important;
}

.laxxview-30pt .laxxview-front .layer-8 {
  -webkit-transform: scale(0.99) translate3d(0, 0, 40px) !important;
  -moz-transform: scale(0.99) translate3d(0, 0, 40px) !important;
  transform: scale(0.99) translate3d(0, 0, 40px) !important;
}

.laxxview-front .layer-9 {
  -webkit-transform: translate3d(0, 0, 45px) !important;
  -moz-transform: translate3d(0, 0, 45px) !important;
  transform: translate3d(0, 0, 45px) !important;
}

.laxxview-5pt .laxxview-front .layer-9 {
  -webkit-transform: scale(0.96) translate3d(0, 0, 45px) !important;
  -moz-transform: scale(0.96) translate3d(0, 0, 45px) !important;
  transform: scale(0.96) translate3d(0, 0, 45px) !important;
}

.laxxview-10pt .laxxview-front .layer-9 {
  -webkit-transform: scale(0.965) translate3d(0, 0, 45px) !important;
  -moz-transform: scale(0.965) translate3d(0, 0, 45px) !important;
  transform: scale(0.965) translate3d(0, 0, 45px) !important;
}

.laxxview-15pt .laxxview-front .layer-9 {
  -webkit-transform: scale(0.97) translate3d(0, 0, 45px) !important;
  -moz-transform: scale(0.97) translate3d(0, 0, 45px) !important;
  transform: scale(0.97) translate3d(0, 0, 45px) !important;
}

.laxxview-20pt .laxxview-front .layer-9 {
  -webkit-transform: scale(0.975) translate3d(0, 0, 45px) !important;
  -moz-transform: scale(0.975) translate3d(0, 0, 45px) !important;
  transform: scale(0.975) translate3d(0, 0, 45px) !important;
}

.laxxview-25pt .laxxview-front .layer-9 {
  -webkit-transform: scale(0.98) translate3d(0, 0, 45px) !important;
  -moz-transform: scale(0.98) translate3d(0, 0, 45px) !important;
  transform: scale(0.98) translate3d(0, 0, 45px) !important;
}

.laxxview-30pt .laxxview-front .layer-9 {
  -webkit-transform: scale(0.985) translate3d(0, 0, 45px) !important;
  -moz-transform: scale(0.985) translate3d(0, 0, 45px) !important;
  transform: scale(0.985) translate3d(0, 0, 45px) !important;
}

.laxxview-front .layer-10 {
  -webkit-transform: translate3d(0, 0, 50px) !important;
  -moz-transform: translate3d(0, 0, 50px) !important;
  transform: translate3d(0, 0, 50px) !important;
}

.laxxview-5pt .laxxview-front .layer-10 {
  -webkit-transform: scale(0.955) translate3d(0, 0, 50px) !important;
  -moz-transform: scale(0.955) translate3d(0, 0, 50px) !important;
  transform: scale(0.955) translate3d(0, 0, 50px) !important;
}

.laxxview-10pt .laxxview-front .layer-10 {
  -webkit-transform: scale(0.96) translate3d(0, 0, 50px) !important;
  -moz-transform: scale(0.96) translate3d(0, 0, 50px) !important;
  transform: scale(0.96) translate3d(0, 0, 50px) !important;
}

.laxxview-15pt .laxxview-front .layer-10 {
  -webkit-transform: scale(0.965) translate3d(0, 0, 50px) !important;
  -moz-transform: scale(0.965) translate3d(0, 0, 50px) !important;
  transform: scale(0.965) translate3d(0, 0, 50px) !important;
}

.laxxview-20pt .laxxview-front .layer-10 {
  -webkit-transform: scale(0.97) translate3d(0, 0, 50px) !important;
  -moz-transform: scale(0.97) translate3d(0, 0, 50px) !important;
  transform: scale(0.97) translate3d(0, 0, 50px) !important;
}

.laxxview-25pt .laxxview-front .layer-10 {
  -webkit-transform: scale(0.975) translate3d(0, 0, 50px) !important;
  -moz-transform: scale(0.975) translate3d(0, 0, 50px) !important;
  transform: scale(0.975) translate3d(0, 0, 50px) !important;
}

.laxxview-30pt .laxxview-front .layer-10 {
  -webkit-transform: scale(0.98) translate3d(0, 0, 50px) !important;
  -moz-transform: scale(0.98) translate3d(0, 0, 50px) !important;
  transform: scale(0.98) translate3d(0, 0, 50px) !important;
}

/* Back Layers */

.laxxview-back .layer-1 {
  -webkit-transform: scale(0.995) translate3d(0, 0, 5px);
  -moz-transform: scale(0.995) translate3d(0, 0, 5px);
  transform: scale(0.995) translate3d(0, 0, 5px);
}

.laxxview-back .layer-2 {
  -webkit-transform: scale(0.99) translate3d(0, 0, 10px);
  -moz-transform: scale(0.99) translate3d(0, 0, 10px);
  transform: scale(0.99) translate3d(0, 0, 10px);
}

.laxxview-back .layer-3 {
  -webkit-transform: scale(0.985) translate3d(0, 0, 15px);
  -moz-transform: scale(0.985) translate3d(0, 0, 15px);
  transform: scale(0.985) translate3d(0, 0, 15px);
}

.laxxview-back .layer-4 {
  -webkit-transform: scale(0.98) translate3d(0, 0, 20px);
  -moz-transform: scale(0.98) translate3d(0, 0, 20px);
  transform: scale(0.98) translate3d(0, 0, 20px);
}

.laxxview-back .layer-5 {
  -webkit-transform: scale(0.975) translate3d(0, 0, 25px);
  -moz-transform: scale(0.975) translate3d(0, 0, 25px);
  transform: scale(0.975) translate3d(0, 0, 25px);
}

.laxxview-back .layer-6 {
  -webkit-transform: scale(0.97) translate3d(0, 0, 30px);
  -moz-transform: scale(0.97) translate3d(0, 0, 30px);
  transform: scale(0.97) translate3d(0, 0, 30px);
}

/* Special Layers */

.laxxview-front .layer-glass {
  -webkit-transform: translate3d(0, 0, 6px);
  -moz-transform: translate3d(0, 0, 6px);
  transform: translate3d(0, 0, 6px);
  opacity: 0.15;
}

.laxxview-front .layer-shadow {
  -webkit-transform: translate3d(0, 0, 7px);
  -moz-transform: translate3d(0, 0, 7px);
  transform: translate3d(0, 0, 7px);
  opacity: 0.66;
}

.laxxview-back .layer-frame-back {
  -webkit-transform: translate3d(0, 0, -10px);
  -moz-transform: translate3d(0, 0, -10px);
  transform: translate3d(0, 0, -10px);
}

.laxxview-back .layer-mini {
  -webkit-transform: translate3d(0, 0, -5px);
  -moz-transform: translate3d(0, 0, -5px);
  transform: translate3d(0, 0, -5px);
}

.laxxview-back .layer-glass {
  -webkit-transform: translate3d(0, 0, -4px);
  -moz-transform: translate3d(0, 0, -4px);
  transform: translate3d(0, 0, -4px);
  opacity: 0.15;
}

.laxxview-back .layer-shadow {
  -webkit-transform: translate3d(0, 0, -3px);
  -moz-transform: translate3d(0, 0, -3px);
  transform: translate3d(0, 0, -3px);
  opacity: 0.66;
}

.layer-mini img {
  transform: scale(0.99, 0.995);
}

/* Layer Effects */

.matte,
.chrome,
.glossy,
.mirror,
.refractor,
.glass {
  pointer-events: all !important;
  overflow: hidden;
  -webkit-mask-mode: alpha;
  -moz-mask-mode: alpha;
  mask-mode: alpha;
  -webkit-mask-size: cover;
  -moz-mask-size: cover;
  mask-size: cover;
}

.matte::after,
.glossy::after,
.chrome::after,
.mirror::after,
.refractor::after,
.glass::after {
  content: "";
  position: absolute;
  top: calc(var(--y, 0) * 1px - 700px);
  left: calc(var(--x, 0) * 1px - 700px);
  width: 1400px;
  height: 1400px;
  background-size: cover;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  transform-origin: center center;
}

.matte::after {
  top: calc(var(--y, 0) * 1px - 300px);
  left: calc(var(--x, 0) * 1px - 300px);
  width: 600px;
  height: 600px;
  background: radial-gradient(white, transparent 70%);
  opacity: 0.5;
}

.glossy::after {
  background-image: url("../img/laxxview-cards/effects/chrome.jpg");
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  mix-blend-mode: multiply;
  opacity: 0.5;
}

.chrome::after {
  background-image: url("../img/laxxview-cards/effects/chrome.jpg");
  -webkit-mix-blend-mode: multiply;
  -moz-mix-blend-mode: multiply;
  mix-blend-mode: multiply;
  opacity: 0.75;
}

.mirror::after {
  background-image: url("../img/laxxview-cards/effects/mirror.jpg");
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);
}

.refractor::after {
  background-image: url("../img/laxxview-cards/effects/refractor.jpg");
  -webkit-mix-blend-mode: color-dodge;
  -moz-mix-blend-mode: color-dodge;
  mix-blend-mode: color-dodge;
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  transform: scale(1.25);
  opacity: 0.75;
}

.watermark {
  position: absolute;
  top: 0;
  mix-blend-mode: overlay;
}

.glass::after {
  background-image: url("../img/laxxview-cards/effects/reflection.jpg");
}


/* MOBILE ADJUSTMENTS */

@media only screen and (max-width: 768px) {
  .laxxview img,
  .laxxview video {
    width: 100%;
  }
}