.tl-key:where(.astro-orkqt3ex){--tl-key-line:color-mix(in srgb, var(--sl-color-accent) 30%, var(--sl-color-gray-5));border:1px solid var(--tl-key-line);background:var(--sl-color-black);box-shadow:0 1px 2px #0000000a, 0 22px 44px -28px color-mix(in srgb, var(--sl-color-accent) 55%, transparent);border-radius:1rem;margin-top:1rem}.tl-key-main:where(.astro-orkqt3ex){background:radial-gradient(60% 140% at 0% 0%, color-mix(in srgb, var(--sl-color-accent) 18%, transparent), transparent 70%), radial-gradient(45% 120% at 100% 100%, #f54d2512, transparent 70%), var(--tl-bg-soft);border-radius:1rem 1rem 0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 1.25rem;padding:1.25rem 1.5rem;display:grid;position:relative;overflow:hidden}.tl-key-main:where(.astro-orkqt3ex):before{content:"";background-image:radial-gradient(circle, color-mix(in srgb, var(--sl-color-gray-3) 40%, transparent) 1px, transparent 1.5px);pointer-events:none;background-size:14px 14px;position:absolute;inset:0;mask-image:linear-gradient(270deg,#000,#0000 50%)}.tl-key-tile:where(.astro-orkqt3ex),.tl-key-text:where(.astro-orkqt3ex),.tl-key-cta:where(.astro-orkqt3ex){position:relative}.tl-key-tile:where(.astro-orkqt3ex){border:1px solid var(--tl-key-line);background:var(--sl-color-black);width:3rem;height:3rem;color:var(--sl-color-accent);box-shadow:0 1px 2px #0000000f, 0 8px 18px -10px color-mix(in srgb, var(--sl-color-accent) 50%, transparent);border-radius:.875rem;place-items:center;display:grid}.tl-key-tile:where(.astro-orkqt3ex) svg:where(.astro-orkqt3ex){fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.625rem;height:1.625rem}.tl-key-text:where(.astro-orkqt3ex){flex-direction:column;gap:.4rem;min-width:0;display:flex}.tl-key-title:where(.astro-orkqt3ex){letter-spacing:-.01em;color:var(--sl-color-white);margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.tl-key-path:where(.astro-orkqt3ex){font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);flex-wrap:wrap;align-items:center;gap:.25rem .375rem;margin:0;padding:0;list-style:none;display:flex}.tl-key-path:where(.astro-orkqt3ex) li:where(.astro-orkqt3ex){align-items:center;gap:.375rem;display:inline-flex}.tl-key-path:where(.astro-orkqt3ex) li:where(.astro-orkqt3ex)+li:where(.astro-orkqt3ex):before{content:"›";color:var(--sl-color-gray-4)}.tl-key-path:where(.astro-orkqt3ex) strong:where(.astro-orkqt3ex){color:var(--sl-color-white);font-weight:600}.tl-key-sample:where(.astro-orkqt3ex){font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:.125rem 0 0;display:flex}.tl-key-sample:where(.astro-orkqt3ex)>code:where(.astro-orkqt3ex){border:1px solid var(--tl-key-line);background:var(--sl-color-black);letter-spacing:.04em;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;position:relative;overflow:hidden}.tl-key-sample:where(.astro-orkqt3ex) .pre:where(.astro-orkqt3ex){color:var(--sl-color-text-accent);font-weight:600}.tl-key-sample:where(.astro-orkqt3ex) .dots:where(.astro-orkqt3ex){color:var(--sl-color-gray-3)}.tl-key-sample:where(.astro-orkqt3ex)>code:where(.astro-orkqt3ex):after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--sl-color-accent) 22%, transparent) 50%, transparent 70%);animation:3.2s ease-in-out infinite tl-key-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes tl-key-shine{0%,35%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.tl-key-sample:where(.astro-orkqt3ex)>code:where(.astro-orkqt3ex):after{animation:none;display:none}}.tl-key-sample:where(.astro-orkqt3ex) span:where(.astro-orkqt3ex) code:where(.astro-orkqt3ex){font-size:.95em}.tl-key-cta:where(.astro-orkqt3ex){background:var(--sl-color-accent);color:var(--sl-color-black);font-size:var(--sl-text-sm);white-space:nowrap;box-shadow:0 6px 16px -8px color-mix(in srgb, var(--sl-color-accent) 80%, transparent);border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.tl-key-cta:where(.astro-orkqt3ex):hover{color:var(--sl-color-black);box-shadow:0 10px 20px -8px color-mix(in srgb, var(--sl-color-accent) 85%, transparent);transform:translateY(-1px)}.tl-key-cta:where(.astro-orkqt3ex) svg:where(.astro-orkqt3ex){fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:.9rem;height:.9rem}.tl-key-warn:where(.astro-orkqt3ex){border-top:1px solid var(--tl-key-line);background:var(--tl-warn-soft);font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);border-radius:0 0 1rem 1rem;align-items:center;gap:.5rem;margin:0;padding:.625rem 1.5rem;display:flex}.tl-key-warn:where(.astro-orkqt3ex) svg:where(.astro-orkqt3ex){fill:none;width:1rem;height:1rem;stroke:var(--tl-warn);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}@media (width<=40rem){.tl-key-main:where(.astro-orkqt3ex){grid-template-columns:auto minmax(0,1fr);padding:1rem}.tl-key-cta:where(.astro-orkqt3ex){grid-column:1/-1;justify-content:center}.tl-key-tile:where(.astro-orkqt3ex){align-self:start;width:2.5rem;height:2.5rem}.tl-key-warn:where(.astro-orkqt3ex){align-items:flex-start;padding-inline:1rem}}