.si{display:block;overflow:visible}.si *{transform-box:view-box;transform-origin:150px 150px}.si__turn{transition:transform .8s var(--ease-back)}.si__ghost{opacity:0}.svc:hover .si__turn,.svc:focus-within .si__turn{transform:rotate(90deg)}.svc:hover .si__stretch,.svc:focus-within .si__stretch{animation:si-stretch .8s var(--ease)}.svc:hover .si__ghost,.svc:focus-within .si__ghost{animation:si-ghost .9s var(--ease)}@keyframes si-stretch{30%{transform:scaleX(1.08)}65%{transform:scaleY(1.08)}}@keyframes si-ghost{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.32)}}.si__lens{opacity:0}.svc:hover .si__a,.svc:focus-within .si__a{animation:si-in-a .9s var(--ease-io)}.svc:hover .si__b,.svc:focus-within .si__b{animation:si-in-b .9s var(--ease-io)}.svc:hover .si__lens,.svc:focus-within .si__lens{animation:si-in-b .9s var(--ease-io), si-lens .9s var(--ease-io)}@keyframes si-in-a{50%{transform:translate(42px)}}@keyframes si-in-b{50%{transform:translate(-42px)}}@keyframes si-lens{15%,85%{opacity:1}}.si__hole{fill:#0000;transition:fill .45s var(--ease)}.svc:hover .si__swing,.svc:focus-within .si__swing{animation:si-swing .9s var(--ease)}.svc:hover .si__hole,.svc:focus-within .si__hole{fill:#f5b83d}@keyframes si-swing{20%{transform:rotate(-14deg)}45%{transform:rotate(9deg)}70%{transform:rotate(-4deg)}to{transform:none}}.si__l1,.si__l3{transition:transform .7s var(--ease-back), fill .45s var(--ease)}.si__l3{fill:#f5b83d00}.svc:hover .si__l1,.svc:focus-within .si__l1{transform:translate(-16px,16px)}.svc:hover .si__l3,.svc:focus-within .si__l3{fill:#f5b83d1f;transform:translate(16px,-16px)}