14,264,490

<!DOCTYPE html>
<html lang=en>

<head>
  <title>block labs</title>
  <meta charset="utf-8">
  <meta name=viewport content="width=device-width,initial-scale=1">
  <meta name=color-scheme content="light only">
  <meta name=description content="block labs">
  <meta property=og:site_name content="block labs">
  <meta property=og:title content="block labs">
  <meta property=og:type content="website">
  <meta property=og:description content="block labs">
  <link href="https://fonts.googleapis.com/css2?display=swap&family=Inter:ital,wght@0,400;0,700;1,400;1,700" rel=stylesheet type="text/css">
  <style>
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
      display: block
    }

    body {
      line-height: 1
    }

    ol,
    ul {
      list-style: none
    }

    blockquote,
    q {
      quotes: none
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
      content: '';
      content: none
    }

    table {
      border-collapse: collapse;
      border-spacing: 0
    }

    body {
      -webkit-text-size-adjust: none
    }

    mark {
      background-color: transparent;
      color: inherit
    }

    input::-moz-focus-inner {
      border: 0;
      padding: 0
    }

    input[type=text],
    input[type=email],
    select,
    textarea {
      -moz-appearance: none;
      -webkit-appearance: none;
      -ms-appearance: none;
      appearance: none
    }

    *,
    :before,
    :after {
      box-sizing: border-box
    }

    body {
      line-height: 1;
      min-height: var(--viewport-height);
      min-width: 320px;
      overflow-x: hidden;
      word-wrap: break-word;
      background-color: #f0f0f0
    }

    :root {
      --background-height: 100vh;
      --site-language-alignment: left;
      --site-language-direction: ltr;
      --site-language-flex-alignment: flex-start;
      --site-language-indent-left: 1;
      --site-language-indent-right: 0;
      --viewport-height: 100vh
    }

    html {
      font-size: 16pt
    }

    u {
      text-decoration: underline
    }

    strong {
      color: inherit;
      font-weight: bolder
    }

    em {
      font-style: italic
    }

    code {
      background-color: rgba(144, 144, 144, .25);
      border-radius: .25em;
      font-family: 'Lucida Console', 'Courier New', monospace;
      font-size: .9em;
      font-weight: 400;
      letter-spacing: 0;
      margin: 0 .25em;
      padding: .25em .5em;
      text-indent: 0
    }

    mark {
      background-color: rgba(144, 144, 144, .25)
    }

    spoiler-text {
      -webkit-text-stroke: 0;
      background-color: rgba(32, 32, 32, .75);
      text-shadow: none;
      text-stroke: 0;
      color: transparent;
      cursor: pointer;
      transition: color .1s ease-in-out
    }

    spoiler-text.active {
      color: #fff;
      cursor: text
    }

    s {
      text-decoration: line-through
    }

    sub {
      font-size: smaller;
      vertical-align: sub
    }

    sup {
      font-size: smaller;
      vertical-align: super
    }

    a {
      color: inherit;
      text-decoration: underline;
      transition: color .25s ease
    }

    #wrapper {
      -webkit-overflow-scrolling: touch;
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: var(--viewport-height);
      overflow: hidden;
      position: relative;
      z-index: 2
    }

    #main {
      --alignment: var(--site-language-alignment);
      --flex-alignment: var(--site-language-flex-alignment);
      --indent-left: var(--site-language-indent-left);
      --indent-right: var(--site-language-indent-right);
      --border-radius-tl: 0;
      --border-radius-tr: 0;
      --border-radius-br: 0;
      --border-radius-bl: 0;
      align-items: center;
      display: flex;
      flex-grow: 0;
      flex-shrink: 0;
      justify-content: center;
      max-width: 100%;
      position: relative;
      text-align: var(--alignment);
      z-index: 1;
      transition: opacity .25s ease-in-out 0s
    }

    #main>.inner {
      --padding-horizontal: 8rem;
      --padding-vertical: 8rem;
      --spacing: 2rem;
      --width: 100vw;
      border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
      max-width: 100%;
      position: relative;
      width: var(--width);
      z-index: 1;
      padding: var(--padding-vertical) var(--padding-horizontal)
    }

    #main>.inner>header {
      margin-bottom: var(--spacing)
    }

    #main>.inner>footer {
      margin-top: var(--spacing)
    }

    #main>.inner>*>* {
      margin-top: var(--spacing);
      margin-bottom: var(--spacing)
    }

    #main>.inner>*>:first-child {
      margin-top: 0 !important
    }

    #main>.inner>*>:last-child {
      margin-bottom: 0 !important
    }

    #main>.inner>.full {
      margin-left: calc(var(--padding-horizontal) * -1);
      max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.47px);
      width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.47px)
    }

    #main>.inner>.full:first-child {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
      margin-top: calc(var(--padding-vertical) * -1) !important
    }

    #main>.inner>.full:last-child {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
      margin-bottom: calc(var(--padding-vertical) * -1) !important
    }

    #main>.inner>.full.screen {
      border-radius: 0 !important;
      max-width: 100vw;
      position: relative;
      width: 100vw;
      left: 0;
      margin-left: calc(var(--padding-horizontal) * -1);
      right: auto
    }

    #main>.inner>*>.full {
      margin-left: calc(-8rem);
      max-width: calc(100% + 16rem + 0.47px);
      width: calc(100% + 16rem + 0.47px)
    }

    #main>.inner>*>.full.screen {
      border-radius: 0 !important;
      max-width: 100vw;
      position: relative;
      width: 100vw;
      left: 0;
      margin-left: calc(-8rem);
      right: auto
    }

    #main>.inner>.active>.full:first-child {
      margin-top: -8rem !important;
      border-top-left-radius: inherit;
      border-top-right-radius: inherit
    }

    #main>.inner>.active {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit;
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit
    }

    #main>.inner>.active>.full:last-child {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit;
      margin-bottom: -8rem !important
    }

    body.is-loading #main {
      opacity: 0
    }

    body #wrapper:after {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 3rem;
      left: calc(50% - 1.5rem);
      opacity: 0;
      pointer-events: none;
      position: fixed;
      top: calc(50% - 1.5rem);
      transition: opacity 1s ease, visibility 1s;
      visibility: hidden;
      width: 3rem;
      z-index: 100000
    }

    body.is-loading {
      pointer-events: none
    }

    body.is-loading.with-loader #wrapper:after {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUgeyBmaWxsOiB0cmFuc3BhcmVudDsgc3Ryb2tlOiAjREVERURFOyBzdHJva2Utd2lkdGg6IDJweDsgfTwvc3R5bGU+PGRlZnM+PGNsaXBQYXRoIGlkPSJjb3JuZXIiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDQ4LDAgNDgsNDggOTYsNDggOTYsOTYgMCw5NiIgLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjY29ybmVyKSI+PGNpcmNsZSBjeD0iNDgiIGN5PSI0OCIgcj0iMzIiIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIgLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGF0dHJpYnV0ZVR5cGU9IlhNTCIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDQ4IDQ4IiB0bz0iMzYwIDQ4IDQ4IiBkdXI9IjFzIiByZXBlYXREdXI9ImluZGVmaW5pdGUiIC8+PC9nPjwvc3ZnPg==);
      opacity: 1;
      transform: scale(1);
      visibility: visible
    }

    body.is-playing.with-loader #wrapper:after {
      opacity: 0;
      transform: scale(0.5);
      transition: opacity .25s ease, transform .75s ease, visibility .25s;
      visibility: hidden
    }

    #main>.inner>header,
    #main>.inner>footer {
      transition: opacity .125s ease-in-out .1875s, filter .25s ease-in-out .1875s, visibility .125s linear .1875s
    }

    #main>.inner>header.hidden,
    #main>.inner>footer.hidden {
      filter: blur(0.28125);
      opacity: 0;
      transition: opacity .125s ease-in-out, visibility .125s;
      visibility: hidden
    }

    #main>.inner>section {
      transition: opacity .25s ease-in-out .125s, filter .25s ease-in-out .125s, min-height .125s ease-in-out, max-height .125s ease-in-out
    }

    #main>.inner>section.inactive {
      filter: blur(0.28125rem);
      opacity: 0;
      transition: opacity .125s ease-in-out, filter .125s ease-in-out
    }

    body.is-instant #main,
    body.is-instant #main>.inner>*,
    body.is-instant #main>.inner>section>* {
      transition: none !important
    }

    body.is-instant:after {
      display: none !important;
      transition: none !important
    }

    h1,
    h2,
    h3,
    p {
      direction: var(--site-language-direction);
      position: relative
    }

    h1 span.p,
    h2 span.p,
    h3 span.p,
    p span.p {
      display: block;
      position: relative
    }

    h1 span[style],
    h2 span[style],
    h3 span[style],
    p span[style],
    h1 strong,
    h2 strong,
    h3 strong,
    p strong,
    h1 a,
    h2 a,
    h3 a,
    p a,
    h1 code,
    h2 code,
    h3 code,
    p code,
    h1 mark,
    h2 mark,
    h3 mark,
    p mark,
    h1 spoiler-text,
    h2 spoiler-text,
    h3 spoiler-text,
    p spoiler-text {
      -webkit-text-fill-color: currentcolor
    }

    h1.style3,
    h2.style3,
    h3.style3,
    p.style3 {
      color: #000;
      font-family: Inter, sans-serif;
      font-size: 2em;
      line-height: 1.25;
      font-weight: 700
    }

    h1.style3 a,
    h2.style3 a,
    h3.style3 a,
    p.style3 a {
      text-decoration: none
    }

    h1.style3 a:hover,
    h2.style3 a:hover,
    h3.style3 a:hover,
    p.style3 a:hover {
      text-decoration: underline
    }

    h1.style3 span.p:nth-child(n+2),
    h2.style3 span.p:nth-child(n+2),
    h3.style3 span.p:nth-child(n+2),
    p.style3 span.p:nth-child(n+2) {
      margin-top: 1rem
    }

    h1.style2,
    h2.style2,
    h3.style2,
    p.style2 {
      color: #000;
      font-family: Inter, sans-serif;
      font-size: .875em;
      line-height: 2.25;
      font-weight: 400
    }

    h1.style2 mark,
    h2.style2 mark,
    h3.style2 mark,
    p.style2 mark {
      color: #a17c5a;
      background-color: transparent
    }

    h1.style2 a,
    h2.style2 a,
    h3.style2 a,
    p.style2 a {
      text-decoration: none
    }

    h1.style2 a:hover,
    h2.style2 a:hover,
    h3.style2 a:hover,
    p.style2 a:hover {
      text-decoration: underline
    }

    h1.style2 span.p:nth-child(n+2),
    h2.style2 span.p:nth-child(n+2),
    h3.style2 span.p:nth-child(n+2),
    p.style2 span.p:nth-child(n+2) {
      margin-top: 1rem
    }

    h1.style1,
    h2.style1,
    h3.style1,
    p.style1 {
      color: #000;
      font-family: Inter, sans-serif;
      font-size: 5em;
      line-height: 1.125;
      font-weight: 700
    }

    h1.style1 a,
    h2.style1 a,
    h3.style1 a,
    p.style1 a {
      text-decoration: none
    }

    h1.style1 a:hover,
    h2.style1 a:hover,
    h3.style1 a:hover,
    p.style1 a:hover {
      text-decoration: underline
    }

    h1.style1 span.p:nth-child(n+2),
    h2.style1 span.p:nth-child(n+2),
    h3.style1 span.p:nth-child(n+2),
    p.style1 span.p:nth-child(n+2) {
      margin-top: 1rem
    }

    .icons {
      display: flex;
      flex-wrap: wrap;
      justify-content: var(--flex-alignment);
      letter-spacing: 0;
      padding: 0
    }

    .icons li {
      position: relative;
      z-index: 1
    }

    .icons li a {
      align-items: center;
      display: flex;
      justify-content: center
    }

    .icons li a svg {
      display: block;
      position: relative
    }

    .icons li a+svg {
      display: block;
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: -1
    }

    .icons li a .label {
      display: none
    }

    #icons04 {
      font-size: 1.5em;
      gap: 1rem
    }

    #icons04 li a {
      border-radius: 2.5rem;
      height: 1em;
      width: 1em;
      transition: transform .25s ease, color .25s ease, background-color .25s ease, border-color .25s ease
    }

    #icons04 li a svg {
      height: 100%;
      width: 100%;
      transition: fill .25s ease
    }

    #icons04 a svg {
      fill: #000
    }

    #icons04 li a+svg {
      transition: transform .25s ease, fill .25s ease, stroke .25s ease
    }

    #icons04 li a:hover {
      transform: scale(1.2)
    }

    #icons04 li a:hover+svg {
      transform: scale(1.2)
    }

    #icons04 .n02 svg {
      fill: #ff8000
    }

    .container {
      position: relative
    }

    .container>.wrapper {
      vertical-align: top;
      position: relative;
      max-width: 100%;
      border-radius: inherit
    }

    .container>.wrapper>.inner {
      vertical-align: top;
      position: relative;
      max-width: 100%;
      border-radius: inherit;
      text-align: var(--alignment)
    }

    #main .container.full:first-child>.wrapper {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit
    }

    #main .container.full:last-child>.wrapper {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit
    }

    #main .container.full:first-child>.wrapper>.inner {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit
    }

    #main .container.full:last-child>.wrapper>.inner {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit
    }

    .container.style3 {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: flex-start;
      background-color: transparent;
      border-color: rgba(0, 0, 0, .071);
      border-style: solid;
      border-bottom-width: 1px
    }

    .container.style3:not(:first-child) {
      margin-top: 0 !important
    }

    .container.style3:not(:last-child) {
      margin-bottom: 0 !important
    }

    .container.style3>.wrapper>.inner {
      --gutters: calc(var(--padding-horizontal) * 2);
      padding: var(--padding-vertical) var(--padding-horizontal)
    }

    .container.style3>.wrapper {
      max-width: var(--width);
      width: 100%
    }

    .container.style3.default>.wrapper>.inner>* {
      margin-bottom: var(--spacing);
      margin-top: var(--spacing)
    }

    .container.style3.default>.wrapper>.inner>:first-child {
      margin-top: 0 !important
    }

    .container.style3.default>.wrapper>.inner>:last-child {
      margin-bottom: 0 !important
    }

    .container.style3.columns>.wrapper>.inner {
      flex-wrap: wrap;
      display: flex;
      align-items: center
    }

    .container.style3.columns>.wrapper>.inner>* {
      flex-grow: 0;
      flex-shrink: 0;
      max-width: 100%;
      text-align: var(--alignment);
      padding: 0 0 0 var(--gutters)
    }

    .container.style3.columns>.wrapper>.inner>*>* {
      margin-bottom: var(--spacing);
      margin-top: var(--spacing)
    }

    .container.style3.columns>.wrapper>.inner>*>:first-child {
      margin-top: 0 !important
    }

    .container.style3.columns>.wrapper>.inner>*>:last-child {
      margin-bottom: 0 !important
    }

    .container.style3.columns>.wrapper>.inner>:first-child {
      margin-left: calc(var(--gutters) * -1)
    }

    .container.style3.default>.wrapper>.inner>.full {
      margin-left: calc(var(--padding-horizontal) * -1);
      max-width: none !important;
      width: calc(100% + (var(--padding-horizontal) * 2) + 0.47px)
    }

    .container.style3.default>.wrapper>.inner>.full:first-child {
      margin-top: calc(var(--padding-vertical) * -1) !important;
      border-top-left-radius: inherit;
      border-top-right-radius: inherit
    }

    .container.style3.default>.wrapper>.inner>.full:last-child {
      margin-bottom: calc(var(--padding-vertical) * -1) !important;
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit
    }

    .container.style3.columns>.wrapper>.inner>div>.full {
      margin-left: calc(var(--gutters) * -.5);
      max-width: none !important;
      width: calc(100% + var(--gutters) + 0.47px)
    }

    .container.style3.columns>.wrapper>.inner>div:first-child>.full {
      margin-left: calc(var(--padding-horizontal) * -1);
      width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * .5) + 0.47px)
    }

    .container.style3.columns>.wrapper>.inner>div:last-child>.full {
      width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * .5) + 0.47px)
    }

    .container.style3.columns>.wrapper>.inner>div>.full:first-child {
      margin-top: calc(var(--padding-vertical) * -1) !important
    }

    .container.style3.columns>.wrapper>.inner>div>.full:last-child {
      margin-bottom: calc(var(--padding-vertical) * -1) !important
    }

    .container.style3.columns>.wrapper>.inner>.full {
      align-self: stretch
    }

    .container.style3.columns>.wrapper>.inner>.full:first-child {
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit
    }

    .container.style3.columns>.wrapper>.inner>.full:last-child {
      border-bottom-right-radius: inherit;
      border-top-right-radius: inherit
    }

    .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child {
      border-radius: inherit;
      height: calc(100% + (var(--padding-vertical) * 2))
    }

    .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
      border-radius: inherit;
      height: 100%;
      position: absolute;
      width: 100%
    }

    #container02>.wrapper>.inner>:nth-child(1) {
      width: calc(70% + (var(--gutters) / 2))
    }

    #container02>.wrapper>.inner>:nth-child(2) {
      width: calc(30% + (var(--gutters) / 2))
    }

    .container.style1 {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: flex-start;
      background-color: transparent;
      border-color: rgba(0, 0, 0, .071);
      border-style: solid;
      border-bottom-width: 1px
    }

    .container.style1:not(:first-child) {
      margin-top: 0 !important
    }

    .container.style1:not(:last-child) {
      margin-bottom: 0 !important
    }

    .container.style1>.wrapper>.inner {
      --gutters: calc(var(--padding-horizontal) * 2);
      padding: var(--padding-vertical) var(--padding-horizontal)
    }

    .container.style1>.wrapper {
      max-width: 100%;
      width: 100%
    }

    .container.style1.default>.wrapper>.inner>* {
      margin-bottom: var(--spacing);
      margin-top: var(--spacing)
    }

    .container.style1.default>.wrapper>.inner>:first-child {
      margin-top: 0 !important
    }

    .container.style1.default>.wrapper>.inner>:last-child {
      margin-bottom: 0 !important
    }

    .container.style1.columns>.wrapper>.inner {
      flex-wrap: wrap;
      display: flex;
      align-items: center
    }

    .container.style1.columns>.wrapper>.inner>* {
      flex-grow: 0;
      flex-shrink: 0;
      max-width: 100%;
      text-align: var(--alignment);
      padding: 0 0 0 var(--gutters)
    }

    .container.style1.columns>.wrapper>.inner>*>* {
      margin-bottom: var(--spacing);
      margin-top: var(--spacing)
    }

    .container.style1.columns>.wrapper>.inner>*>:first-child {
      margin-top: 0 !important
    }

    .container.style1.columns>.wrapper>.inner>*>:last-child {
      margin-bottom: 0 !important
    }

    .container.style1.columns>.wrapper>.inner>:first-child {
      margin-left: calc(var(--gutters) * -1)
    }

    .container.style1.default>.wrapper>.inner>.full {
      margin-left: calc(var(--padding-horizontal) * -1);
      max-width: none !important;
      width: calc(100% + (var(--padding-horizontal) * 2) + 0.47px)
    }

    .container.style1.default>.wrapper>.inner>.full:first-child {
      margin-top: calc(var(--padding-vertical) * -1) !important;
      border-top-left-radius: inherit;
      border-top-right-radius: inherit
    }

    .container.style1.default>.wrapper>.inner>.full:last-child {
      margin-bottom: calc(var(--padding-vertical) * -1) !important;
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit
    }

    .container.style1.columns>.wrapper>.inner>div>.full {
      margin-left: calc(var(--gutters) * -.5);
      max-width: none !important;
      width: calc(100% + var(--gutters) + 0.47px)
    }

    .container.style1.columns>.wrapper>.inner>div:first-child>.full {
      margin-left: calc(var(--padding-horizontal) * -1);
      width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * .5) + 0.47px)
    }

    .container.style1.columns>.wrapper>.inner>div:last-child>.full {
      width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * .5) + 0.47px)
    }

    .container.style1.columns>.wrapper>.inner>div>.full:first-child {
      margin-top: calc(var(--padding-vertical) * -1) !important
    }

    .container.style1.columns>.wrapper>.inner>div>.full:last-child {
      margin-bottom: calc(var(--padding-vertical) * -1) !important
    }

    .container.style1.columns>.wrapper>.inner>.full {
      align-self: stretch
    }

    .container.style1.columns>.wrapper>.inner>.full:first-child {
      border-bottom-left-radius: inherit;
      border-top-left-radius: inherit
    }

    .container.style1.columns>.wrapper>.inner>.full:last-child {
      border-bottom-right-radius: inherit;
      border-top-right-radius: inherit
    }

    .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child {
      border-radius: inherit;
      height: calc(100% + (var(--padding-vertical) * 2))
    }

    .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
      border-radius: inherit;
      height: 100%;
      position: absolute;
      width: 100%
    }

    #container13>.wrapper>.inner>:nth-child(1) {
      width: calc(25% + (var(--gutters) / 3));
      --alignment: left;
      --flex-alignment: flex-start;
      --indent-left: 1;
      --indent-right: 0
    }

    #container13>.wrapper>.inner>:nth-child(2) {
      width: calc(25% + (var(--gutters) / 3))
    }

    #container13>.wrapper>.inner>:nth-child(3) {
      width: calc(50% + (var(--gutters) / 3))
    }

    #container01>.wrapper>.inner>:nth-child(1) {
      width: calc(25% + (var(--gutters) / 3))
    }

    #container01>.wrapper>.inner>:nth-child(2) {
      width: calc(25% + (var(--gutters) / 3));
      --alignment: left;
      --flex-alignment: flex-start;
      --indent-left: 1;
      --indent-right: 0
    }

    #container01>.wrapper>.inner>:nth-child(3) {
      width: calc(50% + (var(--gutters) / 3))
    }

    #container12>.wrapper>.inner>:nth-child(1) {
      width: calc(50% + (var(--gutters) / 2))
    }

    #container12>.wrapper>.inner>:nth-child(2) {
      width: calc(50% + (var(--gutters) / 2))
    }

    .image {
      display: block;
      line-height: 0;
      max-width: 100%;
      position: relative
    }

    .image .frame {
      -webkit-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      vertical-align: top;
      width: 100%
    }

    .image .frame img {
      border-radius: 0 !important;
      max-width: 100%;
      vertical-align: top;
      width: inherit
    }

    .image.full .frame {
      display: block
    }

    .image.full:first-child .frame {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit
    }

    .image.full:last-child .frame {
      border-bottom-left-radius: inherit;
      border-bottom-right-radius: inherit
    }

    .image.style1 .frame {
      width: 100vw;
      transition: none
    }

    .image.style1 .frame img {
      transition: none
    }

    .image.style2 .frame {
      width: 15rem;
      border-radius: 100%;
      transition: none
    }

    .image.style2 .frame img {
      transition: none
    }

    .buttons {
      cursor: default;
      display: flex;
      justify-content: var(--flex-alignment);
      letter-spacing: 0;
      padding: 0
    }

    .buttons li {
      max-width: 100%
    }

    .buttons li a {
      align-items: center;
      justify-content: center;
      max-width: 100%;
      text-align: center;
      text-decoration: none;
      vertical-align: middle;
      white-space: nowrap
    }

    .buttons.style1 {
      gap: 1rem;
      flex-direction: row;
      flex-wrap: wrap
    }

    .buttons.style1:not(:first-child) {
      margin-top: 3rem !important
    }

    .buttons.style1:not(:last-child) {
      margin-bottom: 3rem !important
    }

    .buttons.style1 li a {
      display: inline-flex;
      width: auto;
      height: 3.5rem;
      line-height: 3.5rem;
      padding: 0 1.75rem;
      vertical-align: middle;
      text-transform: uppercase;
      font-family: Inter, sans-serif;
      letter-spacing: .125rem;
      padding-left: calc(0.125rem + 1.75rem);
      font-size: .75em;
      font-weight: 700;
      border-radius: 2.5rem;
      flex-direction: row-reverse;
      justify-content: flex-end;
      transition: transform .25s ease, color .25s ease, background-color .25s ease, border-color .25s ease
    }

    .buttons.style1 li a svg {
      display: block;
      fill: #000;
      flex-grow: 0;
      flex-shrink: 0;
      height: 100%;
      min-width: 18px;
      width: 1.40625em;
      margin-left: .875rem;
      margin-right: calc(-.125em + 0.125rem);
      transition: fill .25s ease
    }

    .buttons.style1 li a .label {
      direction: var(--site-language-direction);
      overflow: hidden;
      flex-grow: 1;
      flex-shrink: 1;
      text-align: left;
      width: 100%
    }

    .buttons.style1 .button {
      background-color: #fff;
      color: #000
    }

    .buttons.style1 li a:hover {
      transform: scale(1.0425)
    }

    @media (max-width:1680px) {
      html {
        font-size: 12pt
      }
    }

    @media (max-width:1280px) {
      html {
        font-size: 12pt
      }
    }

    @media (max-width:980px) {
      html {
        font-size: 10pt
      }

      .container.style3.columns>.wrapper>.inner {
        flex-direction: column !important;
        flex-wrap: nowrap !important
      }

      .container.style3.columns>.wrapper>.inner>span {
        height: 0;
        margin-top: calc(var(--gutters) * -1);
        pointer-events: none;
        visibility: hidden
      }

      .container.style3.columns>.wrapper>.inner>:first-child {
        margin-left: 0 !important;
        padding-top: 0 !important
      }

      .container.style3.columns>.wrapper>.inner>* {
        padding: calc(var(--gutters) * .5) 0 !important
      }

      .container.style3.columns>.wrapper>.inner>:last-child {
        padding-bottom: 0 !important
      }

      .container.style3.columns>.wrapper>.inner>div>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.47px)
      }

      .container.style3.columns>.wrapper>.inner>div:first-of-type>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.47px)
      }

      .container.style3.columns>.wrapper>.inner>div:last-of-type>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.47px)
      }

      .container.style3.columns>.wrapper>.inner>div>.full:first-child {
        margin-top: calc(var(--gutters) * -.5) !important
      }

      .container.style3.columns>.wrapper>.inner>div>.full:last-child {
        margin-bottom: calc(var(--gutters) * -.5) !important
      }

      .container.style3.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important
      }

      .container.style3.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important
      }

      .container.style3.columns>.wrapper>.inner>div:first-of-type,
      .container.style3.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
      }

      .container.style3.columns>.wrapper>.inner>div:last-of-type,
      .container.style3.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit
      }

      .container.style3.columns>.wrapper>.inner>div:first-of-type,
      .container.style3.columns>.wrapper>.inner>div:first-of-type>.full:last-child {
        border-bottom-left-radius: 0 !important
      }

      .container.style3.columns>.wrapper>.inner>div:last-of-type,
      .container.style3.columns>.wrapper>.inner>div:last-of-type>.full:first-child {
        border-top-right-radius: 0 !important
      }

      .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child {
        height: auto
      }

      .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
        height: auto;
        position: relative;
        width: auto
      }

      .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child.image img {
        max-height: 35rem
      }

      .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child.slideshow .bg {
        min-height: 35rem
      }

      #container02>.wrapper>.inner>:nth-child(1) {
        min-height: 100% !important;
        width: 100% !important
      }

      #container02>.wrapper>.inner>:nth-child(2) {
        min-height: 100% !important;
        width: 100% !important
      }

      .container.style1.columns>.wrapper>.inner {
        flex-direction: column !important;
        flex-wrap: nowrap !important
      }

      .container.style1.columns>.wrapper>.inner>span {
        height: 0;
        margin-top: calc(var(--gutters) * -1);
        pointer-events: none;
        visibility: hidden
      }

      .container.style1.columns>.wrapper>.inner>:first-child {
        margin-left: 0 !important;
        padding-top: 0 !important
      }

      .container.style1.columns>.wrapper>.inner>* {
        padding: calc(var(--gutters) * .5) 0 !important
      }

      .container.style1.columns>.wrapper>.inner>:last-child {
        padding-bottom: 0 !important
      }

      .container.style1.columns>.wrapper>.inner>div>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.47px)
      }

      .container.style1.columns>.wrapper>.inner>div:first-of-type>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.47px)
      }

      .container.style1.columns>.wrapper>.inner>div:last-of-type>.full {
        margin-left: calc(var(--padding-horizontal) * -1);
        width: calc(100% + (var(--padding-horizontal) * 2) + 0.47px)
      }

      .container.style1.columns>.wrapper>.inner>div>.full:first-child {
        margin-top: calc(var(--gutters) * -.5) !important
      }

      .container.style1.columns>.wrapper>.inner>div>.full:last-child {
        margin-bottom: calc(var(--gutters) * -.5) !important
      }

      .container.style1.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
        margin-top: calc(var(--padding-vertical) * -1) !important
      }

      .container.style1.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
        margin-bottom: calc(var(--padding-vertical) * -1) !important
      }

      .container.style1.columns>.wrapper>.inner>div:first-of-type,
      .container.style1.columns>.wrapper>.inner>div:first-of-type>.full:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
      }

      .container.style1.columns>.wrapper>.inner>div:last-of-type,
      .container.style1.columns>.wrapper>.inner>div:last-of-type>.full:last-child {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit
      }

      .container.style1.columns>.wrapper>.inner>div:first-of-type,
      .container.style1.columns>.wrapper>.inner>div:first-of-type>.full:last-child {
        border-bottom-left-radius: 0 !important
      }

      .container.style1.columns>.wrapper>.inner>div:last-of-type,
      .container.style1.columns>.wrapper>.inner>div:last-of-type>.full:first-child {
        border-top-right-radius: 0 !important
      }

      .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child {
        height: auto
      }

      .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child>* {
        height: auto;
        position: relative;
        width: auto
      }

      .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child.image img {
        max-height: 35rem
      }

      .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child.slideshow .bg {
        min-height: 35rem
      }

      #container13>.wrapper>.inner>:nth-child(1) {
        --alignment: left;
        --flex-alignment: flex-start;
        --indent-left: 1;
        --indent-right: 0;
        min-height: 100% !important;
        width: 100% !important
      }

      #container13>.wrapper>.inner>:nth-child(2) {
        min-height: 100% !important;
        width: 100% !important
      }

      #container13>.wrapper>.inner>:nth-child(3) {
        min-height: 100% !important;
        width: 100% !important
      }

      #container01>.wrapper>.inner>:nth-child(1) {
        min-height: 100% !important;
        width: 100% !important
      }

      #container01>.wrapper>.inner>:nth-child(2) {
        --alignment: left;
        --flex-alignment: flex-start;
        --indent-left: 1;
        --indent-right: 0;
        min-height: 100% !important;
        width: 100% !important
      }

      #container01>.wrapper>.inner>:nth-child(3) {
        min-height: 100% !important;
        width: 100% !important
      }

      #container12>.wrapper>.inner>:nth-child(1) {
        min-height: 100% !important;
        width: 100% !important
      }

      #container12>.wrapper>.inner>:nth-child(2) {
        min-height: 100% !important;
        width: 100% !important
      }
    }

    @media (max-width:736px) {
      html {
        font-size: 12pt
      }

      #main>.inner {
        --padding-horizontal: 2rem;
        --padding-vertical: 5rem;
        --spacing: 2rem
      }

      #main>.inner>*>.full {
        margin-left: calc(-2rem);
        max-width: calc(100% + 4rem + 0.47px);
        width: calc(100% + 4rem + 0.47px)
      }

      #main>.inner>*>.full.screen {
        margin-left: calc(-2rem)
      }

      #main>.inner>.active>.full:first-child {
        margin-top: -5rem !important
      }

      #main>.inner>.active>.full:last-child {
        margin-bottom: -5rem !important
      }

      h1.style3,
      h2.style3,
      h3.style3,
      p.style3 {
        letter-spacing: 0;
        width: 100%;
        font-size: 1.75em;
        line-height: 1.25
      }

      h1.style2,
      h2.style2,
      h3.style2,
      p.style2 {
        letter-spacing: 0;
        width: 100%;
        font-size: .875em;
        line-height: 2.25
      }

      h1.style1,
      h2.style1,
      h3.style1,
      p.style1 {
        letter-spacing: 0;
        width: 100%;
        font-size: 3em;
        line-height: 1.125
      }

      #icons04 {
        font-size: 1.5em;
        gap: 1rem
      }

      .container.style3:not(:first-child) {
        margin-top: 0 !important
      }

      .container.style3:not(:last-child) {
        margin-bottom: 0 !important
      }

      .container.style3>.wrapper>.inner {
        --gutters: calc(var(--padding-vertical) * 2)
      }

      .container.style3 {
        min-height: 20rem
      }

      .container.style3.columns>.wrapper>.inner>* {
        padding: calc(var(--gutters) * .5) 0 !important
      }

      .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child.image img {
        max-height: none
      }

      .container.style3.columns>.wrapper>.inner>.full>.full:first-child:last-child.slideshow .bg {
        min-height: auto
      }

      .container.style1:not(:first-child) {
        margin-top: 0 !important
      }

      .container.style1:not(:last-child) {
        margin-bottom: 0 !important
      }

      .container.style1>.wrapper>.inner {
        --gutters: calc(var(--padding-vertical) * 2)
      }

      .container.style1.columns>.wrapper>.inner>* {
        padding: calc(var(--gutters) * .5) 0 !important
      }

      .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child.image img {
        max-height: none
      }

      .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child.slideshow .bg {
        min-height: auto
      }

      .image.style1 .frame {
        height: 25rem !important
      }

      .image.style1 img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        width: 100% !important
      }

      .image.style2 .frame {
        width: 15rem;
        height: 22.5rem !important
      }

      .image.style2 img {
        height: 100% !important;
        object-fit: cover;
        object-position: center;
        width: 100% !important
      }

      .buttons.style1 {
        gap: 1rem
      }

      .buttons.style1:not(:first-child) {
        margin-top: 2.25rem !important
      }

      .buttons.style1:not(:last-child) {
        margin-bottom: 2.25rem !important
      }

      .buttons.style1 li a {
        letter-spacing: .125rem;
        padding-left: calc(0.125rem + 1.75rem);
        font-size: .75em
      }

      .buttons.style1 li a svg {
        width: 1.40625em
      }
    }

    @media (max-width:480px) {
      #main>.inner {
        --spacing: 1.75rem
      }

      .image.style1 .frame {
        height: 20rem !important
      }

      .image.style2 .frame {
        height: 18rem !important
      }
    }

    @media (max-width:360px) {
      #main>.inner {
        --padding-horizontal: 1.5rem;
        --padding-vertical: 3.75rem;
        --spacing: 1.5rem
      }

      #main>.inner>*>.full {
        margin-left: calc(-1.5rem);
        max-width: calc(100% + 3rem + 0.47px);
        width: calc(100% + 3rem + 0.47px)
      }

      #main>.inner>*>.full.screen {
        margin-left: calc(-1.5rem)
      }

      #main>.inner>.active>.full:first-child {
        margin-top: -3.75rem !important
      }

      #main>.inner>.active>.full:last-child {
        margin-bottom: -3.75rem !important
      }

      h1.style3,
      h2.style3,
      h3.style3,
      p.style3 {
        font-size: 1.75em
      }

      h1.style2,
      h2.style2,
      h3.style2,
      p.style2 {
        font-size: .875em
      }

      h1.style1,
      h2.style1,
      h3.style1,
      p.style1 {
        font-size: 3em
      }

      #icons04 {
        gap: .75rem
      }

      .container.style3>.wrapper>.inner {
        --gutters: calc(var(--padding-vertical) * 2)
      }

      .container.style3 {
        min-height: 15rem
      }

      .container.style1>.wrapper>.inner {
        --gutters: calc(var(--padding-vertical) * 2)
      }

      .image.style1 .frame {
        height: 17.5rem !important
      }

      .image.style2 .frame {
        height: 15.75rem !important
      }

      .buttons.style1 {
        gap: .75rem
      }
    }
  </style><noscript>
    <style>
      body {
        overflow: auto !important;
      }

      #main {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        filter: none !important;
      }

      #main>.inner>section {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        filter: none !important;
      }
    </style>
  </noscript>

