.gloss{--paint:#39FF14;--edge:#128a00;--ink:#14181B;--hi:rgba(255,255,255,0.85);--label-shadow:0 1px 0 rgba(255,255,255,0.42);--drop:5px;--dx:0px;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:2.5px solid var(--edge);border-radius:9999px;color:var(--ink);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--paint),#fff 9%),var(--paint) 40%,color-mix(in srgb,var(--paint),#000 14%));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 14px rgba(255,255,255,.14),inset 0 -8px 15px -7px rgba(0,0,0,.26),inset -1px -1px 0 rgba(255,255,255,.19),0 calc(var(--drop) + var(--dx)) 0 var(--edge),0 calc(var(--drop) + var(--dx) + 2px) 3px -1px rgba(0,0,0,.1),0 calc(var(--drop) + var(--dx) + 1px) 0 0 rgba(25,28,33,.02);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.gloss--rounded{border-radius:16px}.gloss:after{inset:0;border-radius:inherit;background:radial-gradient(150% 62% at 28% -20%,rgba(255,255,255,.29),rgba(255,255,255,0) 58%),radial-gradient(55% 40% at 102% 108%,rgba(255,255,255,.14),rgba(255,255,255,0) 70%)}.gloss:after,.gloss:before{content:"";position:absolute;z-index:-1;pointer-events:none}.gloss:before{top:5px;left:20px;width:20px;height:4px;border-radius:4px;background:var(--hi)}.gloss__dots{position:absolute;z-index:-1;top:4px;left:44px;width:12px;height:6px;pointer-events:none;background:radial-gradient(circle at 2px 3px,var(--hi) 2.25px,transparent 2.75px),radial-gradient(circle at 9px 3px,var(--hi) 1.5px,transparent 2px)}.gloss--rounded:before{left:14px}.gloss--rounded .gloss__dots{left:38px}.gloss__softbox{top:14%;left:max(46%,62px);right:12%;height:3px;border-radius:9999px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5) 18% 82%,rgba(255,255,255,0));filter:blur(.6px)}.gloss__softbox,.gloss__sweep{position:absolute;z-index:-1;pointer-events:none}.gloss__sweep{inset:0;transform:translateX(-110%);background:linear-gradient(115deg,transparent 0 34%,rgba(255,255,255,.28) 34% 48%,transparent 48% 54%,rgba(255,255,255,.18) 54% 58%,transparent 58%)}.gloss__spark{position:absolute;z-index:1;top:6px;right:10px;width:14px;height:14px;color:#fff;pointer-events:none;opacity:0;transform:scale(.5)}.gloss__label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.5rem;text-shadow:var(--label-shadow)}.gloss--cyan{--paint:#00D4FF;--edge:#006b85}.gloss--teal{--paint:#00738A;--edge:color-mix(in srgb,#00738A,#000 38%);--ink:#fff;--label-shadow:0 1px 1px rgba(0,0,0,0.17)}.gloss--black{--paint:#15191c;--edge:#000;--ink:#fff;--hi:rgba(255,255,255,0.7);--label-shadow:0 1px 1px rgba(0,0,0,0.17)}.gloss--pearl{--paint:#f6f7f5;--edge:#9aa1a6;--hi:rgba(20,24,27,0.14);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(20,24,27,.11),inset 0 0 12px rgba(255,255,255,.77),inset 0 -7px 14px -8px rgba(20,24,27,.12),0 calc(var(--drop) + var(--dx)) 0 var(--edge),0 calc(var(--drop) + var(--dx) + 2px) 3px -1px rgba(0,0,0,.1),0 calc(var(--drop) + var(--dx) + 1px) 0 0 rgba(25,28,33,.02)}.gloss--pearl .gloss__softbox{background:linear-gradient(90deg,rgba(20,24,27,0),rgba(20,24,27,.06) 18% 82%,rgba(20,24,27,0))}.gloss--pearl .gloss__sweep{background:linear-gradient(115deg,transparent 0 34%,rgba(20,24,27,.05) 34% 48%,transparent 48% 54%,rgba(20,24,27,.04) 54% 58%,transparent 58%)}.gloss--pearl .gloss__spark{color:#00b8e0}.gloss--shimmer .gloss__sweep{animation:gloss-sweep 7s var(--ease-in-out) infinite;animation-delay:var(--gloss-delay,0s)}.gloss--shimmer .gloss__spark{animation:gloss-twinkle 7s var(--ease-out) infinite;animation-delay:var(--gloss-delay,0s)}@keyframes gloss-sweep{0%,80%{transform:translateX(-110%)}95%,to{transform:translateX(110%)}}@keyframes gloss-twinkle{0%,93%{opacity:0;transform:scale(.5) rotate(0deg)}97%{opacity:1;transform:scale(1) rotate(45deg)}to{opacity:0;transform:scale(.7) rotate(90deg)}}@media (hover:hover) and (pointer:fine){.gloss:hover{transform:translateY(-2px);--dx:2px}.gloss:not(.gloss--shimmer):hover .gloss__sweep{transform:translateX(110%);transition:transform .7s var(--ease-in-out)}.gloss:not(.gloss--shimmer):hover .gloss__spark{opacity:1;transform:scale(1) rotate(45deg);transition:opacity .2s var(--ease-out) .45s,transform .2s var(--ease-out) .45s}}.gloss:active{transform:translateY(calc(var(--drop) - 1px)) scale(.98);--dx:calc(1px - var(--drop));transition-duration:.1s}.gloss:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.5);transform:none;--dx:0px}.gloss:disabled .gloss__sweep{transform:translateX(-110%)!important;transition:none!important}.gloss:disabled .gloss__spark{opacity:0!important;transition:none!important}.gloss:focus-visible{outline:3px solid var(--focus-ring,#00738A);outline-offset:3px}@media (prefers-reduced-motion:reduce){.gloss{transition:box-shadow .16s var(--ease-out),filter .12s ease}
  /* !important: must beat the higher-specificity hover rules above */.gloss .gloss__spark,.gloss .gloss__sweep{animation:none!important;transition:none!important}.gloss .gloss__sweep{transform:translateX(-110%)!important}.gloss .gloss__spark{opacity:0!important}.gloss:active,.gloss:hover{transform:none}.gloss:active{filter:brightness(.93)}}