@layer tokens,foundation;@layer components{.appicon{--s:64px;inline-size:var(--s);block-size:var(--s);border-radius:calc(var(--s) * .2237);color:#fff;background:linear-gradient(155deg,#4a4a4f,#1d1d1f 70%);flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000001f}.appicon:before{content:"";pointer-events:none;background:linear-gradient(#ffffff4d,#0000 52%);position:absolute;inset:0}.appicon>svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;block-size:58%;inline-size:58%;position:relative}.appicon--mark{box-shadow:none;background:url(/hivegenie-mark.svg) 50%/contain no-repeat;border-radius:0;overflow:visible}.appicon--mark:before{content:none}:root[data-theme=dark] .appicon--mark{background-image:url(/hivegenie-mark-dark.svg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .appicon--mark{background-image:url(/hivegenie-mark-dark.svg)}}.appicon--s28{--s:28px}.appicon--s44{--s:44px}.appicon--s56{--s:56px}.appicon--s64{--s:64px}.appicon--s76{--s:76px}.appicon--s104{--s:104px}.appicon--s128{--s:128px}.appicon--narrate{background:linear-gradient(155deg,#ffc24b,#ff7a3d 42%,#ff2d6a);box-shadow:0 8px 22px -8px #ff503c8c,0 0 0 .5px #0000001a}.appicon--ask{background:linear-gradient(155deg,#6ee7a0,#26c281 45%,#0e9f7e)}.appicon--teach{background:linear-gradient(155deg,#8f8cff,#5e5ce6 50%,#b14cf0)}.appicon--help{background:linear-gradient(155deg,#6ec8ff,#2f8cf0 50%,#0a6cff)}.appicon--soon{filter:grayscale();opacity:.42}.sq{--sq:29px;inline-size:var(--sq);block-size:var(--sq);color:#fff;background:linear-gradient(#a1a1a6,#7c7c82);border-radius:7px;flex:none;place-items:center;display:inline-grid}.sq--blue{background:linear-gradient(#3b9bff,#0a6cff)}.sq--green{background:linear-gradient(#4cd964,#24b24a)}.sq--orange{background:linear-gradient(#ffb340,#ff8a00)}.sq--red{background:linear-gradient(#ff6961,#e0302a)}.sq--s26{--sq:26px;border-radius:6px}.sq--s40{--sq:40px;border-radius:9px}.sq>svg{block-size:62%;inline-size:62%}}
