@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* 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;
    }
  }
}


    .efqarG {
      flex:1 1 auto;
      color:inherit;
      border:2px solid var(--card-honey);
      contain:paint;
      display:block;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      isolation:isolate;
      background:#0d0a0c;
      box-shadow:0 0 0 1px rgba(0, 0, 0, 0.8), 0 6px 18px rgba(0, 0, 0, 0.5);
      min-height:180px;
      font-family:inherit;
      font-weight:inherit;
      place-items:center;
      border-radius:6px;
      flex-direction:row;
      pointer-events:none;
    }

    .fCQOoo {
      color:inherit;
      inset:0;
      display:inline;
      opacity:0;
      position:absolute;
      font-size:inherit;
      background:repeating-linear-gradient(115deg, rgba(255, 60, 120, 0) 0%, rgba(255, 70, 130, 0.55) 6%, rgba(255, 205, 90, 0.55) 12%, rgba(110, 255, 170, 0.55) 18%, rgba(90, 170, 255, 0.55) 24%, rgba(205, 100, 255, 0.55) 30%, rgba(255, 60, 120, 0) 36%), repeating-linear-gradient(65deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 4px);
      transition:opacity 0.4s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:18px;
      flex-direction:row;
      mix-blend-mode:color-dodge;
      pointer-events:none;
      background-size:300% 300%, 100% 100%;
      background-position:var(--mx) var(--my), 0 0;
    }

    .fCQOoo.active {
      opacity:0.45;
    }

    .lWlBR {
      color:inherit;
      width:360px;
      display:flex;
      position:relative;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cxXlMm {
      gap:8px;
      flex:1 1 auto;
      color:var(--card-cream);
      border:1px solid rgba(0, 0, 0, 0.6);
      height:auto;
      display:flex;
      padding:10px;
      font-size:inherit;
      background:radial-gradient(circle at 15% 0%, rgba(245, 181, 61, 0.22) 0%, rgba(0, 0, 0, 0) 50%), radial-gradient(circle at 100% 100%, rgba(199, 116, 26, 0.18) 0%, rgba(0, 0, 0, 0) 45%), linear-gradient(170deg, #1d171b 0%, #0d0a0c 100%);
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:column;
    }

    .ckoCAp {
      color:inherit;
      inset:0;
      display:inline;
      opacity:0;
      z-index:10;
      position:absolute;
      font-size:inherit;
      transform:translateZ(2px);
      background:radial-gradient(circle at var(--mx) var(--my), rgba(255, 255, 255, 0.8) 0%, rgba(255, 235, 200, 0.3) 22%, rgba(0, 0, 0, 0.3) 75%);
      transition:opacity 0.4s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:18px;
      flex-direction:row;
      mix-blend-mode:overlay;
      pointer-events:none;
    }

    .ckoCAp.active {
      opacity:0.85;
    }

    .eRtnPh {
      color:inherit;
      inset:0;
      display:inline;
      opacity:0;
      position:absolute;
      font-size:inherit;
      background:linear-gradient(105deg, rgba(255, 255, 255, 0) 40%, rgba(255, 240, 210, 0.55) 50%, rgba(255, 255, 255, 0) 60%);
      transition:opacity 0.4s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:18px;
      flex-direction:row;
      mix-blend-mode:soft-light;
      pointer-events:none;
      background-size:250% 100%;
      background-position:150% 0;
    }

    .eRtnPh.active {
      opacity:1;
      animation:cardShimmer 2.2s ease-in-out infinite;
    }

    @keyframes cardShimmer {
        0% {
          background-position: 150% 0;
        }

        100% {
          background-position: -50% 0;
        }
    }

    .cTMrtn {
      color:var(--card-ink);
      border:1px solid rgba(0, 0, 0, 0.4);
      display:block;
      padding:4px 10px;
      font-size:13px;
      background:linear-gradient(135deg, #fbd877, var(--card-honey) 50%, var(--card-honey-deep));
      font-family:inherit;
      font-weight:900;
      white-space:nowrap;
      border-radius:6px;
      flex-direction:row;
    }

    .cYbzyo {
      color:inherit;
      inset:0;
      width:100%;
      filter:none;
      height:100%;
      display:inline;
      position:absolute;
      font-size:inherit;
      transform:scale(1.1) translate3d(var(--px), var(--py), 0);
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      will-change:transform;
      flex-direction:row;
      pointer-events:none;
      object-position:45% 60%;
      backface-visibility:hidden;
    }

    .dzHMEt {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .bODiRa {
      gap:8px;
      color:inherit;
      border:1px solid var(--card-line);
      display:flex;
      padding:6px 10px;
      font-size:inherit;
      background:var(--card-panel);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
      justify-content:space-between;
    }

    .CyPtT {
      gap:2px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dNKiWf {
      color:inherit;
      inset:0;
      display:block;
      z-index:20;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:18px;
      flex-direction:row;
      touch-action:none;
      user-select:none;
      -webkit-user-select:none;
      -webkit-touch-callout:none;
      -webkit-tap-highlight-color:transparent;
    }

    .dhrQsG {
      --card-ink:#120e10;
      --card-line:rgba(245, 181, 61, 0.45);
      --card-cream:#f6ecd9;
      --card-honey:#f5b53d;
      --card-panel:rgba(255, 255, 255, 0.05);
      --card-honey-deep:#c7741a;
      color:inherit;
      width:360px;
      display:flex;
      padding:12px;
      position:relative;
      font-size:inherit;
      transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));
      background:linear-gradient(145deg, #fbd877 0%, #e0901c 30%, #fff1b8 52%, #d27d14 75%, #8a4a08 100%);
      box-shadow:0 0 0 1px rgba(0, 0, 0, 0.7), 0 10px 20px rgba(0, 0, 0, 0.6), 0 40px 90px rgba(0, 0, 0, 0.85), 0 0 50px rgba(245, 181, 61, 0.55), 0 0 120px rgba(245, 181, 61, 0.35);
      box-sizing:border-box;
      min-height:503px;
      transition:transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
      font-family:"Helvetica Neue", Arial, sans-serif;
      font-weight:inherit;
      will-change:transform;
      border-radius:18px;
      flex-direction:row;
      pointer-events:none;
      transform-style:preserve-3d;
    }

    .dhrQsG.active {
      transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.03);
      transition:transform 0.12s ease-out;
    }

    .dJgBBd {
      color:var(--card-honey);
      display:inline;
      font-size:9px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:0.5px;
      text-transform:uppercase;
    }

    .fxVnPQ {
      color:var(--card-honey);
      border:1px solid var(--card-line);
      margin:0px;
      display:block;
      padding:4px 10px;
      font-size:10px;
      background:var(--card-panel);
      font-family:inherit;
      font-weight:700;
      border-radius:6px;
      flex-direction:row;
      letter-spacing:0.5px;
      text-transform:uppercase;
    }

    .deFdtU {
      color:inherit;
      display:flex;
      font-size:inherit;
      min-width:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dLcTUl {
      color:rgba(246, 236, 217, 0.65);
      margin:2px 0 0;
      display:block;
      font-size:10.5px;
      border-top:1px solid var(--card-line);
      font-style:italic;
      font-family:Georgia, "Times New Roman", serif;
      font-weight:inherit;
      line-height:1.35;
      padding-top:6px;
      flex-direction:row;
    }

    .bcslso {
      color:inherit;
      margin:0px;
      display:block;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.35;
      flex-direction:row;
    }

    .bxSlui {
      color:var(--card-ink);
      width:18px;
      height:18px;
      display:grid;
      font-size:10px;
      background:var(--card-honey);
      flex-shrink:0;
      font-family:inherit;
      font-weight:800;
      place-items:center;
      border-radius:999px;
      flex-direction:row;
    }

    .cvYuFq {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ekNBtu {
      color:var(--card-honey);
      display:inline;
      font-size:13px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
    }

    .dWmuPz {
      color:inherit;
      inset:0;
      display:inline;
      position:absolute;
      font-size:inherit;
      background:radial-gradient(ellipse at 50% 55%, rgba(0, 0, 0, 0) 45%, rgba(13, 10, 12, 0.7) 100%);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .eOuJbG {
      color:var(--card-honey);
      margin:0px;
      display:block;
      font-size:24px;
      font-family:Georgia, "Times New Roman", serif;
      font-weight:800;
      line-height:1.1;
      flex-direction:row;
      letter-spacing:0.5px;
    }

    .bAzzjo {
      gap:6px;
      color:var(--card-cream);
      border:1px solid var(--card-line);
      display:flex;
      padding:8px 10px;
      font-size:inherit;
      background:var(--card-panel);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:column;
    }

    .YRjYB {
      color:rgba(246, 236, 217, 0.7);
      display:inline;
      font-size:11px;
      font-style:italic;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cODJqx {
      gap:28px;
      color:#f6ecd9;
      display:flex;
      padding:48px 16px;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      isolation:isolate;
      background:#0b080a;
      box-sizing:border-box;
      min-height:100vh;
      align-items:center;
      font-family:"Courier New", Courier, monospace;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .csRTfn {
      color:inherit;
      inset:-24px;
      filter:blur(6px);
      display:block;
      z-index:-1;
      position:absolute;
      font-size:inherit;
      transform:translateZ(0);
      font-family:inherit;
      font-weight:inherit;
      will-change:transform;
      flex-direction:row;
      pointer-events:none;
      background-size:cover;
      background-image:radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.55) 100%), url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/2b7b0c81-397a-4740-3e4d-43d71a9e8600/public");
      background-repeat:no-repeat;
      background-position:center;
    }