.hero-keyword-badge{font-size:var(--hero-keyword-font-size,1em);--hero-keyword-accent:var(--hero-keyword-ux);border:1px solid color-mix(in srgb,var(--hero-keyword-accent)78%,transparent);height:40px;color:inherit;vertical-align:baseline;white-space:nowrap;isolation:isolate;--hero-keyword-corner-color:color-mix(in srgb,var(--hero-keyword-accent)76%,transparent);border-radius:0;align-items:center;margin-inline:.08em;padding-block:0;padding-inline:.42em;line-height:1;display:inline-flex;position:relative}.hero-keyword-badge--ux{--hero-keyword-accent:var(--hero-keyword-ux)}.hero-keyword-badge--systems{--hero-keyword-accent:var(--hero-keyword-systems)}.hero-keyword-badge--ai{--hero-keyword-accent:var(--hero-keyword-ai)}.hero-keyword-badge--code{--hero-keyword-accent:var(--hero-keyword-code)}.hero-keyword-badge--yellow{--hero-keyword-accent:var(--semantic-accent-yellow)}.hero-keyword-badge--orange{--hero-keyword-accent:var(--semantic-accent-orange)}.hero-keyword-badge--red{--hero-keyword-accent:var(--semantic-accent-red)}.hero-keyword-badge:before{content:"";z-index:-2;background-image:repeating-linear-gradient(-55deg,color-mix(in srgb,var(--hero-keyword-accent)14%,transparent)0 2px,transparent 2px 6px);pointer-events:none;position:absolute;inset:0}.hero-keyword-badge:after{content:"";z-index:1;background:linear-gradient(var(--hero-keyword-corner-color)0 0)top left/4px 4px no-repeat,linear-gradient(var(--hero-keyword-corner-color)0 0)top right/4px 4px no-repeat,linear-gradient(var(--hero-keyword-corner-color)0 0)bottom left/4px 4px no-repeat,linear-gradient(var(--hero-keyword-corner-color)0 0)bottom right/4px 4px no-repeat;pointer-events:none;position:absolute;inset:-2px}@media (max-width:768px){.hero-keyword-badge{height:24px;padding-inline:.46em}.hero-keyword-badge:after{background:linear-gradient(var(--hero-keyword-corner-color)0 0)top left/3px 3px no-repeat,linear-gradient(var(--hero-keyword-corner-color)0 0)top right/3px 3px no-repeat,linear-gradient(var(--hero-keyword-corner-color)0 0)bottom left/3px 3px no-repeat,linear-gradient(var(--hero-keyword-corner-color)0 0)bottom right/3px 3px no-repeat}}