<body class=is-loading>
  <div id=wrapper>
    <div id=main>
      <div class=inner>
        <section id=home-section>
          <div id=container02 class="style3 container columns full screen">
            <div class=wrapper>
              <div class=inner data-onvisible-trigger=1>
                <div>
                  <h1 id=text13 class=style1>🟧 Bl⭕ck Labs</h1>
                  <p id=text14 class=style2>Our mission is to help artists produce a wider range of artistic creations.</p>
                </div><span></span>
              </div>
            </div>
          </div>
          <div id=container13 class="style1 container columns full screen">
            <div class=wrapper>
              <div class=inner data-onvisible-trigger=1 data-reorder=0,1,2 data-reorder-breakpoint=medium>
                <div>
                  <div id=image05 class="style1 image full"><span class=frame><img src=/content/b8255d70b09711d55990a5a4c542d72f0a4890ebac1bfe741b045d2b44e9b090i0 alt=""></span></div>
                </div>
                <div>
                  <div id=image02 class="style1 image full"><span class=frame><img src=/content/0a162550f47339575adb18369625dc428f4d2756b026dcbc576f66f2578c5431i0 alt=""></span></div>
                </div>
                <div>
                  <h2 id=text26 class=style3># Bl⭕ck Legends</h2>
                  <p id=text28 class=style2><span class=p>10,000 native NFTs on the blockchain,<br>Exploring the Infinite Possibilities of Bitcoin</span></p>
                  <ul id=buttons07 class="style1 buttons">
                    <li><a href=https://rarity.blocklabs.art class="button n01"><span class=label>Rarity</span></a></li>
                  </ul>
                  <h2 id=text27 class=style3># Buy N⭕w</h2>
                  <ul id=buttons05 class="style1 buttons">
                    <li><a href=https://www.binance.com/en/nft/collection/block-legends-718120215278723072 class="button n01"><span class=label>Binance</span></a></li>
                    <li><a href=https://magiceden.io/ordinals/marketplace/blocklegends class="button n02"><span class=label>MagicEden</span></a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div id=container01 class="style1 container columns full screen">
            <div class=wrapper>
              <div class=inner data-onvisible-trigger=1 data-reorder=1,0,2 data-reorder-breakpoint=medium>
                <div>
                  <div id=image07 class="style1 image full"><span class=frame><img src=/content/9b68bb6ec6485d8afc5996758ad50ae66301c7616df5bcd440734df4f1bd2691i0 alt=""></span></div>
                </div>
                <div>
                  <div id=image04 class="style1 image full"><span class=frame><img src=/content/95d4eb16f98f7ae998ab38d687089ac2bda27e7614f2407bc25fac7fa90de90ei0 alt=""></span></div>
                </div>
                <div>
                  <h2 id=text07 class=style3># Art</h2>
                  <p id=text04 class=style2>Three hundred and fifty components to generate the original bitcoin nft, a library of millions of combinations and even more unique and rare features</p>
                  <h2 id=text31 class=style3># DEFI $ LEGN</h2>
                  <p id=text32 class=style2>The first community to explore the combination of bitcoin nfts and native tokens in the bitcoin ecosystem</p>
                  <ul id=icons04 class=icons>
                    <li><a class=n01 href=https://blocklegends.io aria-label=Link><span class=label>Link</span></a></li>
                    <li><a class=n02 href=https://blocklabs.art aria-label=Square><span class=label>Square</span></a></li>
                    <li><a class=n03 href="https://twitter.com/blocklegends_io/" target=_blank aria-label=Twitter><span class=label>Twitter</span></a></li>
                    <li><a class=n04 href=https://domain.ext/path aria-label=Discord><span class=label>Discord</span></a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div id=container12 class="style1 container columns full screen">
            <div class=wrapper>
              <div class=inner data-onvisible-trigger=1>
                <div>
                  <div id=image03 class="style2 image"><span class=frame><img src=/content/c1b46d3b4cbf7f308925746535ca0bf98057e5c6e3654ff575ceee2b7db61bc0i0 alt=""></span></div>
                  <h2 id=text34 class=style3>Bitc⭕in</h2>
                  <ul id=buttons01 class="style1 buttons">
                    <li><a href=https://blocklabs.art class="button n01"><span class=label>⭕rdinals</span></a></li>
                  </ul>
                </div>
                <div>
                  <div id=image01 class="style2 image"><span class=frame><img src=/content/9b68bb6ec6485d8afc5996758ad50ae66301c7616df5bcd440734df4f1bd2691i0 alt=""></span></div>
                  <h2 id=text17 class=style3>🟧 Bl⭕ck Legends</h2>
                  <ul id=buttons02 class="style1 buttons">
                    <li><a href=https://blocklabs.art class="button n01"><span class=label>blocklabs v1</span></a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>
  <script>
    ! function() {
      var e, t, n, s, i, a = addEventListener,
        r = (removeEventListener, function(e) {
          return document.querySelector(e)
        }),
        o = function(e) {
          return document.querySelectorAll(e)
        },
        l = document.body,
        c = (r(".inner"), function() {
          var e, t, n = {
              browser: "other",
              browserVersion: 0,
              os: "other",
              osVersion: 0,
              mobile: !1,
              canUse: null,
              flags: {
                lsdUnits: !1
              }
            },
            s = navigator.userAgent;
          for (t = 0, e = [
              ["firefox", /Firefox\/([0-9\.]+)/],
              ["edge", /Edge\/([0-9\.]+)/],
              ["safari", /Version\/([0-9\.]+).+Safari/],
              ["chrome", /Chrome\/([0-9\.]+)/],
              ["chrome", /CriOS\/([0-9\.]+)/],
              ["ie", /Trident\/.+rv:([0-9]+)/],
            ]; t < e.length; t++)
            if (s.match(e[t][1])) {
              n.browser = e[t][0], n.browserVersion = parseFloat(RegExp.$1);
              break
            } for (t = 0, e = [
              ["ios", /([0-9_]+) like Mac OS X/, function(e) {
                return e.replace("_", ".").replace("_", "")
              }, ],
              ["ios", /CPU like Mac OS X/, function(e) {
                return 0
              }, ],
              ["ios", /iPad; CPU/, function(e) {
                return 0
              }, ],
              ["android", /Android ([0-9\.]+)/, null],
              ["mac", /Macintosh.+Mac OS X ([0-9_]+)/, function(e) {
                return e.replace("_", ".").replace("_", "")
              }, ],
              ["windows", /Windows NT ([0-9\.]+)/, null],
              ["undefined", /Undefined/, null],
            ]; t < e.length; t++)
            if (s.match(e[t][1])) {
              n.os = e[t][0], n.osVersion = parseFloat(e[t][2] ? e[t][2](RegExp.$1) : RegExp.$1);
              break
            }
          "mac" == n.os && "ontouchstart" in window && (1024 == screen.width && 1366 == screen.height || 834 == screen.width && 1112 == screen.height || 810 == screen.width && 1080 == screen.height || 768 == screen.width && 1024 == screen.height) && (n.os = "ios"), n.mobile = "android" == n.os || "ios" == n.os;
          var i = document.createElement("div");
          return n.canUse = function(e, t) {
            var n;
            return e in (n = i.style) && (void 0 === t || (n[e] = t, "" != n[e]))
          }, n.flags.lsdUnits = n.canUse("width", "100dvw"), n
        }()),
        f = function(e) {
          dispatchEvent(new Event(e))
        },
        d = function() {
          var e, t = location.hash ? location.hash.substring(1) : null;
          return t ? (t.match(/\?/) && (t = (e = t.split("?"))[0], history.replaceState(void 0, void 0, "#" + t), window.location.search = e[1]), t.length > 0 && !t.match(/^[a-zA-Z]/) && (t = "x" + t), "string" == typeof t && (t = t.toLowerCase()), t) : null
        },
        u = function(e, t, n) {
          var s, i, a, r, o, l, c;
          if (e) switch (l = (e.dataset.scrollOffset ? parseInt(e.dataset.scrollOffset) : 0) * parseFloat(getComputedStyle(document.documentElement).fontSize), e.dataset.scrollBehavior ? e.dataset.scrollBehavior : "default") {
            case "default":
            default:
              s = e.offsetTop + l;
              break;
            case "center":
              s = e.offsetHeight < window.innerHeight ? e.offsetTop - (window.innerHeight - e.offsetHeight) / 2 + l : e.offsetTop - l;
              break;
            case "previous":
              s = e.previousElementSibling ? e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight + l : e.offsetTop + l
          } else s = 0;
          if (t || (t = "smooth"), n || (n = 750), "instant" == t) {
            window.scrollTo(0, s);
            return
          }
          switch (r = Date.now(), a = s - (i = window.scrollY), t) {
            case "linear":
              o = function(e) {
                return e
              };
              break;
            case "smooth":
              o = function(e) {
                return e < .5 ? 4 * e * e * e : (e - 1) * (2 * e - 2) * (2 * e - 2) + 1
              }
          }(c = function() {
            var e = Date.now() - r;
            e >= n ? window.scroll(0, s) : (window.scroll(0, i + a * o(e / n)), requestAnimationFrame(c))
          })()
        },
        y = function() {
          u(null)
        },
        h = function(e) {
          var t, n, s, i;
          for (i = 0, t = e.querySelectorAll('iframe[data-src]:not([data-src=""])'); i < t.length; i++) t[i].contentWindow.location.replace(t[i].dataset.src), t[i].dataset.initialSrc = t[i].dataset.src, t[i].dataset.src = "";
          for (i = 0, t = e.querySelectorAll("video[autoplay]"); i < t.length; i++) t[i].paused && t[i].play();
          "FORM" === (s = (n = e.querySelector('[data-autofocus="1"]')) ? n.tagName : null) && (n = n.querySelector(".field input, .field select, .field textarea")) && n.focus()
        },
        p = function(e) {
          var t, n, s;
          for (s = 0, t = e.querySelectorAll('iframe[data-src=""]'); s < t.length; s++) "0" !== t[s].dataset.srcUnload && ("initialSrc" in t[s].dataset ? t[s].dataset.src = t[s].dataset.initialSrc : t[s].dataset.src = t[s].src, t[s].contentWindow.location.replace("about:blank"));
          for (s = 0, t = e.querySelectorAll("video"); s < t.length; s++) t[s].paused || t[s].pause();
          (n = r(":focus")) && n.blur()
        };
      window._scrollToTop = y;
      var $ = setTimeout(function() {
        l.classList.add("with-loader")
      }, 500);
      (a("load", function() {
        setTimeout(function() {
          clearTimeout($), l.classList.remove("is-loading"), l.classList.add("is-playing"), setTimeout(function() {
            l.classList.remove("with-loader"), l.classList.remove("is-playing"), l.classList.add("is-ready")
          }, 250)
        }, 100)
      }), ! function() {
        var e, t, n, s, i, l, c, y, $, m, g, v, _, b = !1,
          S = function(e) {
            for (; e && (!e.parentElement || "SECTION" != e.parentElement.tagName);) e = e.parentElement;
            return e
          },
          w = function(e) {
            let t = parseInt(e.dataset.scrollSpeed);
            switch (t) {
              case 5:
                return 250;
              case 4:
                return 500;
              case 3:
                break;
              case 2:
                return 1e3;
              case 1:
                return 1250
            }
            return 750
          },
          E = function(e) {
            var t, n, s;
            if (e.preventDefault(), e.stopPropagation(), t = S(e.target)) {
              for (; t && t.nextElementSibling;)
                if ((t = t.nextElementSibling).dataset.scrollId) {
                  n = t, s = t.dataset.scrollId;
                  break
                } n && s && ("1" == n.dataset.scrollInvisible ? u(n, "smooth", w(n)) : location.href = "#" + s)
            }
          },
          x = function(e) {
            var e, t, n;
            if (event.preventDefault(), event.stopPropagation(), e = S(event.target)) {
              for (; e && e.previousElementSibling;)
                if ((e = e.previousElementSibling).dataset.scrollId) {
                  t = e, n = e.dataset.scrollId;
                  break
                } t && n && ("1" == t.dataset.scrollInvisible ? u(t, "smooth", w(t)) : location.href = "#" + n)
            }
          },
          N = function(e) {
            var e, t, n;
            if (event.preventDefault(), event.stopPropagation(), e = S(event.target)) {
              for (; e && e.previousElementSibling;)(e = e.previousElementSibling).dataset.scrollId && (t = e, n = e.dataset.scrollId);
              t && n && ("1" == t.dataset.scrollInvisible ? u(t, "smooth", w(t)) : location.href = "#" + n)
            }
          },
          k = function(e) {
            var e, t, n;
            if (event.preventDefault(), event.stopPropagation(), e = S(event.target)) {
              for (; e && e.nextElementSibling;)(e = e.nextElementSibling).dataset.scrollId && (t = e, n = e.dataset.scrollId);
              t && n && ("1" == t.dataset.scrollInvisible ? u(t, "smooth", w(t)) : location.href = "#" + n)
            }
          },
          T = function() {
            var e;
            (e = r("#main > .inner > section.active").nextElementSibling) && "SECTION" == e.tagName && (location.href = "#" + e.id.replace(/-section$/, ""))
          },
          O = function() {
            var e;
            (e = r("#main > .inner > section.active").previousElementSibling) && "SECTION" == e.tagName && (location.href = "#" + (e.matches(":first-child") ? "" : e.id.replace(/-section$/, "")))
          },
          P = function() {
            var e;
            (e = r("#main > .inner > section:first-of-type")) && "SECTION" == e.tagName && (location.href = "#" + e.id.replace(/-section$/, ""))
          },
          A = function() {
            var e;
            (e = r("#main > .inner > section:last-of-type")) && "SECTION" == e.tagName && (location.href = "#" + e.id.replace(/-section$/, ""))
          },
          L = function(e) {
            var t, n, s;
            for (n of t = e.querySelectorAll('[data-reset-on-section-change="1"]')) "FORM" === (s = n ? n.tagName : null) && n.reset()
          },
          I = function(e, t) {
            var n, s, i;
            if (!e.classList.contains("inactive")) return i = !!(s = e ? e.id.replace(/-section$/, "") : null) && s in C && "disableAutoScroll" in C[s] && C[s].disableAutoScroll, t ? u(t, "smooth", w(t)) : i || u(null), !1;
            b = !0, "#home" == location.hash && history.replaceState(null, null, "#"), i = !!(s = e ? e.id.replace(/-section$/, "") : null) && s in C && "disableAutoScroll" in C[s] && C[s].disableAutoScroll, (n = r("section:not(.inactive)")) && (n.classList.add("inactive"), p(n), L(n), setTimeout(function() {
              n.style.display = "none", n.classList.remove("active")
            }, 125)), setTimeout(function() {
              e.style.display = "", f("resize"), i || u(null, "instant"), setTimeout(function() {
                e.classList.remove("inactive"), e.classList.add("active"), setTimeout(function() {
                  h(e), t && u(t, "instant"), b = !1
                }, 250)
              }, 75)
            }, 125)
          },
          C = {};
        for (window._nextScrollPoint = E, window._previousScrollPoint = x, window._firstScrollPoint = N, window._lastScrollPoint = k, window._nextSection = T, window._previousSection = O, window._firstSection = P, window._lastSection = A, window._scrollToTop = function() {
            var e, t;
            u(null), (e = r("section.active")) && ("home" == (t = e.id.replace(/-section$/, "")) && (t = ""), history.pushState(null, null, "#" + t))
          }, ("scrollRestoration" in history) && (history.scrollRestoration = "manual"), s = r("#header"), i = r("#footer"), (m = d()) && !m.match(/^[a-zA-Z0-9\-]+$/) && (m = null), (g = r('[data-scroll-id="' + m + '"]')) ? n = (e = (t = g).parentElement).id : (g = r("#" + (m || "home") + "-section")) && (t = null, n = (e = g).id), e || (t = null, n = (e = r("#home-section")).id, history.replaceState(void 0, void 0, "#")), c = ((l = m || "home") in C) && ("hideHeader" in C[l]) && C[l].hideHeader, y = !!l && (l in C) && ("hideFooter" in C[l]) && C[l].hideFooter, $ = !!l && (l in C) && ("disableAutoScroll" in C[l]) && C[l].disableAutoScroll, s && c && (s.classList.add("hidden"), s.style.display = "none"), i && y && (i.classList.add("hidden"), i.style.display = "none"), v = o('#main > .inner > section:not([id="' + n + '"])'), _ = 0; _ < v.length; _++) v[_].className = "inactive", v[_].style.display = "none";
        e.classList.add("active"), h(e), s && h(s), i && h(i), $ || u(null, "instant"), a("load", function() {
          t && u(t, "instant")
        }), a("hashchange", function(e) {
          var t, n, s, i;
          return !(b || (s = d()) && !s.match(/^[a-zA-Z0-9\-]+$/)) && ((i = r('[data-scroll-id="' + s + '"]')) ? t = (n = i).parentElement : (i = r("#" + (s || "home") + "-section")) ? (n = null, t = i) : (n = null, t = r("#home-section"), history.replaceState(void 0, void 0, "#")), !!t && (I(t, n), !1))
        }), a("click", function(e) {
          var t, n, s = e.target,
            i = s.tagName.toUpperCase();
          switch (i) {
            case "IMG":
            case "SVG":
            case "USE":
            case "U":
            case "STRONG":
            case "EM":
            case "CODE":
            case "S":
            case "MARK":
            case "SPAN":
              for (;
                (s = s.parentElement) && "A" != s.tagName;);
              if (!s) return
          }
          "A" == s.tagName && "#" == s.getAttribute("href").substr(0, 1) && ((t = r('[data-scroll-id="' + s.hash.substr(1) + '"][data-scroll-invisible="1"]')) ? (e.preventDefault(), (n = t.parentElement).classList.contains("inactive") ? (history.pushState(null, null, "#" + n.id.replace(/-section$/, "")), I(n, t)) : u(t, "smooth", w(t))) : s.hash == window.location.hash && (e.preventDefault(), history.replaceState(void 0, void 0, "#"), location.replace(s.hash)))
        })
      }(), (n = document.createElement("style")).appendChild(document.createTextNode("")), document.head.appendChild(n), s = n.sheet, c.mobile && function() {
        if (c.flags.lsdUnits) document.documentElement.style.setProperty("--viewport-height", "100svh"), document.documentElement.style.setProperty("--background-height", "100lvh");
        else {
          var e = function() {
            document.documentElement.style.setProperty("--viewport-height", window.innerHeight + "px"), document.documentElement.style.setProperty("--background-height", window.innerHeight + 250 + "px")
          };
          a("load", e), a("orientationchange", function() {
            setTimeout(function() {
              e()
            }, 100)
          })
        }
      }(), "android" == c.os) ? (s.insertRule("body::after { }", 0), i = s.cssRules[0], a("load", e = function() {
        i.style.cssText = "height: " + Math.max(screen.width, screen.height) + "px"
      }), a("orientationchange", e), a("touchmove", e), l.classList.add("is-touch")) : "ios" == c.os && (c.osVersion <= 11 && (s.insertRule("body::after { }", 0), (i = s.cssRules[0]).style.cssText = "-webkit-transform: scale(1.0)"), c.osVersion <= 11 && (s.insertRule("body.ios-focus-fix::before { }", 0), (i = s.cssRules[0]).style.cssText = "height: calc(100% + 60px)", a("focus", function(e) {
        l.classList.add("ios-focus-fix")
      }, !0), a("blur", function(e) {
        l.classList.remove("ios-focus-fix")
      }, !0)), l.classList.add("is-touch")), t = {
        small: "(max-width: 736px)",
        medium: "(max-width: 980px)"
      }, o("[data-reorder]").forEach(function(e) {
        var n, s, i, r, o, l = [],
          c = [],
          f = !1;
        for (r of (n = "reorderBreakpoint" in e.dataset && e.dataset.reorderBreakpoint in t ? t[e.dataset.reorderBreakpoint] : t.small, e.childNodes)) 1 == r.nodeType && l.push(r);
        for (i of s = e.dataset.reorder.split(",")) c.push(l[parseInt(i)]);
        a("resize", o = function() {
          var t;
          if (window.matchMedia(n).matches) {
            if (!f)
              for (t of (f = !0, c)) e.appendChild(t)
          } else if (f)
            for (t of (f = !1, l)) e.appendChild(t)
        }), a("orientationchange", o), a("load", o), a("fullscreenchange", o)
      });
      var m = {
        items: [],
        add: function(e) {
          this.items.push({
            element: e.element,
            triggerElement: "triggerElement" in e && e.triggerElement ? e.triggerElement : e.element,
            enter: "enter" in e ? e.enter : null,
            leave: "leave" in e ? e.leave : null,
            mode: "mode" in e ? e.mode : 3,
            offset: "offset" in e ? e.offset : 0,
            initialState: "initialState" in e ? e.initialState : null,
            state: !1
          })
        },
        handler: function() {
          var e, t, n, s;
          "ios" == c.os ? (e = document.documentElement.clientHeight, n = (t = document.body.scrollTop + window.scrollY) + e, s = 125) : (e = document.documentElement.clientHeight, n = (t = document.documentElement.scrollTop) + e, s = 0), m.items.forEach(function(i) {
            var a, r, o, l, c, f;
            if (!i.enter && !i.leave || !i.triggerElement) return !0;
            if (null === i.triggerElement.offsetParent) return !0 == i.state && i.leave && (i.state = !1, i.leave.apply(i.element), i.enter || (i.leave = null)), !0;
            if (o = (r = t + Math.floor((a = i.triggerElement.getBoundingClientRect()).top)) + a.height, null !== i.initialState) l = i.initialState, i.initialState = null;
            else switch (i.mode) {
              case 1:
              default:
                l = n > r - i.offset && t < o + i.offset;
                break;
              case 2:
                l = (c = t + .5 * e) > r - i.offset && c < o + i.offset;
                break;
              case 3:
                (c = t + .25 * e) - .375 * e <= 0 && (c = 0), (f = t + .75 * e) + .375 * e >= document.body.scrollHeight - s && (f = document.body.scrollHeight + s), l = f > r - i.offset && c < o + i.offset
            }
            l != i.state && (i.state = l, i.state ? i.enter && (i.enter.apply(i.element), i.leave || (i.enter = null)) : i.leave && (i.leave.apply(i.element), i.enter || (i.leave = null)))
          })
        },
        init: function() {
          a("load", this.handler), a("resize", this.handler), a("scroll", this.handler), this.handler()
        }
      };
      m.init();
      var g = {
        effects: {
          "blur-in": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", filter " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e) {
              this.style.opacity = 0, this.style.filter = "blur(" + .25 * e + "rem)"
            },
            play: function() {
              this.style.opacity = 1, this.style.filter = "none"
            }
          },
          "zoom-in": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e, t) {
              this.style.opacity = 0, this.style.transform = "scale(" + (1 - (t ? .25 : .05) * e) + ")"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "zoom-out": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e, t) {
              this.style.opacity = 0, this.style.transform = "scale(" + (1 + (t ? .25 : .05) * e) + ")"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "slide-left": {
            transition: function(e, t) {
              return "transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function() {
              this.style.transform = "translateX(100vw)"
            },
            play: function() {
              this.style.transform = "none"
            }
          },
          "slide-right": {
            transition: function(e, t) {
              return "transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function() {
              this.style.transform = "translateX(-100vw)"
            },
            play: function() {
              this.style.transform = "none"
            }
          },
          "flip-forward": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e, t) {
              this.style.opacity = 0, this.style.transformOrigin = "50% 50%", this.style.transform = "perspective(1000px) rotateX(" + (t ? 45 : 15) * e + "deg)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "flip-backward": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e, t) {
              this.style.opacity = 0, this.style.transformOrigin = "50% 50%", this.style.transform = "perspective(1000px) rotateX(" + (t ? -45 : -15) * e + "deg)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "flip-left": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e, t) {
              this.style.opacity = 0, this.style.transformOrigin = "50% 50%", this.style.transform = "perspective(1000px) rotateY(" + (t ? 45 : 15) * e + "deg)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "flip-right": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e, t) {
              this.style.opacity = 0, this.style.transformOrigin = "50% 50%", this.style.transform = "perspective(1000px) rotateY(" + (t ? -45 : -15) * e + "deg)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "tilt-left": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e, t) {
              this.style.opacity = 0, this.style.transform = "rotate(" + (t ? 45 : 5) * e + "deg)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "tilt-right": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e, t) {
              this.style.opacity = 0, this.style.transform = "rotate(" + (t ? -45 : -5) * e + "deg)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "fade-right": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e) {
              this.style.opacity = 0, this.style.transform = "translateX(" + -1.5 * e + "rem)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "fade-left": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e) {
              this.style.opacity = 0, this.style.transform = "translateX(" + 1.5 * e + "rem)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "fade-down": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e) {
              this.style.opacity = 0, this.style.transform = "translateY(" + -1.5 * e + "rem)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "fade-up": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "") + ", transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e) {
              this.style.opacity = 0, this.style.transform = "translateY(" + 1.5 * e + "rem)"
            },
            play: function() {
              this.style.opacity = 1, this.style.transform = "none"
            }
          },
          "fade-in": {
            transition: function(e, t) {
              return "opacity " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function() {
              this.style.opacity = 0
            },
            play: function() {
              this.style.opacity = 1
            }
          },
          "fade-in-background": {
            custom: !0,
            transition: function(e, t) {
              this.style.setProperty("--onvisible-speed", e + "s"), t && this.style.setProperty("--onvisible-delay", t + "s")
            },
            rewind: function() {
              this.style.removeProperty("--onvisible-background-color")
            },
            play: function() {
              this.style.setProperty("--onvisible-background-color", "rgba(0,0,0,0.001)")
            }
          },
          "zoom-in-image": {
            target: "img",
            transition: function(e, t) {
              return "transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function() {
              this.style.transform = "scale(1)"
            },
            play: function(e) {
              this.style.transform = "scale(" + (1 + .1 * e) + ")"
            }
          },
          "zoom-out-image": {
            target: "img",
            transition: function(e, t) {
              return "transform " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e) {
              this.style.transform = "scale(" + (1 + .1 * e) + ")"
            },
            play: function() {
              this.style.transform = "none"
            }
          },
          "focus-image": {
            target: "img",
            transition: function(e, t) {
              return "transform " + e + "s ease" + (t ? " " + t + "s" : "") + ", filter " + e + "s ease" + (t ? " " + t + "s" : "")
            },
            rewind: function(e) {
              this.style.transform = "scale(" + (1 + .05 * e) + ")", this.style.filter = "blur(" + .25 * e + "rem)"
            },
            play: function(e) {
              this.style.transform = "none", this.style.filter = "none"
            }
          }
        },
        add: function(e, t) {
          var n = t.style in this.effects ? t.style : "fade",
            s = parseInt("speed" in t ? t.speed : 1e3) / 1e3,
            i = parseInt("intensity" in t ? t.intensity : 5) / 10 * 1.75 + .25,
            a = parseInt("delay" in t ? t.delay : 0) / 1e3,
            r = "replay" in t && t.replay,
            l = "stagger" in t && parseInt(t.stagger) > -125 && parseInt(t.stagger) / 1e3,
            c = "staggerOrder" in t ? t.staggerOrder : "default",
            f = "state" in t ? t.state : null,
            d = this.effects[n];
          o(e).forEach(function(e) {
            var t, n, o = !1 !== l ? e.querySelectorAll(":scope > li, :scope ul > li") : null,
              u = function(e = 0) {
                var t, n = this;
                d.target && (n = this.querySelector(d.target)), d.custom ? d.transition.apply(n, [s, a + e, ]) : (t = n.style.transition, n.style.setProperty("backface-visibility", "hidden"), n.style.transition = d.transition(s, a + e)), d.play.apply(n, [i, !!o, ]), d.custom || setTimeout(function() {
                  n.style.removeProperty("backface-visibility"), n.style.transition = t
                }, (s + a + e) * 2e3)
              },
              y = function() {
                var e, t = this;
                d.target && (t = this.querySelector(d.target)), d.custom ? d.transition.apply(t, [s]) : (e = t.style.transition, t.style.setProperty("backface-visibility", "hidden"), t.style.transition = d.transition(s)), d.rewind.apply(t, [i, !!o, ]), d.custom || setTimeout(function() {
                  t.style.removeProperty("backface-visibility"), t.style.transition = e
                }, 2e3 * s)
              };
            t = d.target ? e.querySelector(d.target) : e, o ? o.forEach(function(e) {
              d.rewind.apply(e, [i, !0, ])
            }) : d.rewind.apply(t, [i]), n = e, e.parentNode && (e.parentNode.dataset.onvisibleTrigger ? n = e.parentNode : e.parentNode.parentNode && e.parentNode.parentNode.dataset.onvisibleTrigger && (n = e.parentNode.parentNode)), m.add({
              element: e,
              triggerElement: n,
              initialState: f,
              enter: o ? function() {
                var e, t = 0,
                  n = function(e) {
                    u.apply(e, [t, ]), t += l
                  };
                if ("default" == c) o.forEach(n);
                else {
                  switch (e = Array.from(o), c) {
                    case "reverse":
                      e.reverse();
                      break;
                    case "random":
                      e.sort(function() {
                        return Math.random() - .5
                      })
                  }
                  e.forEach(n)
                }
              } : u,
              leave: r ? o ? function() {
                o.forEach(function(e) {
                  y.apply(e)
                })
              } : y : null
            })
          })
        }
      };
      g.add("h1.style3, h2.style3, h3.style3, p.style3", {
        style: "fade-up",
        speed: 1e3,
        intensity: 5,
        delay: 0,
        staggerOrder: "",
        replay: !1
      }), g.add("h1.style2, h2.style2, h3.style2, p.style2", {
        style: "fade-up",
        speed: 1e3,
        intensity: 3,
        delay: 125,
        staggerOrder: "",
        replay: !1
      }), g.add("#icons04", {
        style: "fade-up",
        speed: 1e3,
        intensity: 3,
        delay: 250,
        stagger: 125,
        replay: !1
      }), g.add("h1.style1, h2.style1, h3.style1, p.style1", {
        style: "fade-up",
        speed: 1e3,
        intensity: 5,
        delay: 0,
        staggerOrder: "",
        replay: !1
      }), g.add(".image.style1", {
        style: "fade-right",
        speed: 1e3,
        intensity: 10,
        delay: 0,
        staggerOrder: "",
        replay: !1
      }), g.add(".buttons.style1", {
        style: "fade-up",
        speed: 1e3,
        intensity: 1,
        delay: 250,
        replay: !1
      }), g.add(".image.style2", {
        style: "fade-left",
        speed: 1e3,
        intensity: 10,
        delay: 0,
        staggerOrder: "",
        replay: !1
      })
    }();
  </script>
