.yo3ei2w{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:48em){.yo3ei2w{grid-template-columns:1fr 1fr;gap:3.75rem}}.yo3ei2w>a>*{transition:opacity .2s ease-out}.yo3ei2w:has(>a:hover)>a:not(:hover)>*{opacity:.5}.yo3ei2w1{background:var(--color-bg-lighter);border:1px solid var(--color-fg);max-width:21.25rem;color:inherit;flex-direction:column;padding:1.375rem 1.375rem 0;text-decoration:none;transition:box-shadow .25s ease-out;display:flex;position:relative}.yo3ei2w1:hover{box-shadow:0 0 0 2px var(--color-fg-80);background:var(--color-bg-lightest);text-decoration:none}.yo3ei2w1:hover:before,.yo3ei2w1:hover:after{top:0;left:0}.yo3ei2w1:before{--color-stripes:var(--color-fg-80);content:"";background:var(--color-stripes);-webkit-mask:url(/img/stripes-mask.svg) 0 0 / var(--stripes-size,8px) var(--stripes-size,8px) repeat;mask:url(/img/stripes-mask.svg) 0 0 / var(--stripes-size,8px) var(--stripes-size,8px) repeat;pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:.4375rem 0 0 .4375rem}.yo3ei2w1:after{border:1px solid var(--color-fg-80)}.yo3ei2w1:before,.yo3ei2w1:after{content:"";z-index:-1;width:100%;height:100%;transition:top .25s ease-out,left .25s ease-out;position:absolute;top:.4375rem;left:.4375rem}@media (min-width:48em){.yo3ei2w1{padding:1.5rem 1.5rem 0}}.yo3ei2w2{align-items:center;gap:.625rem;margin-bottom:.75rem;margin-left:-1.5rem;display:flex}.yo3ei2w3{width:.625rem;height:1.25rem;display:inline-block}.yo3ei2w3[data-color=red]{background:var(--color-hero-red)}.yo3ei2w3[data-color=blue]{background:var(--color-hero-blue)}.yo3ei2w4{font-family:var(--font-mono);color:var(--color-fg-60);text-transform:uppercase;font-size:.75rem;font-weight:700}.yo3ei2w4>span{color:var(--color-fg-70)}.yo3ei2w5{--font-size:26;--letter-spacing:-.25;font-size:calc(var(--font-size) * 1px);letter-spacing:calc(var(--letter-spacing) * 1em / var(--font-size));margin:0 0 .75rem;font-weight:800;line-height:1}.yo3ei2w6{color:var(--color-fg);margin-bottom:1.375rem;font-size:1rem;font-weight:500}.yo3ei2w7{border-top:1px solid var(--color-fg-80)}.yo3ei2w8{font-family:var(--font-mono);color:var(--color-fg-80);text-transform:uppercase;justify-content:space-between;align-items:center;padding:1.125rem 0;font-size:.75rem;font-weight:700;display:flex}.yo3ei2w9{transition:transform .2s}.yo3ei2w1:hover .yo3ei2w9{transform:translate(3px)}