/* house-of-asterion: page layout and artwork dimensions. */

: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-mab1zdrk"] {
    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: auto;
    grid-template-rows: repeat(7, min-content) 1fr;
    grid-template-columns: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

:where([data-layout="desktop"]) #comp-mab1zdrl1 {
    width: 973px;
    height: 560px;
  }

:where([data-layout="desktop"]) #comp-mab39yai {
    --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: 524px;
    height: 557px;
  }

:where([data-layout="desktop"]) #comp-mab3veuf {
    width: 294px;
    height: 463px;
  }

:where([data-layout="desktop"]) #comp-mab3vyc3 {
    width: 294px;
    height: 463px;
  }

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

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

:where([data-layout="desktop"]) #comp-mab1zdrk {
    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-mab1zdrq8 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 436px;
    height: auto;
    --min-height: 24px;
    --text-direction: ltr;
  }

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

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

:where([data-layout="desktop"]) #comp-mab2n634 {
    --rd: 0px;
    --shd: 0 1px 3px rgba(0, 0, 0, 0.5);
    --brd: 47,46,46;
    --brw: 0px;
    --trns: opacity 0.5s ease 0s;
    --abg: 117,117,117;
    --txt: 0,0,0;
    --alpha-txt: 1;
    --abgh: 0,0,0;
    --bg: 0,0,0;
    --fntt: var(--font_6);
    --fntds: var(--font_8);
    --s: 0px;
    --alpha-brd: 0;
    --alpha-bg: 1;
    --alpha-abg: 0;
    --alpha-abgh: 1;
    width: 921px;
    height: 729px;
    height: 729px;
    --alpha-txt: 1;
  }

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

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

: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: 40px;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    padding-bottom: 0px;
    box-sizing: border-box;
  }

:where([data-layout="mobile"]) .page-grid > [id="comp-mab1zdrk"] {
    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: 3251px;
    grid-template-rows: repeat(8, min-content) 1fr;
    grid-template-columns: 100%;
  }

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

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

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

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

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

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

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

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

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

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

:where([data-layout="mobile"]) #comp-mab1zdrl1 {
    width: 320px;
    height: 185px;
  }

:where([data-layout="mobile"]) #comp-mab39yai {
    --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: 365px;
  }

:where([data-layout="mobile"]) #comp-mab3vyc3 {
    width: 210px;
    height: 331px;
  }

:where([data-layout="mobile"]) #comp-mab3veuf {
    width: 210px;
    height: 331px;
  }

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

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

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

:where([data-layout="mobile"]) #comp-mab394m6 {
    --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 13.92px/1.4em din-next-w01-light,sans-serif;
    --font_2: normal normal normal 14.79px/1.4em syne,sans-serif;
    --font_3: normal normal normal 14.79px/1.4em syne,sans-serif;
    --font_5: normal normal normal 21.75px/1.4em syne,sans-serif;
    --font_6: normal normal normal 31.32px/1.4em syne,sans-serif;
    --font_7: normal normal normal 21.75px/1.4em questrial,sans-serif;
    --font_8: normal normal normal 13.92px/1.4em questrial,sans-serif;
    --font_9: normal normal normal 13.05px/1.4em questrial,sans-serif;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-mab1zdrr12 {
    --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 12.96px/1.4em din-next-w01-light,sans-serif;
    --font_2: normal normal normal 13.770000000000001px/1.4em syne,sans-serif;
    --font_3: normal normal normal 13.770000000000001px/1.4em syne,sans-serif;
    --font_5: normal normal normal 20.25px/1.4em syne,sans-serif;
    --font_6: normal normal normal 29.160000000000004px/1.4em syne,sans-serif;
    --font_7: normal normal normal 20.25px/1.4em questrial,sans-serif;
    --font_8: normal normal normal 12.96px/1.4em questrial,sans-serif;
    --font_9: normal normal normal 12.15px/1.4em questrial,sans-serif;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-mab2n634 {
    --rd: 0px;
    --shd: 0 1px 3px rgba(0, 0, 0, 0.5);
    --brd: 47,46,46;
    --brw: 0px;
    --trns: opacity 0.5s ease 0s;
    --abg: 117,117,117;
    --txt: 0,0,0;
    --alpha-txt: 1;
    --abgh: 0,0,0;
    --bg: 0,0,0;
    --fntt: var(--font_6);
    --fntds: var(--font_8);
    --s: 0px;
    --alpha-brd: 0;
    --alpha-bg: 1;
    --alpha-abg: 0;
    --alpha-abgh: 1;
    width: 280px;
    height: 353px;
    height: 353px;
    --alpha-txt: 1;
  }

:where([data-layout="mobile"]) #comp-mab1zdru2 {
    --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 12.96px/1.4em din-next-w01-light,sans-serif;
    --font_2: normal normal normal 13.770000000000001px/1.4em syne,sans-serif;
    --font_3: normal normal normal 13.770000000000001px/1.4em syne,sans-serif;
    --font_5: normal normal normal 20.25px/1.4em syne,sans-serif;
    --font_6: normal normal normal 29.160000000000004px/1.4em syne,sans-serif;
    --font_7: normal normal normal 20.25px/1.4em questrial,sans-serif;
    --font_8: normal normal normal 12.96px/1.4em questrial,sans-serif;
    --font_9: normal normal normal 12.15px/1.4em questrial,sans-serif;
    --text-direction: ltr;
  }

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