No replies yet
Inscription
14,264,490

ID
9c991...5bai0
Owned By
bc1pq...ykgf0
File Type
HTMLtext/html;charset=utf-8
File Size
55.467 KB
Created
June 30, 2023, 4:13 AM UTC
1 year ago
Creation Block
796,510
Creation Transaction
9c991...2c5ba
Creation Fee
140,060sats
Tags
No tags yet
Sat

Sat Number
1763700783360358
Sat Name
bixjwrggphr
Sat Creation Block
570,960
Sat Creation Year
2019
Inscriptions
1. 1. 14,264,490
Cursed Inscriptions
No cursed inscriptions yet
SATRIBUTES
No Satributes
Recursive Modules

9,654,579

image/webp
9,060,629

image/webp
10,656,986

image/webp
9,692,447

image/webp
10,403,431

image/webp
10,656,986

image/webp
14,264,490

14,264,490

9c991...5bai0

bc1pq...ykgf0

HTMLtext/html;charset=utf-8

55.467 KB

June 30, 2023, 4:13 AM UTC

1 year ago

140,060sats

No tags yet

Sat

bixjwrggphr

2019

No cursed inscriptions yet

No Satributes

Recursive Modules

9,654,579

9,060,629

10,656,986

9,692,447

10,403,431

10,656,986
