/* hot-tub-piece: page layout and artwork dimensions. */

@keyframes motion-revealIn {
    0% {
      opacity: 0;
      animation-timing-function: step-end;
    }

    0.0001% {
      opacity: var(--comp-opacity, 1);
      clip-path: var(--motion-clip-start, polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%));
    }

    100% {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
  }

:where([data-layout="desktop"]) #masterPage {
    --pinned-layers-in-page: 0;
  }

:where([data-layout="desktop"]) .page-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="desktop"]) .page-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 40px;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    padding-bottom: 0px;
    box-sizing: border-box;
  }

:where([data-layout="desktop"]) .page-grid > [id="comp-lnlmh1de"] {
    position: relative;
    margin: 0px 0px 0px calc(50% - 490px);
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="desktop"]) .section-1-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 1682px;
    grid-template-rows: repeat(10, min-content) 1fr;
    grid-template-columns: 100%;
  }

:where([data-layout="desktop"]) [data-mesh-id="comp-lnlpj02n-rotated-wrapper"] > [id="comp-lnlpj02n"] {
    position: relative;
    left: 818px;
    top: -14px;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-lnlmhxle"] {
    position: relative;
    margin: 0px 0px 31px calc(50% - 490px);
    left: 559px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-lnlmhxlf"] {
    position: relative;
    margin: 0px 0px 30px calc(50% - 490px);
    left: 559px;
    grid-area: 2 / 1 / 3 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-lnlmshvt"] {
    position: relative;
    margin: 0px 0px 33px calc(50% - 490px);
    left: 41px;
    grid-area: 3 / 1 / 4 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-lnln81pq"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 490px);
    left: 41px;
    grid-area: 4 / 1 / 5 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-lnlmhxlg"] {
    position: relative;
    margin: 0px 0px 54px calc(50% - 490px);
    left: 559px;
    grid-area: 3 / 1 / 6 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-lnln71dy"] {
    position: relative;
    margin: 5px 0px 23px calc(50% - 490px);
    left: 41px;
    grid-area: 6 / 1 / 9 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-lnlnavut"] {
    position: relative;
    margin: 0px 0px 29px calc(50% - 490px);
    left: 559px;
    grid-area: 6 / 1 / 7 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-lnlnzxds"] {
    position: relative;
    margin: 0px 0px 68px calc(50% - 490px);
    left: 559px;
    grid-area: 7 / 1 / 8 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-lnln98lf"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 490px);
    left: 41px;
    grid-area: 9 / 1 / 10 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) [data-mesh-id="comp-lnlpj02n-rotated-wrapper"] {
    position: static;
    height: 30px;
    width: 0px;
    margin: 0px 0px 10px calc(50% - 490px);
    grid-area: 11 / 1 / 12 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-spacer-11 {
    visibility: hidden;
    height: 1578px;
    width: 0px;
    grid-area: 1 / 1 / 11 / 2;
  }

:where([data-layout="desktop"]) #comp-lnlmshvt {
    --boxShadow: none;
    --borderSize: 0px;
    --borderColor: 0,0,0;
    --alpha-borderColor: 1;
    --font: normal normal normal 40px/1.4em proxima-n-w01-reg,sans-serif;
    --fontColor: 255,255,255;
    --alpha-fontColor: 1;
    --backgroundColor: 0,0,0;
    --playButtonSize: 50px;
    --playButtonMobileSize: 30px;
    --alpha-backgroundColor: 0.25;
    width: 480px;
    height: 272px;
  }

:where([data-layout="desktop"]) .section-2-content {
    height: auto;
    width: 468px;
  }

:where([data-layout="desktop"]) .section-2-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: repeat(2, min-content) 1fr;
    grid-template-columns: 100%;
  }

:where([data-layout="desktop"]) .section-2-grid > [id="comp-lnln71f85"] {
    position: relative;
    margin: 203px 0px 10px;
    left: 160px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-2-grid > [id="comp-lnln71f9"] {
    position: relative;
    margin: 0px;
    left: 417px;
    grid-area: 3 / 1 / 4 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-2-spacer-3 {
    visibility: hidden;
    height: 508px;
    width: 0px;
    grid-area: 1 / 1 / 3 / 2;
  }

:where([data-layout="desktop"]) #cxuhy {
    left: 0px;
    margin-left: 0px;
    width: 100%;
    min-width: 0px;
    width: auto;
    min-height: 40px;
  }

:where([data-layout="desktop"]) #pageBackground_cxuhy {
    --bg-position: absolute;
    --bg-overlay-color: rgb(255,255,255);
    --bg-gradient: none;
  }

:where([data-layout="desktop"]) #comp-lnlmh1de {
    left: 0px;
    margin-left: 0px;
    width: 100%;
    min-width: 0px;
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    min-width: 980px;
  }

