.guide-icon{--gi-tile-bg:#141720;--gi-duration:1.8s;color:var(--juno-color-fg,#f3f1ec);background:radial-gradient(120% 90% at 50% 0%, #e8a45c24, transparent 60%), var(--gi-tile-bg);border:1px solid var(--juno-color-line-strong,#ffffff2e);corner-shape:squircle;transition:color var(--juno-duration-base,.25s) var(--juno-ease,ease), border-color var(--juno-duration-base,.25s) var(--juno-ease,ease), box-shadow var(--juno-duration-slow,.4s) var(--juno-ease,ease);border-radius:28%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 1px #ffffff0f}.guide-icon svg{width:56%;height:56%;display:block;overflow:visible}.guide-icon--tile{width:3.5rem;height:3.5rem}.guide-icon--hero{width:4.5rem;height:4.5rem}.guide-icon--inline{border-radius:30%;width:1.75rem;height:1.75rem}.guide-icon--inline svg{width:62%;height:62%}:is(.gi-trigger:hover,.gi-trigger:focus-within,.gi-trigger.is-playing) .guide-icon{color:var(--juno-color-accent,#e8a45c);border-color:#e8a45c73;box-shadow:inset 0 1px #ffffff14,0 0 0 4px #e8a45c14,0 8px 28px -10px #e8a45c8c}.guide-icon--inline,:is(.gi-trigger:hover,.gi-trigger:focus-within,.gi-trigger.is-playing) .guide-icon--inline{color:inherit;border-color:var(--juno-color-line,#ffffff17);box-shadow:none}.guide-icon .gi-cutout{fill:var(--gi-tile-bg)}:where(.guide-icon) .gi-anim{animation:none var(--gi-duration) var(--juno-ease,ease) infinite;transform-box:fill-box;transform-origin:50%}:is(.gi-trigger:hover,.gi-trigger:focus-within,.gi-trigger.is-playing) .gi-anim{animation-name:var(--gi-name)}@media (prefers-reduced-motion:reduce){.gi-anim{animation:none!important}}.gi-lift{--gi-name:gi-lift}.gi-flame{--gi-name:gi-flame;transform-origin:top}.gi-rise{--gi-name:gi-rise}.gi-needle,.gi-hands{transform-box:view-box;transform-origin:12px 12px}.gi-needle{--gi-name:gi-needle}.gi-hands{--gi-name:gi-hands}.gi-chevron{--gi-name:gi-chevron}.gi-pop{--gi-name:gi-pop}.gi-tick,.gi-tick-late,.gi-draw{stroke-dasharray:1}.gi-tick,.gi-draw{--gi-name:gi-draw}.gi-tick-late{--gi-name:gi-draw-late}.gi-hue{--gi-name:gi-hue}.gi-sun{--gi-name:gi-sun}.gi-press{--gi-name:gi-press}.gi-knob{--gi-name:gi-knob}.gi-slide{--gi-name:gi-slide}.gi-caret{--gi-name:gi-caret}.gi-type,.gi-type-late{transform-origin:0}.gi-type{--gi-name:gi-type}.gi-type-late{--gi-name:gi-type-late}.gi-hop{--gi-name:gi-hop}.gi-upload{--gi-name:gi-upload}.gi-spin{--gi-name:gi-spin}.gi-tilt{--gi-name:gi-tilt}.gi-shutter{--gi-name:gi-shutter}.gi-fan-mid{--gi-name:gi-fan-mid}.gi-fan-end{--gi-name:gi-fan-end}.gi-tile{--gi-name:gi-tile}.gi-tile-2{--gi-name:gi-tile-2}.gi-tile-3{--gi-name:gi-tile-3}.gi-click{--gi-name:gi-click;transform-origin:0 0}.gi-print{--gi-name:gi-print}@keyframes gi-lift{50%{transform:translateY(-2px)}}@keyframes gi-flame{25%,75%{transform:scaleY(1.5)}50%{transform:scaleY(.8)}}@keyframes gi-rise{35%,65%{transform:translateY(-2.5px)}}@keyframes gi-needle{60%{transform:rotate(395deg)}80%{transform:rotate(350deg)}to{transform:rotate(360deg)}}@keyframes gi-hands{to{transform:rotate(360deg)}}@keyframes gi-chevron{20%,60%{transform:translateY(1.5px)}40%,80%{transform:translateY(0)}}@keyframes gi-pop{15%{transform:scale(0)}45%{transform:scale(1.18)}60%{transform:scale(1)}}@keyframes gi-draw{10%{stroke-dashoffset:1px}45%,to{stroke-dashoffset:0}}@keyframes gi-draw-late{10%,35%{stroke-dashoffset:1px}70%,to{stroke-dashoffset:0}}@keyframes gi-hue{25%{fill:#e8a45c}50%{fill:#e7748a}75%{fill:#6cc4c9}}@keyframes gi-sun{15%{opacity:0;transform:translateY(5px)}55%{opacity:1;transform:translateY(0)}}@keyframes gi-press{20%,60%{transform:scale(.86)}40%,80%{transform:scale(1)}}@keyframes gi-knob{30%,60%{transform:translate(-9px)}90%{transform:translate(0)}}@keyframes gi-slide{30%{transform:translate(-6px)}70%{transform:translate(6px)}}@keyframes gi-caret{0%,24%,50%,74%{opacity:1}25%,49%,75%,99%{opacity:0}}@keyframes gi-type{10%{transform:scaleX(0)}60%{transform:scaleX(1)}}@keyframes gi-type-late{10%,40%{transform:scaleX(0)}85%{transform:scaleX(1)}}@keyframes gi-hop{25%{transform:translate(-4.5px)}55%{transform:translate(4.5px)}80%{transform:translate(0)}}@keyframes gi-upload{20%{opacity:0;transform:translateY(-3px)}21%{opacity:0;transform:translateY(4px)}60%{opacity:1;transform:translateY(0)}}@keyframes gi-spin{50%{transform:rotate(-18deg)scale(1.18)}75%{transform:rotate(8deg)scale(.96)}}@keyframes gi-tilt{30%,60%{transform:rotate(-10deg)scale(1.12)}}@keyframes gi-shutter{30%{transform:scale(.45)}55%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes gi-fan-mid{20%,40%{transform:translate(-5px,4px)}75%{transform:translate(0)}}@keyframes gi-fan-end{20%,40%{transform:translate(-10px,6px)}80%{transform:translate(0)}}@keyframes gi-tile{10%{opacity:.2;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}@keyframes gi-tile-2{10%,25%{opacity:.2;transform:scale(.5)}55%{opacity:1;transform:scale(1)}}@keyframes gi-tile-3{10%,40%{opacity:.2;transform:scale(.5)}70%{opacity:1;transform:scale(1)}}@keyframes gi-click{30%{transform:translate(-1.5px,-1.5px)scale(.85)}45%{transform:translate(0)scale(1)}}@keyframes gi-print{10%{opacity:0;transform:translateY(-5px)}70%{opacity:1;transform:translateY(0)}}