@layer components{.classroom-share__icon{flex:none;width:32px;height:32px}.classroom-share-compact{color:var(--site-ink);white-space:nowrap;background:#fff;border:2px solid #13254d40;border-radius:999px;flex:none;align-items:center;gap:.5rem;padding:.35rem 1rem .35rem .65rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.classroom-share-compact:hover{color:var(--site-ink);border-color:var(--site-ink)}.classroom-share-compact:focus-visible{outline:3px solid var(--site-accent);outline-offset:2px}.classroom-share-compact:hover .classroom-share__icon{filter:brightness(.8)}.outlined-text{display:inline-grid}.outlined-text__stroke,.outlined-text__fill{grid-area:1/1}.outlined-text__stroke:before{content:attr(data-text);-webkit-text-fill-color:transparent}.outlined-text__fill{-webkit-text-stroke-width:0}.outlined-text--ellipsis{display:grid}.outlined-text--ellipsis>.outlined-text__stroke,.outlined-text--ellipsis>.outlined-text__fill{text-overflow:ellipsis;overflow:hidden}}