:where([data-layout="desktop"]) #comp-lnlmhxle {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 404px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-lnlmhxlf {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 330px;
    height: auto;
    --min-height: 51px;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-lnln81pq {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 330px;
    height: auto;
    --min-height: 51px;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-lnlmhxlg {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 367px;
    height: auto;
    --min-height: 484px;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-lnln71dy {
    width: 468px;
    --fill-layer-video-opacity: 1;
    --bg-overlay-color: rgb(33, 33, 33);
    --bg-gradient: none;
    --fill-container-overflow: visible;
    --fill-transform: rotate(0.01deg);
    --border-compensate-margin: 0px;
    --fill-layer-background-overlay-transform: translateZ(0);
    height: 552px;
  }

:where([data-layout="desktop"]) #comp-lnln71f85 {
    width: 147px;
    height: 147px;
    opacity: 1;
  }

:where([data-layout="desktop"]) #comp-lnln71f9 {
    width: 51px;
    height: 44px;
    fill-opacity: 1;
    stroke-width: 0;
    stroke: rgb(0, 0, 0);
    stroke-opacity: 1;
    fill: rgb(255, 255, 255);
  }

:where([data-layout="desktop"]) #comp-lnlnavut {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 367px;
    height: auto;
    --min-height: 167px;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-lnlnzxds {
    --rd: 0px;
    --shd: none;
    --brd: 0,0,0;
    --brw: 0px;
    --trns: opacity 0.5s ease 0s;
    --abg: 255,255,255;
    --txt: 0,0,0;
    --alpha-txt: 1;
    --abgh: 0,0,0;
    --bg: 255,255,255;
    --fntt: normal normal normal 17px/1.4em avenir-lt-w01_85-heavy1475544,sans-serif;
    --fntds: var(--font_8);
    --s: 0px;
    --alpha-brd: 0;
    --alpha-bg: 0.8;
    --alpha-abg: 1;
    --alpha-abgh: 1;
    width: 400px;
    height: 259px;
    height: 259px;
    --alpha-txt: 1;
  }

:where([data-layout="desktop"]) #comp-lnln98lf {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 330px;
    height: auto;
    --min-height: 51px;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-lnlpj02n {
    width: 29px;
    height: 57px;
    transform: rotate(270deg);
    --fill-opacity: 1;
    --stroke-width: 0;
    --stroke: #ED1566;
    --stroke-opacity: 1;
    --fill: #424242;
  }

:where([data-layout="mobile"]) #masterPage {
    --pinned-layers-in-page: 0;
  }

:where([data-layout="mobile"]) .page-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="mobile"]) .page-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 200px;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    padding-bottom: 0px;
    box-sizing: border-box;
  }

:where([data-layout="mobile"]) .page-grid > [id="comp-lnlmh1de"] {
    position: relative;
    margin: 0px 0px 0px calc(50% - 160px);
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="mobile"]) .section-1-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: repeat(8, min-content) 1fr;
    grid-template-columns: 100%;
  }

:where([data-layout="mobile"]) [data-mesh-id="comp-lnlpj02n-rotated-wrapper"] > [id="comp-lnlpj02n"] {
    position: relative;
    left: 145px;
    top: -15px;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-lnlmshvt"] {
    position: relative;
    margin: 23px 0px 10px calc(50% - 160px);
    left: 21px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-lnlmhxle"] {
    position: relative;
    margin: 0px 0px 30px calc(50% - 160px);
    left: 20px;
    grid-area: 2 / 1 / 3 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-lnlmhxlf"] {
    position: relative;
    margin: 0px 0px 39px calc(50% - 160px);
    left: 20px;
    grid-area: 3 / 1 / 4 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-lnlmhxlg"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 160px);
    left: 20px;
    grid-area: 4 / 1 / 5 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-lnln71dy"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 160px);
    left: 20px;
    grid-area: 5 / 1 / 6 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-lnlnavut"] {
    position: relative;
    margin: 0px 0px 20px calc(50% - 160px);
    left: 20px;
    grid-area: 6 / 1 / 7 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-lnlnzxds"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 160px);
    left: 20px;
    grid-area: 7 / 1 / 8 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-lnln98lf"] {
    position: relative;
    margin: 0px 0px 25px calc(50% - 160px);
    left: 20px;
    grid-area: 8 / 1 / 9 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) [data-mesh-id="comp-lnlpj02n-rotated-wrapper"] {
    position: static;
    height: 31px;
    width: 0px;
    margin: 0px 0px 31px calc(50% - 160px);
    grid-area: 9 / 1 / 10 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) #comp-lnlmshvt {
    --boxShadow: none;
    --borderSize: 0px;
    --borderColor: 0,0,0;
    --alpha-borderColor: 1;
    --font: normal normal normal 40px/1.4em proxima-n-w01-reg,sans-serif;
    --fontColor: 255,255,255;
    --alpha-fontColor: 1;
    --backgroundColor: 0,0,0;
    --playButtonSize: 50px;
    --playButtonMobileSize: 30px;
    --alpha-backgroundColor: 0.25;
    width: 280px;
    height: 158px;
  }

