@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;
    }
  }
}


    .dpDMPU {
      gap:12px;
      top:26px;
      left:16px;
      color:inherit;
      right:16px;
      display:flex;
      position:absolute;
      font-size:inherit;
      align-items:flex-start;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
      justify-content:space-between;
    }

    @media (max-width: 480px) {

    .dpDMPU {
      gap:8px;
      top:22px;
      left:10px;
      right:10px;
    }
    }

    .dtzVEG {
      --rim:253, 186, 116;
      --glow:249, 115, 22;
      --tint:126, 34, 206;
      --focus:#fdba74;
      --label:#fdba74;
      --shade:20, 4, 30;
      --text-soft:#fff7ed;
      --tint-light:254, 215, 170;
      color:#fff7ed;
      width:100vw;
      height:100dvh;
      display:block;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      font-family:Inter, sans-serif;
      font-weight:inherit;
      flex-direction:row;
      background-color:rgb(var(--shade));
    }

    .bORpwZ {
      color:inherit;
      inset:0;
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      background-color:rgb(var(--shade));
    }

    .dzgoSG {
      color:#ffffff;
      margin:0px;
      display:block;
      font-size:36px;
      font-family:inherit;
      font-weight:800;
      text-shadow:0 2px 4px rgba(15, 23, 42, 0.6), 0 0 18px rgba(var(--glow), 0.6);
      flex-direction:row;
    }

    @media (max-width: 480px) {

    .dzgoSG {
      font-size:28px;
    }
    }

    .cIAsus {
      color:inherit;
      inset:0;
      width:100%;
      height:100%;
      display:inline;
      position:absolute;
      font-size:inherit;
      transform:scaleX(-1);
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cZKJJH {
      color:inherit;
      inset:0;
      width:100%;
      height:100%;
      display:inline-block;
      position:absolute;
      font-size:inherit;
      transform:scaleX(-1);
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .drtIjw {
      color:inherit;
      inset:0;
      display:flex;
      padding:24px;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
      background-color:rgba(var(--shade), 0.3);
    }

    @media (max-width: 480px) {

    .drtIjw {
      padding:12px;
    }
    }

    .fbqnll {
      color:#ffffff;
      border:2px solid rgba(var(--rim), 0.7);
      margin:0px;
      display:block;
      padding:14px 24px;
      font-size:18px;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.3) 0%, rgba(var(--tint), 0.15) 100%);
      box-shadow:0 6px 18px rgba(var(--shade), 0.35), inset 0 1px 0 rgba(var(--rim), 0.85);
      text-align:center;
      font-family:inherit;
      font-weight:700;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      border-radius:999px;
      flex-direction:row;
      backdrop-filter:blur(10px);
    }

    @media (max-width: 480px) {

    .fbqnll {
      padding:12px 18px;
      font-size:15px;
      border-radius:20px;
    }
    }

    .eNjZYk {
      gap:10px;
      color:var(--text-soft);
      border:2px solid rgba(var(--rim), 0.7);
      display:flex;
      padding:8px 20px 8px 12px;
      font-size:inherit;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.3) 0%, rgba(var(--tint), 0.15) 100%);
      box-shadow:0 6px 18px rgba(var(--shade), 0.35), inset 0 1px 0 rgba(var(--rim), 0.85);
      transition:border-color 0.25s ease, box-shadow 0.25s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      border-radius:999px;
      flex-direction:row;
      backdrop-filter:blur(10px);
    }

    @media (max-width: 480px) {

    .eNjZYk {
      gap:6px;
      padding:6px 14px 6px 8px;
    }
    }

    .eNjZYk.hot {
      box-shadow:0 0 22px rgba(253, 224, 71, 0.55), 0 6px 18px rgba(var(--shade), 0.35), inset 0 1px 0 rgba(var(--rim), 0.85);
      border-color:#fde68a;
    }

    .cShwlH {
      gap:10px;
      color:var(--text-soft);
      border:2px solid rgba(var(--rim), 0.7);
      display:flex;
      padding:8px 20px 8px 12px;
      font-size:inherit;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.3) 0%, rgba(var(--tint), 0.15) 100%);
      box-shadow:0 6px 18px rgba(var(--shade), 0.35), inset 0 1px 0 rgba(var(--rim), 0.85);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      border-radius:999px;
      flex-direction:row;
      backdrop-filter:blur(10px);
    }

    @media (max-width: 480px) {

    .cShwlH {
      gap:6px;
      padding:6px 14px 6px 8px;
    }
    }

    .cNZobk {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (max-width: 480px) {

    .cNZobk {
      gap:8px;
    }
    }

    .cxHuLS {
      color:inherit;
      border:2px solid rgba(var(--rim), 0.6);
      display:flex;
      padding:12px 18px;
      font-size:inherit;
      min-width:104px;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.24) 0%, rgba(var(--tint), 0.12) 100%);
      box-shadow:0 4px 12px rgba(var(--shade), 0.25), inset 0 1px 0 rgba(var(--rim), 0.8);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:22px;
      flex-direction:column;
    }

    .cxWkks {
      color:inherit;
      border:2px solid rgba(var(--rim), 0.7);
      display:block;
      overflow:hidden;
      animation:photoPop 0.4s ease-out both;
      font-size:inherit;
      box-shadow:0 6px 18px rgba(var(--shade), 0.35), inset 0 1px 0 rgba(var(--rim), 0.85);
      font-family:inherit;
      font-weight:inherit;
      aspect-ratio:4 / 3;
      border-radius:18px;
      flex-direction:row;
      animation-delay:var(--photoDelay);
      background-color:rgba(var(--shade), 0.4);
    }

    @keyframes photoPop {
        0% {
          opacity: 0;
        }

        0% {
          transform: scale(0.9);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: scale(1);
        }
    }

    .bPSdqs {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      font-size:inherit;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cuBhjk {
      gap:8px;
      color:inherit;
      width:100%;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .dcRWIk {
      color:var(--text-soft);
      border:2px solid rgba(var(--rim), 0.5);
      margin:0px;
      display:block;
      padding:8px 18px;
      font-size:14px;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.2) 0%, rgba(var(--tint), 0.1) 100%);
      box-shadow:inset 0 1px 0 rgba(var(--rim), 0.6);
      font-family:inherit;
      font-weight:600;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      border-radius:999px;
      flex-direction:row;
      backdrop-filter:blur(10px);
    }

    .suxXL {
      left:16px;
      color:var(--text-soft);
      border:2px solid rgba(var(--rim), 0.55);
      bottom:16px;
      cursor:pointer;
      display:inline-block;
      padding:6px 14px;
      position:absolute;
      font-size:12px;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.22) 0%, rgba(var(--tint), 0.1) 100%);
      box-shadow:0 4px 12px rgba(var(--shade), 0.3), inset 0 1px 0 rgba(var(--rim), 0.7);
      transition:background 0.2s ease;
      font-family:inherit;
      font-weight:700;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      border-radius:999px;
      flex-direction:row;
      backdrop-filter:blur(10px);
    }

    .suxXL:hover {
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.4) 0%, rgba(var(--tint), 0.25) 100%);
    }

    .suxXL:focus-visible {
      outline:3px solid var(--focus);
      outline-offset:3px;
    }

    .dpgGSO {
      gap:10px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .dMfwnl {
      gap:20px;
      color:var(--text-soft);
      width:100%;
      border:2px solid rgba(var(--rim), 0.7);
      display:flex;
      padding:32px;
      font-size:inherit;
      max-width:600px;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.24) 0%, rgba(var(--tint), 0.12) 100%);
      box-shadow:0 12px 40px rgba(var(--shade), 0.45), inset 0 1px 0 rgba(var(--rim), 0.85);
      max-height:100%;
      overflow-y:auto;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      border-radius:32px;
      flex-direction:column;
      backdrop-filter:blur(14px);
    }

    @media (max-width: 480px) {

    .dMfwnl {
      gap:16px;
      padding:24px 16px;
      border-radius:24px;
    }
    }

    .dLTgRi {
      gap:2px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:1;
      flex-direction:column;
    }

    .fiLvjk {
      color:inherit;
      width:28px;
      filter:drop-shadow(0 0 6px rgba(192, 132, 252, 0.9));
      height:28px;
      display:block;
      animation:hudFloat 1.8s ease-in-out infinite;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (max-width: 480px) {

    .fiLvjk {
      width:20px;
      height:20px;
    }
    }

    @keyframes hudFloat {
        0% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-3px);
        }

        100% {
          transform: translateY(0);
        }
    }

    .fdzzwh {
      color:inherit;
      width:28px;
      filter:drop-shadow(0 0 6px rgba(var(--glow), 0.9));
      height:28px;
      display:block;
      animation:hudWobble 1.2s ease-in-out infinite;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (max-width: 480px) {

    .fdzzwh {
      width:20px;
      height:20px;
    }
    }

    @keyframes hudWobble {
        0% {
          transform: rotate(-8deg);
        }

        50% {
          transform: rotate(8deg);
        }

        100% {
          transform: rotate(-8deg);
        }
    }

    .dbgZCd {
      color:inherit;
      width:33px;
      filter:none;
      height:24px;
      display:block;
      animation:switchIconPop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
      font-size:inherit;
      box-shadow:0 0 0 1.5px rgba(255, 255, 255, 0.85), 0 2px 6px rgba(2, 6, 23, 0.4);
      object-fit:cover;
      transition:opacity 0.25s ease, filter 0.25s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:5px;
      flex-direction:row;
      pointer-events:none;
    }

    .dbgZCd.dim {
      filter:grayscale(0.7);
      opacity:0.5;
      animation:none;
    }

    @keyframes switchIconPop {
        0% {
          transform: scale(0.8) rotate(-12deg);
        }

        60% {
          transform: scale(1.18) rotate(6deg);
        }

        100% {
          transform: scale(1) rotate(0deg);
        }
    }

    .eXlvtP {
      gap:12px;
      color:inherit;
      width:100%;
      margin:0px;
      display:grid;
      padding:0px;
      font-size:inherit;
      list-style:none;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    @media (max-width: 480px) {

    .eXlvtP {
      gap:8px;
    }
    }

    .fiTECK {
      color:var(--label);
      display:block;
      font-size:11px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:0.14em;
      text-transform:uppercase;
    }

    .eWKdbF {
      color:#fde68a;
      display:block;
      font-size:24px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    @media (max-width: 480px) {

    .eWKdbF {
      font-size:18px;
    }
    }

    .ddXZst {
      color:#ffffff;
      display:block;
      font-size:24px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
      font-variant-numeric:tabular-nums;
    }

    @media (max-width: 480px) {

    .ddXZst {
      font-size:18px;
    }
    }

    .bvTaIn {
      top:4px;
      left:4px;
      color:inherit;
      width:57px;
      bottom:4px;
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translateX(var(--thumbX));
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.55) 0%, rgba(var(--tint), 0.45) 100%);
      box-shadow:0 0 14px rgba(var(--glow), 0.45), inset 0 1px 0 rgba(var(--rim), 0.9);
      transition:transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s ease, box-shadow 0.3s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      pointer-events:none;
    }

    .bmnWTe {
      color:#ffffff;
      border:2px solid rgba(var(--rim), 0.85);
      cursor:pointer;
      display:inline-block;
      padding:14px 32px;
      font-size:18px;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.45) 0%, rgba(var(--tint), 0.35) 100%);
      box-shadow:0 6px 18px rgba(var(--shade), 0.35), 0 0 20px rgba(var(--glow), 0.35), inset 0 1px 0 rgba(var(--rim), 0.9);
      transition:background 0.2s ease, transform 0.15s ease;
      font-family:inherit;
      font-weight:800;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.02em;
      backdrop-filter:blur(10px);
    }

    @media (max-width: 480px) {

    .bmnWTe {
      padding:12px 24px;
      font-size:16px;
    }
    }

    .bmnWTe:hover {
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.6) 0%, rgba(var(--tint), 0.5) 100%);
    }

    .bmnWTe:focus-visible {
      outline:3px solid var(--focus);
      outline-offset:3px;
    }

    .bmnWTe:active {
      transform:scale(0.96);
    }

    .bmnWTe:disabled {
      cursor:progress;
      opacity:0.6;
      transform:none;
    }

    .dBVpqG {
      color:var(--label);
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      letter-spacing:0.08em;
      text-transform:uppercase;
    }

    .eLesDC {
      color:#67e8f9;
      display:inline;
      font-size:28px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
    }

    .dBErxh {
      color:#f87171;
      display:inline;
      font-size:28px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
    }

    .eeHkBV {
      color:inherit;
      width:42px;
      filter:drop-shadow(0 0 4px rgba(251, 146, 60, 0.7));
      height:28px;
      display:block;
      animation:switchIconPop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
      font-size:inherit;
      transition:opacity 0.25s ease, filter 0.25s ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .eeHkBV.dim {
      filter:grayscale(0.7);
      opacity:0.5;
      animation:none;
    }

    .iaeGP {
      color:var(--text-soft);
      width:57px;
      border:none;
      cursor:pointer;
      display:inline-flex;
      padding:8px 0;
      z-index:1;
      position:relative;
      font-size:inherit;
      background:transparent;
      transition:background 0.2s ease, transform 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      justify-content:center;
    }

    .iaeGP.active {
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.55) 0%, rgba(var(--tint), 0.45) 100%);
      box-shadow:0 0 14px rgba(var(--glow), 0.45), inset 0 1px 0 rgba(var(--rim), 0.9);
    }

    .iaeGP:hover {
      background-color:rgba(var(--tint-light), 0.12);
    }

    .iaeGP:active {
      transform:scale(0.94);
    }

    .iaeGP:focus-visible {
      outline:3px solid var(--focus);
      outline-offset:2px;
    }

    .eXKiOn {
      gap:4px;
      color:inherit;
      border:2px solid rgba(var(--rim), 0.55);
      display:flex;
      padding:4px;
      position:relative;
      font-size:inherit;
      background:rgba(var(--shade), 0.35);
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
    }

    .bVxjvc {
      gap:12px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .eitFHf {
      color:#fde047;
      display:inline;
      font-size:28px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
    }

    .ckKcEh {
      color:#fdba74;
      display:inline;
      font-size:28px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
    }

    .dOyqqJ {
      color:#ffffff;
      display:inline;
      font-size:28px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
    }

    .byGlIX {
      color:var(--text-soft);
      border:2px solid rgba(var(--rim), 0.7);
      cursor:pointer;
      display:inline-block;
      padding:10px 18px;
      position:relative;
      font-size:14px;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.3) 0%, rgba(var(--tint), 0.15) 100%);
      box-shadow:0 6px 18px rgba(var(--shade), 0.35), inset 0 1px 0 rgba(var(--rim), 0.85);
      transition:background 0.2s ease, transform 0.15s ease;
      font-family:inherit;
      font-weight:700;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.02em;
      pointer-events:auto;
      backdrop-filter:blur(10px);
    }

    @media (max-width: 480px) {

    .byGlIX {
      padding:8px 12px;
      font-size:12px;
    }
    }

    .byGlIX:hover {
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.45) 0%, rgba(var(--tint), 0.3) 100%);
    }

    .byGlIX:focus-visible {
      outline:3px solid var(--focus);
      outline-offset:3px;
    }

    .byGlIX:active {
      transform:scale(0.96);
    }

    .byfkoX {
      top:4px;
      left:4px;
      color:inherit;
      width:66px;
      bottom:4px;
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translateX(var(--thumbX));
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.55) 0%, rgba(var(--tint), 0.45) 100%);
      box-shadow:0 0 14px rgba(var(--glow), 0.45), inset 0 1px 0 rgba(var(--rim), 0.9);
      transition:transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.3s ease, box-shadow 0.3s ease;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      pointer-events:none;
    }

    .eSlAMT {
      color:var(--text-soft);
      width:66px;
      border:none;
      cursor:pointer;
      display:inline-flex;
      padding:6px 0;
      z-index:1;
      position:relative;
      font-size:inherit;
      background:transparent;
      transition:background 0.2s ease, transform 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
      justify-content:center;
    }

    .eSlAMT.active {
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.55) 0%, rgba(var(--tint), 0.45) 100%);
      box-shadow:0 0 14px rgba(var(--glow), 0.45), inset 0 1px 0 rgba(var(--rim), 0.9);
    }

    .eSlAMT:hover {
      background-color:rgba(var(--tint-light), 0.12);
    }

    .eSlAMT:active {
      transform:scale(0.94);
    }

    .eSlAMT:focus-visible {
      outline:3px solid var(--focus);
      outline-offset:2px;
    }

    .eDeBux {
      color:#fff1f2;
      border:2px solid rgba(254, 202, 202, 0.85);
      margin:0px;
      display:block;
      padding:12px 20px;
      font-size:14px;
      background:linear-gradient(180deg, rgba(254, 202, 202, 0.35) 0%, rgba(239, 68, 68, 0.3) 100%);
      box-shadow:0 6px 18px rgba(2, 6, 23, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.7);
      font-family:inherit;
      font-weight:600;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      border-radius:999px;
      flex-direction:row;
      backdrop-filter:blur(10px);
    }

    .dgzuXn {
      color:#4ade80;
      display:inline;
      font-size:28px;
      font-family:inherit;
      font-weight:800;
      flex-direction:row;
    }

    .dJRMdi {
      color:var(--text-soft);
      border:2px solid rgba(var(--rim), 0.7);
      cursor:pointer;
      display:inline-block;
      padding:14px 24px;
      font-size:16px;
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.3) 0%, rgba(var(--tint), 0.15) 100%);
      box-shadow:0 6px 18px rgba(var(--shade), 0.35), inset 0 1px 0 rgba(var(--rim), 0.85);
      transition:background 0.2s ease, transform 0.15s ease;
      font-family:inherit;
      font-weight:700;
      text-shadow:0 1px 2px rgba(15, 23, 42, 0.65);
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      letter-spacing:0.02em;
      backdrop-filter:blur(10px);
    }

    @media (max-width: 480px) {

    .dJRMdi {
      padding:12px 18px;
      font-size:14px;
    }
    }

    .dJRMdi:hover {
      background:linear-gradient(180deg, rgba(var(--tint-light), 0.45) 0%, rgba(var(--tint), 0.3) 100%);
    }

    .dJRMdi:focus-visible {
      outline:3px solid var(--focus);
      outline-offset:3px;
    }

    .dJRMdi:active {
      transform:scale(0.96);
    }