.triode-pills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}@media screen and (min-width:750px){.triode-pills__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:990px){.triode-pills__grid{grid-template-columns:repeat(5,1fr)}}@property --triode-pill-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.triode-pill-card{--triode-pill-accent: var(--triode-cyan);--triode-pill-bg: #0d0d12;position:relative;padding:2rem 1.6rem;text-align:center;height:100%;background:var(--triode-pill-bg);border:1px solid rgba(255,255,255,.06);border-radius:1.2rem;overflow:hidden;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.triode-pill-card:nth-child(5n+1){--triode-pill-accent: #00e5ff}.triode-pill-card:nth-child(5n+2){--triode-pill-accent: #4ade80}.triode-pill-card:nth-child(5n+3){--triode-pill-accent: #e040fb}.triode-pill-card:nth-child(5n+4){--triode-pill-accent: #ffc857}.triode-pill-card:nth-child(5n+5){--triode-pill-accent: #ff6b3d}.triode-pill-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--triode-pill-accent) 16%,transparent) 0%,transparent 60%);opacity:.55;transition:opacity .35s ease}.triode-pill-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;padding:1px;background:conic-gradient(from var(--triode-pill-angle),transparent 0%,var(--triode-pill-accent) 12%,transparent 34%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease}.triode-pill-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--triode-pill-accent) 45%,transparent);box-shadow:0 12px 32px #00000073,0 0 24px color-mix(in srgb,var(--triode-pill-accent) 30%,transparent)}.triode-pill-card:hover:after{opacity:1}.triode-pill-card:hover:before{opacity:1;animation:triode-pill-trace 3.5s linear infinite}@keyframes triode-pill-trace{to{--triode-pill-angle: 360deg}}@media(prefers-reduced-motion:reduce){.triode-pill-card{transition:none}.triode-pill-card:hover{transform:none}.triode-pill-card:hover:before{animation:none}}.triode-pill-card__icon{width:6.4rem;height:6.4rem;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .35s ease,filter .35s ease}.triode-pill-card:hover .triode-pill-card__icon{transform:scale(1.06);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--triode-pill-accent) 55%,transparent))}.triode-pill-card__icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,0,0,.35))}.triode-pill-card__icon-dot{width:1.2rem;height:1.2rem;border-radius:50%;background:var(--triode-cyan);box-shadow:0 0 12px var(--triode-cyan)}.triode-pill-card__title{font-family:var(--font-heading-triode);font-size:1.5rem;font-weight:700;margin:0 0 .8rem;color:var(--triode-off-white)}.triode-pill-card__text{font-size:1.3rem;line-height:1.5;color:var(--triode-slate);margin:0}
/*# sourceMappingURL=/cdn/shop/t/10/assets/triode-feature-pills.css.map */