.glass-icon{--gs:var(--s,3rem);--w:max(1.5px,calc(var(--gs)*.036));--wall:url(#mf-wall);--core:url(#mf-core);--pool:34,227,238;width:var(--gs);height:var(--gs);isolation:isolate;flex:none;display:inline-flex;position:relative}.glass-icon[data-tone=warn]{--wall:url(#mf-wall-warn);--core:url(#mf-core-warn);--pool:255,138,61}.glass-icon[data-tone=gold]{--wall:url(#mf-wall-gold);--core:url(#mf-core-gold);--pool:255,197,61}.glass-icon svg{fill:none;width:86%;height:86%;transition:transform .15s;position:absolute;top:7%;bottom:7%;left:7%;right:7%;overflow:visible}.glass-icon svg *{vector-effect:non-scaling-stroke}.glass-icon:before{content:"";z-index:-1;background:radial-gradient(closest-side,rgba(var(--pool),.3),rgba(110,240,70,.1) 60%,transparent);border-radius:50%;height:36%;transition:opacity .15s,transform .15s,filter .15s;position:absolute;bottom:-8%;left:4%;right:4%}.glass-icon .gi-halo{stroke:var(--core);stroke-width:calc(var(--w)*3.4);opacity:.09}.glass-icon .gi-wall{stroke:var(--wall);stroke-width:calc(var(--w)*2.1)}.glass-icon .gi-core{stroke:var(--core);stroke-width:calc(var(--w)*.72)}.glass-icon .gi-spec{stroke:#fff;stroke-width:max(.5px,calc(var(--w)*.24));opacity:.75;translate:calc(var(--gs)*-.012)calc(var(--gs)*-.014)}:-webkit-any(.group,.card-hover):hover .glass-icon svg{transform:translateY(-1px)}:-moz-any(.group,.card-hover):hover .glass-icon svg{transform:translateY(-1px)}:is(.group,.card-hover):hover .glass-icon svg{transform:translateY(-1px)}:-webkit-any(.group,.card-hover):hover .glass-icon:before{filter:brightness(1.5);transform:scale(1.2)}:-moz-any(.group,.card-hover):hover .glass-icon:before{filter:brightness(1.5);transform:scale(1.2)}:is(.group,.card-hover):hover .glass-icon:before{filter:brightness(1.5);transform:scale(1.2)}:is(html[data-icons=lens] .glass-icon:not([data-fixed]),html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens],.glass-icon[data-fixed=cube]){justify-content:center;align-items:center}:-webkit-any(html[data-icons=lens] .glass-icon:not([data-fixed]),html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens],.glass-icon[data-fixed=cube]) :-webkit-any(.gi-halo,.gi-wall,.gi-spec){display:none}:-moz-any(html[data-icons=lens] .glass-icon:not([data-fixed]),html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens],.glass-icon[data-fixed=cube]) :-moz-any(.gi-halo,.gi-wall,.gi-spec){display:none}:is(html[data-icons=lens] .glass-icon:not([data-fixed]),html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens],.glass-icon[data-fixed=cube]) :is(.gi-halo,.gi-wall,.gi-spec){display:none}:is(html[data-icons=lens] .glass-icon:not([data-fixed]),html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens],.glass-icon[data-fixed=cube]) .gi-core{z-index:1;width:50%;height:50%;stroke:var(--ink);stroke-width:var(--w);position:relative;top:auto;bottom:auto;left:auto;right:auto}:is(html[data-icons=lens] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens]){--ink:var(--mf-green);--tint:34,227,238;--halo:110,240,70;--rim:var(--mf-control-rim);border-radius:calc(var(--gs)*.3);background:radial-gradient(85% 55% at 50% 112%,rgba(var(--tint),.26),transparent 72%),radial-gradient(50% 38% at 86% 102%,rgba(164,92,255,.3),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 48%,rgba(var(--halo),.07)),rgba(14,20,22,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(34,227,238,.18),0 6px 14px rgba(0,0,0,.45),0 0 12px rgba(var(--halo),.1)}:is(html[data-icons=lens] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens])[data-tone=warn]{--ink:#ff9a6b;--tint:255,138,61;--halo:255,138,61;--rim:linear-gradient(100deg,rgba(255,138,61,.8),rgba(255,197,61,.5))}:is(html[data-icons=lens] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens])[data-tone=gold]{--ink:var(--mf-gold);--tint:255,197,61;--halo:255,197,61;--rim:linear-gradient(100deg,rgba(255,197,61,.8),rgba(255,197,61,.35))}:is(html[data-icons=lens] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens]):before{z-index:0;border-radius:inherit;background:var(--rim);-webkit-mask-composite:xor;opacity:.8;height:auto;padding:1px;top:0;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#000 0,#000 0) content-box,linear-gradient(#000 0,#000 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0,#000 0) content-box exclude,linear-gradient(#000 0,#000 0)}:is(html[data-icons=lens] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens]):after{content:"";border-radius:calc(var(--gs)*.26)calc(var(--gs)*.26)55% 55%/calc(var(--gs)*.26)calc(var(--gs)*.26)30% 30%;pointer-events:none;background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,0));height:40%;position:absolute;top:2px;left:8%;right:8%}:is(html[data-icons=lens] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens]) .gi-core{filter:drop-shadow(0 1px 0 rgba(34,227,238,.4))drop-shadow(0 0 5px rgba(var(--halo),.5))}:-webkit-any(.group,.card-hover):hover :-webkit-any(html[data-icons=lens] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens]):before{opacity:1;transform:none}:-moz-any(.group,.card-hover):hover :-moz-any(html[data-icons=lens] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens]):before{opacity:1;transform:none}:is(.group,.card-hover):hover :is(html[data-icons=lens] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=lens]):before{opacity:1;transform:none}:is(html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=cube]){--ink:#e2ffe6;--T:#35ad8a;--R:#0a2021;--B:#0d3330;--L:#157460;--glow:110,240,70;border-radius:calc(var(--gs)*.2);background:conic-gradient(from 315deg,var(--T)0 89.5deg,var(--R)90.5deg 179.5deg,var(--B)180.5deg 269.5deg,var(--L)270.5deg 359.5deg,var(--T)360deg);box-shadow:0 6px 14px rgba(0,0,0,.5),0 0 14px rgba(34,227,238,.08)}:is(html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=cube])[data-tone=warn]{--ink:#ffe6d6;--T:#ffb27a;--R:#3a1a10;--B:#5a2a15;--L:#c0602f;--glow:255,138,61}:is(html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=cube])[data-tone=gold]{--ink:#fff3d2;--T:#ffd777;--R:#33280e;--B:#584313;--L:#b98a22;--glow:255,197,61}:is(html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=cube]):before{z-index:0;inset:max(3px,calc(var(--gs)*.115));border-radius:calc(var(--gs)*.1);background:radial-gradient(75% 75% at 38% 32%,rgba(var(--glow),.26),transparent 72%),radial-gradient(70% 70% at 96% 104%,rgba(164,92,255,.5),transparent 70%),#05080a;height:auto;box-shadow:inset 0 1px 3px rgba(0,0,0,.9),0 0 0 .5px rgba(255,255,255,.14)}:is(html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=cube]):after{content:"";border-radius:inherit;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 1px rgba(255,255,255,.5),inset 0 0 0 .5px rgba(255,255,255,.12)}:is(html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=cube]) .gi-core{width:46%;height:46%;filter:drop-shadow(0 0 4px rgba(var(--glow),.75))}:-webkit-any(.group,.card-hover):hover :-webkit-any(html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=cube]):before{transform:none}:-moz-any(.group,.card-hover):hover :-moz-any(html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=cube]):before{transform:none}:is(.group,.card-hover):hover :is(html[data-icons=cube] .glass-icon:not([data-fixed]),.glass-icon[data-fixed=cube]):before{transform:none}.glass-arrow{width:1.75rem;height:1.75rem;color:var(--mf-text-muted);background:linear-gradient(rgba(255,255,255,.09),rgba(255,255,255,.01) 55%);border:1px solid rgba(255,255,255,.16);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s,transform .15s;display:flex;box-shadow:inset 0 1px rgba(255,255,255,.18)}:-webkit-any(.group,.card-hover):hover .glass-arrow{color:var(--mf-green);border-color:rgba(110,240,70,.6);transform:translate(2px)}:-moz-any(.group,.card-hover):hover .glass-arrow{color:var(--mf-green);border-color:rgba(110,240,70,.6);transform:translate(2px)}:is(.group,.card-hover):hover .glass-arrow{color:var(--mf-green);border-color:rgba(110,240,70,.6);transform:translate(2px)}@media (prefers-reduced-motion:reduce){.glass-icon svg,.glass-icon:before,.glass-arrow{transition:none}}