
  

  
  @property --hand {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --code-tag {
  syntax: "<color>";
  inherits: true;
  initial-value: #b0175c;
}
@property --code-attr {
  syntax: "<color>";
  inherits: true;
  initial-value: #6a3fb0;
}
@property --color-ink {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000;
}
@property --code-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #6b6b6b;
}
@property --code-value {
  syntax: "<color>";
  inherits: true;
  initial-value: #9a4a00;
}
@property --font-serif {
  syntax: "*";
  inherits: true;
  initial-value: 'EB Garamond', Garamond, 'Times New Roman', serif;
}
@property --code-string {
  syntax: "<color>";
  inherits: true;
  initial-value: #9a4a00;
}
@property --color-paper {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --code-property {
  syntax: "<color>";
  inherits: true;
  initial-value: #0a7557;
}
@property --code-selector {
  syntax: "<color>";
  inherits: true;
  initial-value: #1b5bb3;
}

  :host, :root {
  --code-tag: #b0175c;
  --code-attr: #6a3fb0;
  --color-ink: #000000;
  --code-muted: #6b6b6b;
  --code-value: #9a4a00;
  --code-string: #9a4a00;
  --color-paper: #ffffff;
  --code-property: #0a7557;
  --code-selector: #1b5bb3;
}
  
  @media (prefers-color-scheme: light) {
      :host, :root {
  --code-tag: #b0175c;
  --code-attr: #6a3fb0;
  --color-ink: #000000;
  --code-muted: #6b6b6b;
  --code-value: #9a4a00;
  --code-string: #9a4a00;
  --color-paper: #ffffff;
  --code-property: #0a7557;
  --code-selector: #1b5bb3;
}
    }
  [data-nc-theme~="Dark"] {
  --code-tag: #ff7ab6;
  --code-attr: #c8aaff;
  --color-ink: #ffffff;
  --code-muted: #9c9c9c;
  --code-value: #ffbb73;
  --code-string: #ffbb73;
  --color-paper: #000000;
  --code-property: #62d9aa;
  --code-selector: #82bcff;
}
[data-nc-theme~="Light"] {
  --code-tag: #b0175c;
  --code-attr: #6a3fb0;
  --color-ink: #000000;
  --code-muted: #6b6b6b;
  --code-value: #9a4a00;
  --code-string: #9a4a00;
  --color-paper: #ffffff;
  --code-property: #0a7557;
  --code-selector: #1b5bb3;
}

    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-garamond: 'EB Garamond',serif;
--font-BenchNine: 'BenchNine',sans-serif;
--font-Gideon Roman: 'Gideon Roman',display;
--font-caveat: 'Caveat',cursive;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .hdyBP {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:120px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:row;
      padding-bottom:120px;
    }

    @media (max-width: 720px) {

    .hdyBP {
      padding:64px 0 56px;
    }
    }

    .cBPvTj {
      --cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='-4 -4 32 32'%3E%3Cdefs%3E%3Cfilter id='s' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeDropShadow dx='1' dy='1.5' stdDeviation='1.2' flood-color='%23000000' flood-opacity='0.5'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23s)' fill='%23ffffff' stroke='%23000000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' d='M14.185 13.14l5.644 -2.202c1.625 -.634 1.538 -2.962 -.13 -3.473l-14.319 -4.382c-1.41 -.431 -2.73 .888 -2.298 2.298l4.382 14.318c.51 1.668 2.84 1.755 3.473 .13l2.202 -5.644a1.84 1.84 0 0 1 1.045 -1.045z'/%3E%3C/svg%3E") 7 7, auto;
      --cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='-4 -3 32 32'%3E%3Cdefs%3E%3Cfilter id='s' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeDropShadow dx='1' dy='1.5' stdDeviation='1.2' flood-color='%23000000' flood-opacity='0.5'/%3E%3C/filter%3E%3Cg id='h'%3E%3Cpath d='M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5'/%3E%3Cpath d='M11 11.5v-2a1.5 1.5 0 1 1 3 0v2.5'/%3E%3Cpath d='M14 10.5a1.5 1.5 0 0 1 3 0v1.5'/%3E%3Cpath d='M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47'/%3E%3C/g%3E%3C/defs%3E%3Cg filter='url(%23s)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cuse href='%23h' fill='%23ffffff' stroke='%23ffffff' stroke-width='4'/%3E%3Cuse href='%23h' fill='%23ffffff' stroke='%23000000' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 13 6, pointer;
      color:var(--color-ink);
      cursor:var(--cursor-default);
      display:flex;
      font-size:20px;
      background:var(--color-paper);
      min-height:100vh;
      font-family:"Gideon Roman";
      font-weight:inherit;
      line-height:1.55;
      flex-direction:column;
    }

    .cBPvTj.dark {
      cursor:var(--cursor-default);
      --cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='-4 -4 32 32'%3E%3Cdefs%3E%3Cfilter id='s' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeDropShadow dx='1' dy='1.5' stdDeviation='1.2' flood-color='%23000000' flood-opacity='0.8'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23s)' fill='%23000000' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' d='M14.185 13.14l5.644 -2.202c1.625 -.634 1.538 -2.962 -.13 -3.473l-14.319 -4.382c-1.41 -.431 -2.73 .888 -2.298 2.298l4.382 14.318c.51 1.668 2.84 1.755 3.473 .13l2.202 -5.644a1.84 1.84 0 0 1 1.045 -1.045z'/%3E%3C/svg%3E") 7 7, auto;
      --cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='-4 -3 32 32'%3E%3Cdefs%3E%3Cfilter id='s' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeDropShadow dx='1' dy='1.5' stdDeviation='1.2' flood-color='%23000000' flood-opacity='0.8'/%3E%3C/filter%3E%3Cg id='h'%3E%3Cpath d='M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5'/%3E%3Cpath d='M11 11.5v-2a1.5 1.5 0 1 1 3 0v2.5'/%3E%3Cpath d='M14 10.5a1.5 1.5 0 0 1 3 0v1.5'/%3E%3Cpath d='M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7a69.74 69.74 0 0 1 -.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47'/%3E%3C/g%3E%3C/defs%3E%3Cg filter='url(%23s)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cuse href='%23h' fill='%23000000' stroke='%23000000' stroke-width='4'/%3E%3Cuse href='%23h' fill='%23000000' stroke='%23ffffff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 13 6, pointer;
    }

    .gtAlI {
      flex:1;
      color:inherit;
      width:100%;
      margin:0 auto;
      display:block;
      padding:0 48px;
      font-size:inherit;
      max-width:1120px;
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (max-width: 720px) {

    .gtAlI {
      padding:0 24px;
    }
    }

    .eCHUMi {
      color:inherit;
      display:block;
      font-size:inherit;
      max-width:680px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dvzzYc {
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ezgPch {
      color:inherit;
      filter:contrast(8);
      display:block;
      font-size:clamp(3rem, 10vw, 8rem);
      background:var(--color-paper);
      margin-top:0px;
      overflow-x:hidden;
      overflow-y:hidden;
      font-family:inherit;
      font-weight:500;
      line-height:0.95;
      margin-left:-8px;
      margin-right:0px;
      padding-left:8px;
      margin-bottom:0px;
      padding-right:8px;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .bFMhcT {
      top:-8px;
      left:var(--ink-fill-inset);
      right:var(--ink-fill-inset);
      bottom:-8px;
      filter:url(#ink-turbulence);
      display:flex;
      position:absolute;
      font-size:inherit;
      background:var(--color-ink);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:left 0.7s cubic-bezier(0.65, 0, 0.35, 1), right 0.7s cubic-bezier(0.65, 0, 0.35, 1);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
      justify-content:center;
    }

    .hYLMF {
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bwKLIg {
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      font-style:italic;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dTHHKK {
      color:inherit;
      filter:contrast(var(--cta-contrast));
      margin:0 -8px -8px -8px;
      display:block;
      padding:8px;
      font-size:18px;
      background:var(--color-paper);
      font-style:italic;
      transition:filter 200ms ease var(--cta-contrast-delay);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ezUGCS {
      gap:16px;
      color:var(--color-paper);
      display:flex;
      opacity:1;
      padding:28px 48px;
      font-size:16px;
      background:var(--color-ink);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    @media (max-width: 720px) {

    .ezUGCS {
      gap:4px;
      padding:24px;
      flex-direction:column;
    }
    }

    .eaaWoW {
      top:-16px;
      left:var(--ink-fill-inset, 50%);
      color:inherit;
      right:var(--ink-fill-inset, 50%);
      bottom:-16px;
      filter:url(#ink-turbulence);
      display:block;
      position:absolute;
      font-size:inherit;
      background:var(--color-ink);
      transition:left 0.7s cubic-bezier(0.65, 0, 0.35, 1), right 0.7s cubic-bezier(0.65, 0, 0.35, 1);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .dmBLRa {
      --ink-fill-inset:50%;
      color:inherit;
      cursor:var(--cursor-pointer, pointer);
      display:inline;
      position:relative;
      font-size:inherit;
      isolation:isolate;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dmBLRa:hover {
      --ink-fill-inset:-16px;
    }

    .dmBLRa:focus-visible {
      outline:1px solid var(--color-ink);
      outline-offset:3px;
      --ink-fill-inset:-16px;
    }

    .blRQCs {
      color:var(--color-ink);
      border:1px solid var(--color-ink);
      display:block;
      padding:12px 28px;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      isolation:isolate;
      background:var(--color-paper);
      font-family:inherit;
      font-weight:inherit;
      line-height:32px;
      white-space:nowrap;
      flex-direction:row;
    }

    .dEDsqC {
      color:inherit;
      display:block;
      position:relative;
      font-size:inherit;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .TeJGR {
      top:0px;
      left:var(--ink-fill-inset, 50%);
      color:var(--color-paper);
      right:var(--ink-fill-inset, 50%);
      bottom:0px;
      display:flex;
      overflow:hidden;
      position:absolute;
      font-size:inherit;
      transition:left 0.7s cubic-bezier(0.65, 0, 0.35, 1), right 0.7s cubic-bezier(0.65, 0, 0.35, 1);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      flex-direction:row;
      pointer-events:none;
      justify-content:center;
    }

    .fCyIuH {
      color:inherit;
      display:flex;
      row-gap:16px;
      flex-wrap:wrap;
      font-size:inherit;
      column-gap:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .poTTO {
      gap:16px;
      color:inherit;
      margin:32px 0 0;
      display:flex;
      padding:0px;
      flex-wrap:wrap;
      font-size:inherit;
      list-style:none;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .tODbq {
      color:inherit;
      margin:0 0 24px;
      display:block;
      opacity:1;
      font-size:15px;
      background:var(--color-paper);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.2em;
    }

    .qfAiy {
      gap:24px;
      color:inherit;
      margin:0px;
      display:grid;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      perspective:800px;
      flex-direction:row;
      grid-template-columns:repeat(2, 1fr);
    }

    @media (max-width: 900px) {

    .qfAiy {
      grid-template-columns:1fr;
    }
    }

    .cMgwhv {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ESFYL {
      --cta-contrast:1;
      --cta-contrast-delay:0ms;
      gap:10px;
      color:var(--color-ink);
      width:100%;
      cursor:var(--cursor-pointer);
      display:flex;
      padding:28px;
      z-index:1;
      position:relative;
      font-size:inherit;
      transform:translate(0, 0);
      background:var(--color-paper);
      box-sizing:border-box;
      transition:transform 250ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 250ms cubic-bezier(0.22, 1, 0.36, 1);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      text-decoration:none;
      transform-style:preserve-3d;
    }

    .ESFYL:focus-visible {
      outline:1px solid var(--color-ink);
      --border-dash:0.5 0;
      --cta-contrast:8;
      outline-offset:4px;
    }

    .ESFYL:hover {
      --border-dash:0.5 0;
      --cta-contrast:8;
    }

    .deoIHs {
      color:inherit;
      margin:0px;
      display:block;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.16em;
      text-transform:uppercase;
    }

    .dxHDXm {
      --ink-fill-inset:50%;
      color:var(--color-ink);
      width:130px;
      border:1px solid var(--color-ink);
      cursor:var(--cursor-pointer);
      height:34px;
      margin:0px;
      display:flex;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      isolation:isolate;
      background:var(--color-paper);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:color 0.5s ease 0.15s;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:18px;
      padding-top:4px;
      white-space:nowrap;
      flex-direction:row;
      letter-spacing:0.16em;
      padding-bottom:4px;
      text-transform:uppercase;
      justify-content:center;
    }

    .dxHDXm:focus-visible {
      outline:1px solid var(--color-ink);
      --ink-fg:var(--color-paper);
      outline-offset:3px;
    }

    .dxHDXm:hover {
      --ink-fill-inset:-16px;
    }

    .eppIqp {
      gap:48px;
      color:inherit;
      display:flex;
      opacity:0;
      padding:80px 0 120px;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      animation-name:animation-diMMIZ;
      flex-direction:column;
      animation-delay:3s;
      justify-content:center;
      border-top-color:var(--color-ink);
      border-top-style:solid;
      border-top-width:1px;
      animation-duration:2s;
      animation-direction:normal;
      animation-fill-mode:forwards;
      animation-play-state:running;
      grid-template-columns:220px 1fr;
      animation-iteration-count:1;
      animation-timing-function:ease;
    }

    @media (max-width: 720px) {

    .eppIqp {
      gap:20px;
      padding:56px 0 80px;
      grid-template-columns:1fr;
    }
    }

    @keyframes animation-diMMIZ {
        0% {
          opacity: 0;
        }

        100% {
          opacity: 1;
        }
    }

    .dNvrYZ {
      color:inherit;
      width:0px;
      height:0px;
      display:block;
      overflow:hidden;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .liVoz {
      clip:rect(0, 0, 0, 0);
      color:inherit;
      width:1px;
      border:0;
      height:1px;
      margin:-1px;
      display:inline;
      padding:0px;
      overflow:hidden;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:nowrap;
      flex-direction:row;
    }

    .feZuNR {
      color:inherit;
      margin:0px;
      display:block;
      font-size:28px;
      font-family:inherit;
      font-weight:500;
      line-height:1.2;
      flex-direction:row;
    }

    .cRbzHN {
      color:inherit;
      display:inline;
      opacity:0;
      font-size:inherit;
      transition:filter 5s cubic-bezier(0.42, 0, 1, 1) 2s;
      font-family:inherit;
      font-weight:inherit;
      will-change:filter, opacity;
      animation-name:animation-eAmWEH, animation-diMMIZ;
      flex-direction:row;
      animation-delay:calc(0.3s + var(--i) * 0.02s), calc(0.3s + var(--i) * 0.02s);
      animation-duration:1.6s, 1.6s;
      animation-direction:normal, normal;
      animation-fill-mode:none, forwards;
      animation-play-state:running, running;
      animation-iteration-count:1, 1;
      animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1), ease;
    }

    .cRbzHN:hover {
      filter:blur(10px);
      transition:filter 200ms ease;
    }


    @keyframes animation-eAmWEH {
        0% {
          filter: blur(0.14em);
        }

        100% {
          filter: blur(0);
        }
    }

    .ciwfZv {
      top:0px;
      left:0px;
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      overflow:visible;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .dCJKiR {
      top:24px;
      color:inherit;
      right:24px;
      display:block;
      z-index:10;
      position:fixed;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (max-width: 720px) {

    .dCJKiR {
      top:16px;
      right:16px;
    }
    }

    .dDpeBy {
      color:inherit;
      display:inline;
      opacity:0;
      font-size:inherit;
      font-style:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:pre;
      will-change:filter, opacity;
      flex-direction:row;
    }

    .dDpeBy.play {
      opacity:1;
      animation:cta-goo-in 1.6s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--i) * 0.03s) 1 both;
    }

    @keyframes cta-goo-in {
        0% {
          filter: blur(0.14em);
        }

        0% {
          opacity: 0;
        }

        100% {
          filter: blur(0);
        }

        100% {
          opacity: 1;
        }
    }

    .dElcTq {
      color:inherit;
      display:block;
      opacity:0;
      padding:80px 0;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      animation-name:animation-diMMIZ;
      flex-direction:row;
      animation-delay:2s;
      animation-duration:2s;
      animation-direction:normal;
      animation-fill-mode:forwards;
      animation-play-state:running;
      animation-iteration-count:1;
      animation-timing-function:ease;
    }

    @media (max-width: 720px) {

    .dElcTq {
      padding:56px 0;
    }
    }

    .bZwlXZ {
      color:inherit;
      stroke:var(--color-ink);
      display:block;
      font-size:inherit;
      transition:stroke-dasharray 0.6s ease;
      font-family:inherit;
      font-weight:inherit;
      stroke-width:1;
      flex-direction:row;
      stroke-dasharray:var(--border-dash, 0 0.5);
    }

    .dJWlVB {
      flex:1;
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .etnrqO {
      color:inherit;
      rotate:0deg;
      display:block;
      opacity:1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dLtHLI {
      top:0px;
      left:var(--ink-fill-inset, 50%);
      color:var(--color-paper);
      right:var(--ink-fill-inset, 50%);
      bottom:0px;
      height:100%;
      display:flex;
      position:absolute;
      font-size:inherit;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:left 0.7s cubic-bezier(0.65, 0, 0.35, 1), right 0.7s cubic-bezier(0.65, 0, 0.35, 1);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
      justify-content:center;
    }