:where([data-layout="mobile"]) .section-2-content {
    height: auto;
    width: 280px;
  }

:where([data-layout="mobile"]) .section-2-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: repeat(2, min-content) 1fr;
    grid-template-columns: 100%;
  }

:where([data-layout="mobile"]) .section-2-grid > [id="comp-lnln71f85"] {
    position: relative;
    margin: 121px 0px 10px;
    left: 96px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-2-grid > [id="comp-lnln71f9"] {
    position: relative;
    margin: 0px;
    left: 229px;
    grid-area: 3 / 1 / 4 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-2-spacer-3 {
    visibility: hidden;
    height: 286px;
    width: 0px;
    grid-area: 1 / 1 / 3 / 2;
  }

@media (prefers-reduced-motion: no-preference) {
    :where([data-layout="mobile"]) #comp-lnlpj02n:not([data-motion-enter="done"]) {
      animation: auto ease 0s 1 normal none running none;
      animation-composition: replace;
    }
  }

:where([data-layout="mobile"]) #cxuhy {
    left: 0px;
    margin-left: 0px;
    width: 320px;
    width: auto;
    min-height: 200px;
  }

:where([data-layout="mobile"]) #pageBackground_cxuhy {
    --bg-position: absolute;
    --bg-overlay-color: rgb(255,255,255);
    --bg-gradient: none;
  }

:where([data-layout="mobile"]) #comp-lnlmh1de {
    left: 0px;
    margin-left: 0px;
    width: 320px;
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    min-width: 320px;
  }

:where([data-layout="mobile"]) #comp-lnlmhxle {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --font_1: normal normal normal 15.11111111111111px/1.4em din-next-w01-light,sans-serif;
    --font_2: normal normal normal 16.055555555555554px/1.4em syne,sans-serif;
    --font_3: normal normal normal 16.055555555555554px/1.4em syne,sans-serif;
    --font_5: normal normal normal 23.61111111111111px/1.4em syne,sans-serif;
    --font_6: normal normal normal 34px/1.4em syne,sans-serif;
    --font_7: normal normal normal 23.61111111111111px/1.4em questrial,sans-serif;
    --font_8: normal normal normal 15.11111111111111px/1.4em questrial,sans-serif;
    --font_9: normal normal normal 14.166666666666666px/1.4em questrial,sans-serif;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-lnlmhxlf {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-lnlmhxlg {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-lnln71dy {
    width: 280px;
    --fill-layer-video-opacity: 1;
    --bg-overlay-color: rgb(33, 33, 33);
    --bg-gradient: none;
    --fill-container-overflow: visible;
    --fill-transform: rotate(0.01deg);
    --border-compensate-margin: 0px;
    --fill-layer-background-overlay-transform: translateZ(0);
    height: 330px;
  }

:where([data-layout="mobile"]) #comp-lnln71f85 {
    width: 88px;
    height: 88px;
    opacity: 1;
  }

:where([data-layout="mobile"]) #comp-lnln71f9 {
    width: 51px;
    height: 44px;
    fill-opacity: 1;
    stroke-width: 0;
    stroke: rgb(0, 0, 0);
    stroke-opacity: 1;
    fill: rgb(255, 255, 255);
  }

:where([data-layout="mobile"]) #comp-lnlnavut {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-lnlnzxds {
    --rd: 0px;
    --shd: none;
    --brd: 0,0,0;
    --brw: 0px;
    --trns: opacity 0.5s ease 0s;
    --abg: 255,255,255;
    --txt: 0,0,0;
    --alpha-txt: 1;
    --abgh: 0,0,0;
    --bg: 255,255,255;
    --fntt: normal normal normal 17px/1.4em avenir-lt-w01_85-heavy1475544,sans-serif;
    --fntds: var(--font_8);
    --s: 0px;
    --alpha-brd: 0;
    --alpha-bg: 0.8;
    --alpha-abg: 1;
    --alpha-abgh: 1;
    width: 280px;
    height: 200px;
    height: 200px;
    --alpha-txt: 1;
  }

:where([data-layout="mobile"]) #comp-lnln98lf {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-lnlpj02n {
    width: 30px;
    height: 60px;
    transform: rotate(270deg);
    --fill-opacity: 1;
    --stroke-width: 0;
    --stroke: #ED1566;
    --stroke-opacity: 1;
    --fill: #424242;
  }