.feat-section{position:relative;--feat-collapsed-height: 2.6rem;--feat-expanded-height: 5.55rem;--feat-row-gap: .35rem;--feat-col-gap: .35rem;padding:1.2rem 1rem 1.85rem;margin-bottom:6rem;overflow:hidden;min-height:calc(1.2rem + var(--feat-expanded-height) + 1.85rem)}.feat-row{display:contents}.feat-pill{position:absolute;--feat-bg: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.02));--feat-bg-hover: linear-gradient(145deg, rgba(255,255,255,.07), rgba(185,106,255,.05));--feat-border: rgba(185, 106, 255, .12);--feat-border-hover: rgba(185, 106, 255, .45);--feat-base-basis: 5.8rem;--feat-expanded-basis: 8.35rem;min-width:0;display:grid;grid-template-rows:auto auto;align-items:center;justify-content:center;align-content:center;left:0;top:0;width:var(--feat-base-basis);height:var(--feat-collapsed-height);padding:.38rem .3rem;background:var(--feat-bg);border:1px solid var(--feat-border);border-radius:8px;font-size:.68rem;font-weight:500;color:#ffffff61;overflow:hidden;z-index:0;will-change:box-shadow,border-color,background,transform,width,height;transition:width .56s cubic-bezier(.22,1,.36,1),height .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1),border-color .24s ease,background .24s ease,color .24s ease,box-shadow .4s ease;cursor:default}.feat-pill--wide{--feat-base-basis: 6.9rem;--feat-expanded-basis: 9.65rem}.feat-pill--wider{--feat-base-basis: 7.9rem;--feat-expanded-basis: 11rem}.feat-pill:hover{height:var(--feat-expanded-height);border-color:var(--feat-border-hover);background:var(--feat-bg-hover);color:#fffc;box-shadow:0 8px 18px #0000003d;z-index:3}.feat-pill-top{display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;grid-row:1}.feat-pill-top span:not(.material-icons){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feat-pill:hover .feat-pill-top span:not(.material-icons){text-overflow:clip}.feat-pill-top .material-icons,.feat-pill-top i{font-size:.68rem;color:#9e20ff8c;line-height:1;flex-shrink:0;transition:color .2s ease}.feat-pill:hover .feat-pill-top .material-icons,.feat-pill:hover .feat-pill-top i{color:#b96afff2}.feat-pill-desc{position:static;width:100%;max-width:none;opacity:0;pointer-events:none;font-size:.63rem;font-weight:400;color:#ffffff85;text-align:center;line-height:1.4;white-space:normal;margin:0;max-height:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:hidden;transform:translateY(-2px);grid-row:2;transition:max-height .3s cubic-bezier(.22,.61,.36,1),opacity .22s ease,transform .28s cubic-bezier(.22,.61,.36,1),margin-top .28s cubic-bezier(.22,.61,.36,1)}.feat-pill:hover .feat-pill-desc{max-height:7rem;opacity:1;transform:translateY(0);margin-top:.34rem}.feat-row-bottom .feat-pill:hover .feat-pill-top{grid-row:2}.feat-row-bottom .feat-pill:hover .feat-pill-desc{grid-row:1;margin-top:0;margin-bottom:.34rem}@media (max-width: 980px){.feat-section{display:flex;flex-direction:column;gap:.38rem;padding:.55rem .85rem .9rem;margin-bottom:2rem;overflow:visible;min-height:0}.feat-row{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;gap:.4rem}.feat-row::-webkit-scrollbar{display:none}.feat-pill,.feat-pill:hover{position:relative;left:auto;top:auto;width:auto;min-height:auto;height:auto;transform:none;flex:0 0 auto;padding:.42rem .38rem;font-size:.64rem}.feat-pill-desc{position:static;max-width:100%;margin-top:0;padding:0;border:0;background:transparent;box-shadow:none;max-height:0;opacity:0;overflow:hidden;transform:none;display:block;transition:max-height .28s ease,opacity .22s ease,margin-top .28s ease}.feat-row-bottom .feat-pill:hover .feat-pill-top,.feat-row-bottom .feat-pill:hover .feat-pill-desc{grid-row:auto;margin-bottom:0}.feat-pill--wide,.feat-pill--wider{--feat-base-basis: auto;--feat-expanded-basis: auto}.feat-pill.is-active-mobile .feat-pill-desc{max-height:72px;opacity:1;margin-top:.28rem}}@media (max-width: 560px){.feat-section{padding:.45rem .7rem .8rem;margin-bottom:1.4rem}.feat-row{gap:.32rem}.feat-pill,.feat-pill:hover{padding:.4rem .42rem}}
