/* Glass icons (partials.glass-icon). Generated by scripts/generate-glass-icons.py; edit that, not this file. */
.gi { display: block; overflow: visible; }
img.gi-img { aspect-ratio: 1 / 1; object-fit: contain; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .45)); }
.gi .gi-box polygon { stroke: var(--gi-light); stroke-opacity: .5; stroke-width: .8; stroke-linejoin: round; }
.gi .gi-edge { fill: none; stroke: #fff; stroke-opacity: .85; stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; }
.gi .gi-plate polygon { stroke-opacity: .35; }
.gi .gi-plate .gi-edge { stroke: var(--gi-light); stroke-opacity: .7; }
.gi .gi-glyph { fill: none; stroke: var(--gi-light); stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; filter: url(#gi-glow); }
.gi .gi-glyph--text { stroke: none; fill: var(--gi-light); font: 700 17px Outfit, system-ui, sans-serif; }
.gi .gi-traces { display: none; }
.gi .gi-links line { stroke: var(--gi-light); stroke-width: 2; stroke-linecap: round; filter: url(#gi-glow); }
.gi .gi-led { fill: var(--gi-light); filter: url(#gi-glow); }
.gi .gi-led--dim { opacity: .45; }
.gi .gi-vent { fill: none; stroke: var(--gi-light); stroke-opacity: .7; stroke-width: 1.6; stroke-linecap: round; }
.gi .gi-strip { fill: none; stroke: var(--gi-light); stroke-opacity: .8; stroke-width: 1.2; filter: url(#gi-glow); }
.gi .gi-ring { fill: none; stroke: var(--gi-glow); stroke-width: 1.4; stroke-opacity: .75; filter: url(#gi-glow); }
.gi .gi-glowline { fill: none; stroke: var(--gi-light); stroke-width: 1.6; filter: url(#gi-glow); }
.gi .gi-cyl { stroke: var(--gi-light); stroke-opacity: .45; stroke-width: .8; }
.gi .gi-sheen { fill: url(#gi-sheen); opacity: .55; }
.gi .gi-back { opacity: .72; }
.gi .gi-halo { opacity: .38; }
.gi .gi-rim { fill: none; stroke: #fff; stroke-opacity: .6; stroke-width: 1; stroke-linejoin: round; }
.gi .gi-ext { stroke: var(--gi-light); stroke-opacity: .12; stroke-width: .6; }
.gi .gi-ext-stroke path, .gi .gi-face-stroke path { fill: none; stroke-width: 7; stroke-linecap: round; }
.gi .gi-face-stroke path { stroke-width: 6; }
.gi .gi-glyph--thin { stroke-width: 1.4; opacity: .75; }
.gi .gi-lens { fill: url(#gi-sheen); opacity: .35; }
.gi .gi-glint { fill: none; stroke: #fff; stroke-opacity: .8; stroke-width: 2.4; stroke-linecap: round; }
.gi .gi-flame { fill: #ffb547; filter: url(#gi-glow); opacity: .9; }
.gi .gi-orbit { fill: none; stroke: var(--gi-light); stroke-width: 1.4; stroke-opacity: .7; filter: url(#gi-glow); }
.gi .gi-stand-line { stroke: var(--gi-glow); stroke-width: 2; opacity: .5; }
.gi .gi-liquid { fill: var(--gi-light); opacity: .45; filter: url(#gi-glow); }
.gi .gi-glyph--qr { stroke-width: 2.4; }
.gi .gi-qr-dot { fill: var(--gi-light); stroke: none; }
.gi--purple { --gi-light: #dcc6ff; --gi-glow: #a274ff; }
.gi--purple .gi-halo { fill: url(#gi-purple-floor); }
.gi--purple .gi-top { fill: url(#gi-purple-top); }
.gi--purple .gi-left { fill: url(#gi-purple-left); }
.gi--purple .gi-right { fill: url(#gi-purple-right); }
.gi--purple .gi-cyl { fill: url(#gi-purple-cyl); }
.gi--purple .gi-head { fill: url(#gi-purple-head); }
.gi--purple .gi-floor { fill: url(#gi-purple-floor); }
.gi--purple .gi-plate polygon { fill: url(#gi-purple-plate); }
.gi--purple .gi-face { fill: url(#gi-purple-left); }
.gi--purple .gi-ext { fill: url(#gi-purple-right); }
.gi--purple .gi-ext-stroke path { stroke: url(#gi-purple-right); }
.gi--purple .gi-face-stroke path { stroke: url(#gi-purple-top); }
.gi--purple .gi-knob { fill: url(#gi-purple-head); }
.gi--orange { --gi-light: #ffe1a1; --gi-glow: #ffb547; }
.gi--orange .gi-halo { fill: url(#gi-orange-floor); }
.gi--orange .gi-top { fill: url(#gi-orange-top); }
.gi--orange .gi-left { fill: url(#gi-orange-left); }
.gi--orange .gi-right { fill: url(#gi-orange-right); }
.gi--orange .gi-cyl { fill: url(#gi-orange-cyl); }
.gi--orange .gi-head { fill: url(#gi-orange-head); }
.gi--orange .gi-floor { fill: url(#gi-orange-floor); }
.gi--orange .gi-plate polygon { fill: url(#gi-orange-plate); }
.gi--orange .gi-face { fill: url(#gi-orange-left); }
.gi--orange .gi-ext { fill: url(#gi-orange-right); }
.gi--orange .gi-ext-stroke path { stroke: url(#gi-orange-right); }
.gi--orange .gi-face-stroke path { stroke: url(#gi-orange-top); }
.gi--orange .gi-knob { fill: url(#gi-orange-head); }
.gi--green { --gi-light: #bfffe3; --gi-glow: #3fe39b; }
.gi--green .gi-halo { fill: url(#gi-green-floor); }
.gi--green .gi-top { fill: url(#gi-green-top); }
.gi--green .gi-left { fill: url(#gi-green-left); }
.gi--green .gi-right { fill: url(#gi-green-right); }
.gi--green .gi-cyl { fill: url(#gi-green-cyl); }
.gi--green .gi-head { fill: url(#gi-green-head); }
.gi--green .gi-floor { fill: url(#gi-green-floor); }
.gi--green .gi-plate polygon { fill: url(#gi-green-plate); }
.gi--green .gi-face { fill: url(#gi-green-left); }
.gi--green .gi-ext { fill: url(#gi-green-right); }
.gi--green .gi-ext-stroke path { stroke: url(#gi-green-right); }
.gi--green .gi-face-stroke path { stroke: url(#gi-green-top); }
.gi--green .gi-knob { fill: url(#gi-green-head); }