/* 생성물 — scripts/build_icons.py 가 만든다. 손으로 고치지 말 것.
   움직임은 animateicons(MIT, github.com/Avijit07x/animateicons @6f1262f7733b)의 motion 정의를 옮긴 것.
   언제 움직이나: 아이콘을 품은 링크·버튼·label·summary·.ico-host 에 마우스를 올릴 때,
   .ico-once 가 화면에 처음 들어올 때 한 번(base.html 이 .ico-play 를 잠깐 붙인다).
   「동작 줄이기」를 켠 사람에겐 안 움직인다(맨 아래). */
@keyframes ico-triangle-alert-1 { 0% { scale: 1 1 } 35% { scale: 1.07 1.07 } 70% { scale: 0.97 0.97 } 100% { scale: 1 1 } }
@keyframes ico-triangle-alert-2 { 0% { rotate: 0deg } 25% { rotate: -14deg } 50% { rotate: 12deg } 75% { rotate: -6deg } 100% { rotate: 0deg } }
@keyframes ico-circle-alert-1 { 0% { scale: 1 1 } 35% { scale: 1.08 1.08 } 70% { scale: 0.96 0.96 } 100% { scale: 1 1 } }
@keyframes ico-circle-alert-2 { 0% { rotate: 0deg } 25% { rotate: -14deg } 50% { rotate: 10deg } 75% { rotate: -5deg } 100% { rotate: 0deg } }
@keyframes ico-alarm-clock-1 { 0% { rotate: 0deg } 25% { rotate: -8deg } 50% { rotate: 8deg } 75% { rotate: -6.5deg } 100% { rotate: 0deg } }
@keyframes ico-alarm-clock-2 { 0% { rotate: 0deg } 20% { rotate: -9deg } 45% { rotate: 7deg } 70% { rotate: -4deg } 100% { rotate: 0deg } }
@keyframes ico-info-1 { 0% { scale: 1 1 } 35% { scale: 1.08 1.08 } 70% { scale: 0.97 0.97 } 100% { scale: 1 1 } }
@keyframes ico-info-2 { 0% { translate: 0px 0px } 35% { translate: 0px -2px } 70% { translate: 0px 0.6px } 100% { translate: 0px 0px } }
@keyframes ico-bell-1 { 0% { rotate: 0deg } 20% { rotate: -12deg } 40% { rotate: 10.2deg } 60% { rotate: -6deg } 80% { rotate: 3deg } 100% { rotate: 0deg } }
@keyframes ico-bell-2 { 0% { translate: 0px 0px } 20% { translate: 1.7px 0px } 40% { translate: -1.4px 0px } 60% { translate: 0.8px 0px } 80% { translate: -0.4px 0px } 100% { translate: 0px 0px } }
@keyframes ico-bell-ring-1 { 0% { rotate: 0deg } 20% { rotate: -12deg } 40% { rotate: 10.2deg } 60% { rotate: -6deg } 80% { rotate: 3deg } 100% { rotate: 0deg } }
@keyframes ico-bell-ring-2 { 0% { translate: 0px 0px } 20% { translate: 1.7px 0px } 40% { translate: -1.4px 0px } 60% { translate: 0.8px 0px } 80% { translate: -0.4px 0px } 100% { translate: 0px 0px } }
@keyframes ico-bell-ring-3 { 0% { opacity: 1; scale: 1 1 } 18% { opacity: 0.5; scale: 0.6 0.6 } 38.5% { opacity: 1; scale: 1.15 1.15 } 59% { opacity: 0.25; scale: 0.7 0.7 } 79.5% { opacity: 1; scale: 1.15 1.15 } 100% { opacity: 1; scale: 1 1 } }
@keyframes ico-bell-ring-4 { 0% { opacity: 1; scale: 1 1 } 18% { opacity: 0.5; scale: 0.6 0.6 } 38.5% { opacity: 1; scale: 1.15 1.15 } 59% { opacity: 0.25; scale: 0.7 0.7 } 79.5% { opacity: 1; scale: 1.15 1.15 } 100% { opacity: 1; scale: 1 1 } }
@keyframes ico-megaphone-1 { 0% { rotate: 0deg; translate: 0px 0px } 25% { rotate: -8deg; translate: 1.2px 0px } 50% { rotate: 6deg; translate: -0.5px 0px } 75% { rotate: -3deg; translate: 0.3px 0px } 100% { rotate: 0deg; translate: 0px 0px } }
@keyframes ico-star-1 { 0% { rotate: 0deg; scale: 1 1 } 25% { rotate: -12deg; scale: 1.06 1.06 } 50% { rotate: 10deg; scale: 0.97 0.97 } 75% { rotate: -5deg; scale: 1.02 1.02 } 100% { rotate: 0deg; scale: 1 1 } }
@keyframes ico-heart-1 { 0% { scale: 1 1 } 25% { scale: 1.13 1.13 } 50% { scale: 0.97 0.97 } 75% { scale: 1.07 1.07 } 100% { scale: 1 1 } }
@keyframes ico-bookmark-1 { 0% { translate: 0px 0px; scale: 1 1 } 33.33% { scale: 0.97 1.1 } 50% { translate: 0px -4px } 66.67% { scale: 1.02 0.95 } 100% { translate: 0px 0px; scale: 1 1 } }
@keyframes ico-external-link-1 { 0% { translate: 0px 0px } 40% { translate: 1.5px -1.5px } 75% { translate: -0.4px 0.4px } 100% { translate: 0px 0px } }
@keyframes ico-arrow-right-1 { 0% { translate: 0px 0px } 20% { translate: -2px 0px } 60% { translate: 4px 0px } 100% { translate: 0px 0px } }
@keyframes ico-arrow-left-1 { 0% { translate: 0px 0px } 20% { translate: 2px 0px } 60% { translate: -4px 0px } 100% { translate: 0px 0px } }
@keyframes ico-chevron-right-1 { 0% { translate: 0px 0px } 40% { translate: 2.5px 0px } 75% { translate: -0.625px 0px } 100% { translate: 0px 0px } }
@keyframes ico-chevron-down-1 { 0% { translate: 0px 0px } 40% { translate: 0px 2.5px } 75% { translate: 0px -0.625px } 100% { translate: 0px 0px } }
@keyframes ico-corner-down-right-1 { 0% { scale: 1 1 } 40% { scale: 1.156 1 } 75% { scale: 0.969 1 } 100% { scale: 1 1 } }
@keyframes ico-corner-down-right-2 { 0% { translate: 0px 0px } 40% { translate: 2.5px 0px } 75% { translate: -0.5px 0px } 100% { translate: 0px 0px } }
@keyframes ico-link-1 { 0% { translate: 0px 0px; rotate: 0deg } 50% { translate: 2px 0px; rotate: 3deg } 100% { translate: 0px 0px; rotate: 0deg } }
@keyframes ico-link-2 { 0% { translate: 0px 0px; rotate: 0deg } 50% { translate: -2px 0px; rotate: -3deg } 100% { translate: 0px 0px; rotate: 0deg } }
@keyframes ico-send-1 { 0% { translate: 0px 0px; opacity: 1 } 40% { translate: 12px -12px; opacity: 0 } 45% { translate: -12px 12px; opacity: 0 } 100% { translate: 0px 0px; opacity: 1 } }
@keyframes ico-share-1 { 0% { translate: 0px 0px } 30% { translate: 0px 1.5px } 70% { translate: 0px -1px } 100% { translate: 0px 0px } }
@keyframes ico-share-2 { 0% { scale: 1 1 } 30% { scale: 1 0.94 } 70% { scale: 1 1.02 } 100% { scale: 1 1 } }
@keyframes ico-file-text-1 { 0% { scale: 1 1 } 40% { scale: 1.08 1.08 } 75% { scale: 0.98 0.98 } 100% { scale: 1 1 } }
@keyframes ico-file-pen-1 { 0% { scale: 1 1 } 40% { scale: 1.08 1.08 } 75% { scale: 0.98 0.98 } 100% { scale: 1 1 } }
@keyframes ico-file-pen-2 { 0% { translate: 0px 0px; rotate: 0deg } 25% { translate: -1.5px 1px; rotate: -8deg } 50% { translate: 1px -0.5px; rotate: 4deg } 75% { translate: -1px 0.8px; rotate: -4deg } 100% { translate: 0px 0px; rotate: 0deg } }
@keyframes ico-file-check-1 { 0% { scale: 1 1 } 40% { scale: 1.08 1.08 } 75% { scale: 0.98 0.98 } 100% { scale: 1 1 } }
@keyframes ico-file-check-2a { 0% { stroke-dashoffset: 10 } 100% { stroke-dashoffset: 0 } }
@keyframes ico-file-check-2b { 0% { opacity: 0 } 100% { opacity: 1 } }
@keyframes ico-file-check-2c { 0% { scale: 0.8 0.8 } 60% { scale: 1.12 1.12 } 100% { scale: 1 1 } }
@keyframes ico-file-down-1 { 0% { scale: 1 1 } 40% { scale: 1.08 1.08 } 75% { scale: 0.98 0.98 } 100% { scale: 1 1 } }
@keyframes ico-file-down-2 { 0% { translate: 0px 0px } 35% { translate: 0px 1.5px } 70% { translate: 0px -0.4px } 100% { translate: 0px 0px } }
@keyframes ico-paperclip-1 { 0% { rotate: 0deg } 18% { rotate: 9deg } 40% { rotate: -8deg } 58% { rotate: 5deg } 74% { rotate: -3deg } 88% { rotate: 1.5deg } 100% { rotate: 0deg } }
@keyframes ico-download-1 { 0% { translate: 0px 0px; opacity: 1 } 40% { translate: 0px 4px; opacity: 0 } 50% { translate: 0px -4px; opacity: 0 } 100% { translate: 0px 0px; opacity: 1 } }
@keyframes ico-download-2 { 0% { translate: 0px 0px } 75% { translate: 0px 0px } 90% { translate: 0px 1px } 100% { translate: 0px 0px } }
@keyframes ico-upload-1 { 0% { translate: 0px 0px; opacity: 1 } 40% { translate: 0px -4px; opacity: 0 } 50% { translate: 0px 4px; opacity: 0 } 100% { translate: 0px 0px; opacity: 1 } }
@keyframes ico-upload-2 { 0% { translate: 0px 0px } 75% { translate: 0px 0px } 90% { translate: 0px 1px } 100% { translate: 0px 0px } }
@keyframes ico-copy-1 { 0% { translate: 0px 0px; rotate: 0deg } 50% { translate: -3px -3px } 100% { translate: 0px 0px; rotate: 360deg } }
@keyframes ico-copy-2 { 0% { translate: 0px 0px } 50% { translate: 3px 3px } 100% { translate: 0px 0px } }
@keyframes ico-square-pen-1 { 0% { translate: 0px 0px; rotate: 0deg } 25% { translate: -1.5px 1px; rotate: -8deg } 50% { translate: 1px -0.5px; rotate: 4deg } 75% { translate: -1px 0.8px; rotate: -4deg } 100% { translate: 0px 0px; rotate: 0deg } }
@keyframes ico-pencil-1 { 0% { rotate: 0deg } 25% { rotate: -4.5deg } 50% { rotate: 4deg } 75% { rotate: -2deg } 100% { rotate: 0deg } }
@keyframes ico-trash-2-1 { 0% { translate: 0px 0px; opacity: 1 } 35% { translate: 0px 5px; opacity: 0 } 60% { translate: 0px 5px; opacity: 0 } 100% { translate: 0px 0px; opacity: 1 } }
@keyframes ico-trash-2-2 { 0% { translate: 0px 0px; opacity: 1 } 35% { translate: 0px 5px; opacity: 0 } 60% { translate: 0px 5px; opacity: 0 } 100% { translate: 0px 0px; opacity: 1 } }
@keyframes ico-trash-2-3 { 0% { translate: 0px 0px; scale: 1 1 } 55% { translate: 0px 0px; scale: 1 1 } 75% { translate: 0px 1px; scale: 1 0.94 } 100% { translate: 0px 0px; scale: 1 1 } }
@keyframes ico-trash-2-4 { 0% { rotate: 0deg } 20% { rotate: -24deg } 55% { rotate: -24deg } 100% { rotate: 0deg } }
@keyframes ico-folder-open-1 { 0% { translate: 0px 0px } 35% { translate: 0px -1.2px } 70% { translate: 0px 0.4px } 100% { translate: 0px 0px } }
@keyframes ico-list-1 { 0% { scale: 1 1 } 50% { scale: 1.7 1.7 } 100% { scale: 1 1 } }
@keyframes ico-list-2 { 0% { scale: 1 1 } 50% { scale: 1.7 1.7 } 100% { scale: 1 1 } }
@keyframes ico-list-3 { 0% { scale: 1 1 } 50% { scale: 1.7 1.7 } 100% { scale: 1 1 } }
@keyframes ico-list-4 { 0% { scale: 1 1 } 50% { scale: 0.55 1 } 100% { scale: 1 1 } }
@keyframes ico-list-5 { 0% { scale: 1 1 } 50% { scale: 0.55 1 } 100% { scale: 1 1 } }
@keyframes ico-list-6 { 0% { scale: 1 1 } 50% { scale: 0.55 1 } 100% { scale: 1 1 } }
@keyframes ico-zoom-in-1 { 0% { scale: 1 1 } 40% { scale: 1.1 1.1 } 75% { scale: 0.97 0.97 } 100% { scale: 1 1 } }
@keyframes ico-zoom-in-2 { 0% { rotate: 0deg; scale: 1 1 } 50% { scale: 1.2 1.2 } 100% { rotate: 90deg; scale: 1 1 } }
@keyframes ico-printer-1 { 0% { translate: 0px 0px } 35% { translate: 0px -3px } 75% { translate: 0px 0.6px } 100% { translate: 0px 0px } }
@keyframes ico-user-1 { 0% { scale: 1 1 } 35% { scale: 1 0.88 } 70% { scale: 1 1.04 } 100% { scale: 1 1 } }
@keyframes ico-user-2 { 0% { translate: 0px 0px } 35% { translate: 0px -1.5px } 70% { translate: 0px 0.5px } 100% { translate: 0px 0px } }
@keyframes ico-user-plus-1 { 0% { translate: 0px 0px } 35% { translate: 0px -1.5px } 70% { translate: 0px 0.5px } 100% { translate: 0px 0px } }
@keyframes ico-user-plus-2 { 0% { rotate: 0deg; scale: 1 1 } 50% { scale: 1.2 1.2 } 100% { rotate: 90deg; scale: 1 1 } }
@keyframes ico-users-1 { 0% { translate: 0px 0px } 35% { translate: 0px -1.2px } 70% { translate: 0px 0.4px } 100% { translate: 0px 0px } }
@keyframes ico-users-2 { 0% { translate: 0px 0px } 35% { translate: 0px -1.5px } 70% { translate: 0px 0.5px } 100% { translate: 0px 0px } }
@keyframes ico-log-in-1 { 0% { translate: 0px 0px } 40% { translate: 2.5px 0px } 75% { translate: -0.6px 0px } 100% { translate: 0px 0px } }
@keyframes ico-log-out-1 { 0% { translate: 0px 0px } 25% { translate: -1px 0px } 65% { translate: 1.6px 0px } 100% { translate: 0px 0px } }
@keyframes ico-settings-1 { 0% { rotate: 0deg; scale: 1 1 } 40% { rotate: 30deg; scale: 1.05 1.05 } 75% { rotate: -6deg; scale: 1.02 1.02 } 100% { rotate: 0deg; scale: 1 1 } }
@keyframes ico-settings-2 { 0% { scale: 1 1 } 35% { scale: 1.25 1.25 } 70% { scale: 0.9 0.9 } 100% { scale: 1 1 } }
@keyframes ico-key-1 { 0% { rotate: 0deg } 40% { rotate: 11deg } 75% { rotate: -5deg } 100% { rotate: 0deg } }
@keyframes ico-lock-1 { 0% { translate: 0px 0px; rotate: 0deg } 25% { translate: -3px 0px; rotate: -2deg } 50% { translate: 3px 0px; rotate: 2deg } 75% { translate: -3px 0px; rotate: -2deg } 100% { translate: 0px 0px; rotate: 0deg } }
@keyframes ico-mail-1 { 0% { scale: 1 1 } 40% { scale: 1 -0.8 } 65% { scale: 1 -0.8 } 100% { scale: 1 1 } }
@keyframes ico-phone-1 { 0% { scale: 0.3 0.3 } 100% { scale: 1.5 1.5 } }
@keyframes ico-phone-2 { 0% { rotate: 0deg } 25% { rotate: -8deg } 50% { rotate: 8deg } 75% { rotate: -6deg } 100% { rotate: 0deg } }
@keyframes ico-contact-1 { 0% { scale: 1 1 } 40% { scale: 1 0.8 } 75% { scale: 1 1.05 } 100% { scale: 1 1 } }
@keyframes ico-contact-2 { 0% { translate: 0px 0px } 35% { translate: 0px -1.2px } 70% { translate: 0px 0.4px } 100% { translate: 0px 0px } }
@keyframes ico-calendar-days-1 { 0% { translate: 0px 0px } 40% { translate: 0px 1.6px } 75% { translate: 0px -0.3px } 100% { translate: 0px 0px } }
@keyframes ico-calendar-days-2 { 0% { translate: 0px 0px } 40% { translate: 0px 1.6px } 75% { translate: 0px -0.3px } 100% { translate: 0px 0px } }
@keyframes ico-calendar-days-3 { 0% { scale: 1 1 } 50% { scale: 1.7 1.7 } 100% { scale: 1 1 } }
@keyframes ico-calendar-days-4 { 0% { scale: 1 1 } 50% { scale: 1.7 1.7 } 100% { scale: 1 1 } }
@keyframes ico-calendar-days-5 { 0% { scale: 1 1 } 50% { scale: 1.7 1.7 } 100% { scale: 1 1 } }
@keyframes ico-calendar-days-6 { 0% { scale: 1 1 } 50% { scale: 1.7 1.7 } 100% { scale: 1 1 } }
@keyframes ico-calendar-days-7 { 0% { scale: 1 1 } 50% { scale: 1.7 1.7 } 100% { scale: 1 1 } }
@keyframes ico-calendar-days-8 { 0% { scale: 1 1 } 50% { scale: 1.7 1.7 } 100% { scale: 1 1 } }
@keyframes ico-clock-1 { 0% { rotate: 0deg } 100% { rotate: 360deg } }
@keyframes ico-map-pin-1a { 0% { translate: 0px 0px } 30% { translate: 0px 1px } 60% { translate: 0px 0.3px } 100% { translate: 0px 0px } }
@keyframes ico-map-pin-1b { 0% { rotate: 0deg } 25% { rotate: -9deg } 50% { rotate: 7deg } 75% { rotate: -3deg } 100% { rotate: 0deg } }
@keyframes ico-building-2-1 { 0% { scale: 1 1; opacity: 1 } 50% { scale: 0.3 1; opacity: 0.35 } 100% { scale: 1 1; opacity: 1 } }
@keyframes ico-building-2-2 { 0% { scale: 1 1; opacity: 1 } 50% { scale: 0.3 1; opacity: 0.35 } 100% { scale: 1 1; opacity: 1 } }
@keyframes ico-building-2-3 { 0% { scale: 1 1 } 50% { scale: 0.45 1 } 100% { scale: 1 1 } }
@keyframes ico-landmark-1 { 0% { scale: 1 1 } 40% { scale: 1 0.6 } 75% { scale: 1 1.05 } 100% { scale: 1 1 } }
@keyframes ico-landmark-2 { 0% { translate: 0px 0px } 40% { translate: 0px 2.8px } 75% { translate: 0px -0.4px } 100% { translate: 0px 0px } }
@keyframes ico-landmark-3 { 0% { scale: 1 1 } 40% { scale: 1 0.6 } 75% { scale: 1 1.05 } 100% { scale: 1 1 } }
@keyframes ico-landmark-4 { 0% { scale: 1 1 } 40% { scale: 1 0.6 } 75% { scale: 1 1.05 } 100% { scale: 1 1 } }
@keyframes ico-landmark-5 { 0% { scale: 1 1 } 40% { scale: 1 0.6 } 75% { scale: 1 1.05 } 100% { scale: 1 1 } }
@keyframes ico-briefcase-1 { 0% { translate: 0px 0px; rotate: 0deg } 35% { translate: 0px -1px; rotate: -5deg } 70% { translate: 0px 0px; rotate: 4deg } 100% { translate: 0px 0px; rotate: 0deg } }
@keyframes ico-eye-1 { 0% { scale: 1 1 } 45% { scale: 1 1 } 72% { scale: 1 0.2 } 100% { scale: 1 1 } }
@keyframes ico-eye-2 { 0% { translate: 0px 0px } 30% { translate: -2.5px 0px } 70% { translate: 2.5px 0px } 100% { translate: 0px 0px } }
@keyframes ico-hand-coins-1 { 0% { translate: 0px 0px } 35% { translate: 0px -1.2px } 70% { translate: 0px 0.4px } 100% { translate: 0px 0px } }
@keyframes ico-hand-coins-2 { 0% { translate: 0px 0px } 40% { translate: 0px 3px } 72% { translate: 0px -0.6px } 100% { translate: 0px 0px } }
@keyframes ico-receipt-1 { 0% { rotate: 0deg } 25% { rotate: -3deg } 50% { rotate: 2.5deg } 75% { rotate: -1deg } 100% { rotate: 0deg } }
@keyframes ico-receipt-2 { 0% { scale: 1 1 } 50% { scale: 1.2 1.2 } 100% { scale: 1 1 } }
@keyframes ico-history-1 { 0% { translate: 0px 0px } 35% { translate: -1.5px -1.5px } 70% { translate: 0.5px 0.5px } 100% { translate: 0px 0px } }
@keyframes ico-history-2 { 0% { rotate: 0deg } 100% { rotate: -360deg } }
@keyframes ico-inbox-1 { 0% { scale: 1 1 } 35% { scale: 1 1.7 } 70% { scale: 1 0.9 } 100% { scale: 1 1 } }
@keyframes ico-search-1 { 0% { translate: 0px 0px; rotate: 0deg } 25% { translate: 2px -1px; rotate: 6deg } 50% { translate: -2px 2px; rotate: -6deg } 75% { translate: 1px -1px; rotate: 4deg } 100% { translate: 0px 0px; rotate: 0deg } }
@keyframes ico-sliders-horizontal-1 { 0% { opacity: 1 } 50% { opacity: 0.6 } 100% { opacity: 1 } }
@keyframes ico-sliders-horizontal-2 { 0% { opacity: 1 } 50% { opacity: 0.6 } 100% { opacity: 1 } }
@keyframes ico-sliders-horizontal-3 { 0% { opacity: 1 } 50% { opacity: 0.6 } 100% { opacity: 1 } }
@keyframes ico-sliders-horizontal-4 { 0% { opacity: 1 } 50% { opacity: 0.6 } 100% { opacity: 1 } }
@keyframes ico-sliders-horizontal-5 { 0% { opacity: 1 } 50% { opacity: 0.6 } 100% { opacity: 1 } }
@keyframes ico-sliders-horizontal-6 { 0% { opacity: 1 } 50% { opacity: 0.6 } 100% { opacity: 1 } }
@keyframes ico-sliders-horizontal-7 { 0% { translate: 0px 0px } 50% { translate: 3px 0px } 100% { translate: 0px 0px } }
@keyframes ico-sliders-horizontal-8 { 0% { translate: 0px 0px } 50% { translate: -3px 0px } 100% { translate: 0px 0px } }
@keyframes ico-sliders-horizontal-9 { 0% { translate: 0px 0px } 50% { translate: 3px 0px } 100% { translate: 0px 0px } }
@keyframes ico-rotate-ccw-1 { 0% { rotate: 0deg; scale: 1 1 } 50% { scale: 0.9 0.9 } 100% { rotate: -360deg; scale: 1 1 } }
@keyframes ico-plus-1 { 0% { rotate: 0deg; scale: 1 1 } 50% { scale: 1.2 1.2 } 100% { rotate: 90deg; scale: 1 1 } }
@keyframes ico-x-1 { 0% { rotate: 0deg; scale: 1 1 } 50% { scale: 1.2 1.2 } 100% { rotate: 90deg; scale: 1 1 } }
@keyframes ico-house-1 { 0% { scale: 1 1 } 35% { scale: 0.8 0.8 } 75% { scale: 1.06 1.06 } 100% { scale: 1 1 } }
@keyframes ico-house-2a { 0% { stroke-dashoffset: 25 } 100% { stroke-dashoffset: 0 } }
@keyframes ico-house-2b { 0% { opacity: 0 } 100% { opacity: 1 } }
@keyframes ico-message-circle-1 { 0% { scale: 1 1 } 35% { scale: 0.7 0.7 } 75% { scale: 1.05 1.05 } 100% { scale: 1 1 } }
@keyframes ico-crown-1a { 0% { translate: 0px 0px; rotate: 0deg } 30% { translate: 0px -5px; rotate: -8deg } 70% { translate: 0px 0.8px; rotate: 4deg } 100% { translate: 0px 0px; rotate: 0deg } }
@keyframes ico-crown-1b { 0% { opacity: 1 } 30% { opacity: 0 } 60% { opacity: 1 } 100% { opacity: 1 } }
@keyframes ico-crown-2 { 0% { scale: 1 1 } 60% { scale: 1 1 } 72% { scale: 0.8 1 } 86% { scale: 1.06 1 } 100% { scale: 1 1 } }
@keyframes ico-credit-card-1 { 0% { scale: 1 1; rotate: 0deg } 50% { scale: 1.05 1.05; rotate: -5deg } 100% { scale: 1 1; rotate: 0deg } }
@keyframes ico-credit-card-2a { 0% { stroke-dashoffset: 21 } 100% { stroke-dashoffset: 0 } }
@keyframes ico-credit-card-2b { 0% { opacity: 0.4 } 100% { opacity: 1 } }
@keyframes ico-wallet-1 { 0% { rotate: 0deg } 35% { rotate: -4deg } 70% { rotate: 1.5deg } 100% { rotate: 0deg } }
@keyframes ico-gift-1 { 0% { scale: 1 1 } 40% { scale: 1 1.06 } 75% { scale: 1 1 } 100% { scale: 1 1 } }
@keyframes ico-gift-2 { 0% { rotate: 0deg } 40% { rotate: -5.5deg } 75% { rotate: 1.5deg } 100% { rotate: 0deg } }
@keyframes ico-gift-3 { 0% { scale: 1 1 } 40% { scale: 1 0.92 } 75% { scale: 1 1 } 100% { scale: 1 1 } }
@keyframes ico-badge-check-1 { 0% { scale: 1 1 } 35% { scale: 1.08 1.08 } 70% { scale: 0.97 0.97 } 100% { scale: 1 1 } }
@keyframes ico-badge-check-2a { 0% { stroke-dashoffset: 9 } 100% { stroke-dashoffset: 0 } }
@keyframes ico-badge-check-2b { 0% { opacity: 0 } 100% { opacity: 1 } }
@keyframes ico-badge-check-2c { 0% { scale: 0.8 0.8 } 60% { scale: 1.12 1.12 } 100% { scale: 1 1 } }
@keyframes ico-graduation-cap-1 { 0% { translate: 0px 0px; rotate: 0deg } 35% { translate: 0px -4px; rotate: 6deg } 65% { translate: 0px 0px; rotate: -2deg } 82% { translate: 0px -1px; rotate: 0deg } 100% { translate: 0px 0px; rotate: 0deg } }
@keyframes ico-graduation-cap-2 { 0% { rotate: 0deg } 25% { rotate: 18deg } 50% { rotate: -5deg } 75% { rotate: 10deg } 100% { rotate: 0deg } }
@keyframes ico-medal-1 { 0% { rotate: 0deg } 25% { rotate: 20deg } 50% { rotate: -14deg } 75% { rotate: 7deg } 100% { rotate: 0deg } }
@keyframes ico-book-open-1 { 0% { scale: 1 1 } 30% { scale: 0.8 1 } 72% { scale: 1.05 1 } 100% { scale: 1 1 } }
@keyframes ico-signature-1a { 0% { stroke-dashoffset: -54 } 100% { stroke-dashoffset: 0 } }
@keyframes ico-signature-1b { 0% { opacity: 0 } 100% { opacity: 1 } }
@keyframes ico-wrench-1 { 0% { rotate: 0deg } 25% { rotate: -12deg } 50% { rotate: 10deg } 75% { rotate: -6deg } 100% { rotate: 0deg } }
.ico-triangle-alert .ia1 { transform-box: view-box; transform-origin: 12px 13px; }
:is(a, button, label, summary, .ico-host):hover .ico-triangle-alert .ia1, .ico-play .ico-triangle-alert .ia1 { animation: ico-triangle-alert-1 0.6s ease-in-out both; }
.ico-triangle-alert .ia2 { transform-box: view-box; transform-origin: 12px 13px; }
:is(a, button, label, summary, .ico-host):hover .ico-triangle-alert .ia2, .ico-play .ico-triangle-alert .ia2 { animation: ico-triangle-alert-2 0.6s ease-in-out both; }
.ico-circle-alert .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-circle-alert .ia1, .ico-play .ico-circle-alert .ia1 { animation: ico-circle-alert-1 0.6s ease-in-out both; }
.ico-circle-alert .ia2 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-circle-alert .ia2, .ico-play .ico-circle-alert .ia2 { animation: ico-circle-alert-2 0.6s ease-in-out both; }
.ico-alarm-clock { transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-alarm-clock, .ico-play .ico-alarm-clock { animation: ico-alarm-clock-1 0.9s ease-in-out both; }
.ico-alarm-clock .ia2 { transform-box: view-box; transform-origin: 12px 13px; }
:is(a, button, label, summary, .ico-host):hover .ico-alarm-clock .ia2, .ico-play .ico-alarm-clock .ia2 { animation: ico-alarm-clock-2 0.9s ease-in-out both; }
.ico-info .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-info .ia1, .ico-play .ico-info .ia1 { animation: ico-info-1 0.6s ease-in-out both; }
.ico-info .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-info .ia2, .ico-play .ico-info .ia2 { animation: ico-info-2 0.6s ease-in-out 0.08s both; }
.ico-bell { transform-origin: top center; }
:is(a, button, label, summary, .ico-host):hover .ico-bell, .ico-play .ico-bell { animation: ico-bell-1 1.1s ease-in-out both; }
.ico-bell .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-bell .ia2, .ico-play .ico-bell .ia2 { animation: ico-bell-2 1.1s ease-in-out both; }
.ico-bell-ring { transform-origin: top center; }
:is(a, button, label, summary, .ico-host):hover .ico-bell-ring, .ico-play .ico-bell-ring { animation: ico-bell-ring-1 1.1s ease-in-out both; }
.ico-bell-ring .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-bell-ring .ia2, .ico-play .ico-bell-ring .ia2 { animation: ico-bell-ring-2 1.1s ease-in-out both; }
.ico-bell-ring .ia3 { transform-origin: 0% 100%; }
:is(a, button, label, summary, .ico-host):hover .ico-bell-ring .ia3, .ico-play .ico-bell-ring .ia3 { animation: ico-bell-ring-3 1.1s ease-out 0.07s both; }
.ico-bell-ring .ia4 { transform-origin: 100% 100%; }
:is(a, button, label, summary, .ico-host):hover .ico-bell-ring .ia4, .ico-play .ico-bell-ring .ia4 { animation: ico-bell-ring-4 1.1s ease-out 0.07s both; }
.ico-megaphone .ia1 { transform-box: view-box; transform-origin: 5px 11px; }
:is(a, button, label, summary, .ico-host):hover .ico-megaphone .ia1, .ico-play .ico-megaphone .ia1 { animation: ico-megaphone-1 0.8s ease-in-out both; }
.ico-star .ia1 { transform-box: view-box; transform-origin: 12px 12.5px; }
:is(a, button, label, summary, .ico-host):hover .ico-star .ia1, .ico-play .ico-star .ia1 { animation: ico-star-1 0.8s ease-in-out both; }
.ico-heart .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-heart .ia1, .ico-play .ico-heart .ia1 { animation: ico-heart-1 0.8s ease-in-out both; }
.ico-bookmark { transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-bookmark, .ico-play .ico-bookmark { animation: ico-bookmark-1 0.55s ease-out both; }
.ico-external-link .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-external-link .ia1, .ico-play .ico-external-link .ia1 { animation: ico-external-link-1 0.6s ease-in-out both; }
.ico-arrow-right { transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-arrow-right, .ico-play .ico-arrow-right { animation: ico-arrow-right-1 0.6s ease-in-out both; }
.ico-arrow-left { transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-arrow-left, .ico-play .ico-arrow-left { animation: ico-arrow-left-1 0.6s ease-in-out both; }
.ico-chevron-right .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-chevron-right .ia1, .ico-play .ico-chevron-right .ia1 { animation: ico-chevron-right-1 0.6s ease-in-out both; }
.ico-chevron-down .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-chevron-down .ia1, .ico-play .ico-chevron-down .ia1 { animation: ico-chevron-down-1 0.6s ease-in-out both; }
.ico-corner-down-right .ia1 { transform-box: view-box; transform-origin: 4px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-corner-down-right .ia1, .ico-play .ico-corner-down-right .ia1 { animation: ico-corner-down-right-1 0.5s ease-in-out both; }
.ico-corner-down-right .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-corner-down-right .ia2, .ico-play .ico-corner-down-right .ia2 { animation: ico-corner-down-right-2 0.5s ease-in-out both; }
.ico-link .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-link .ia1, .ico-play .ico-link .ia1 { animation: ico-link-1 0.9s ease-in-out both; }
.ico-link .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-link .ia2, .ico-play .ico-link .ia2 { animation: ico-link-2 0.9s ease-in-out both; }
.ico-send .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-send .ia1, .ico-play .ico-send .ia1 { animation: ico-send-1 0.9s ease-in both; }
.ico-share .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-share .ia1, .ico-play .ico-share .ia1 { animation: ico-share-1 0.6s ease-in-out both; }
.ico-share .ia2 { transform-box: view-box; transform-origin: 12px 22px; }
:is(a, button, label, summary, .ico-host):hover .ico-share .ia2, .ico-play .ico-share .ia2 { animation: ico-share-2 0.6s ease-in-out both; }
.ico-file-text .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-file-text .ia1, .ico-play .ico-file-text .ia1 { animation: ico-file-text-1 0.6s ease-in-out both; }
.ico-file-pen .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-file-pen .ia1, .ico-play .ico-file-pen .ia1 { animation: ico-file-pen-1 0.6s ease-in-out both; }
.ico-file-pen .ia2 { transform-box: view-box; transform-origin: 4.8px 21.6px; }
:is(a, button, label, summary, .ico-host):hover .ico-file-pen .ia2, .ico-play .ico-file-pen .ia2 { animation: ico-file-pen-2 0.8s ease-in-out both; }
.ico-file-check .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-file-check .ia1, .ico-play .ico-file-check .ia1 { animation: ico-file-check-1 0.6s ease-in-out both; }
.ico-file-check .ia2 { transform-box: view-box; transform-origin: 12px 15px; }
:is(a, button, label, summary, .ico-host):hover .ico-file-check .ia2, .ico-play .ico-file-check .ia2 { animation: ico-file-check-2a 0.45s ease-out 0.15s both, ico-file-check-2b 0.25s ease-in-out 0.15s both, ico-file-check-2c 0.45s ease-in-out 0.19s both; }
.ico-file-down .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-file-down .ia1, .ico-play .ico-file-down .ia1 { animation: ico-file-down-1 0.6s ease-in-out both; }
.ico-file-down .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-file-down .ia2, .ico-play .ico-file-down .ia2 { animation: ico-file-down-2 0.6s ease-in-out both; }
.ico-paperclip .ia1 { transform-box: view-box; transform-origin: 17px 4px; }
:is(a, button, label, summary, .ico-host):hover .ico-paperclip .ia1, .ico-play .ico-paperclip .ia1 { animation: ico-paperclip-1 1s ease-in-out both; }
.ico-download .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-download .ia1, .ico-play .ico-download .ia1 { animation: ico-download-1 0.8s ease-in-out both; }
.ico-download .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-download .ia2, .ico-play .ico-download .ia2 { animation: ico-download-2 0.8s ease-in-out both; }
.ico-upload .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-upload .ia1, .ico-play .ico-upload .ia1 { animation: ico-upload-1 0.8s ease-in-out both; }
.ico-upload .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-upload .ia2, .ico-play .ico-upload .ia2 { animation: ico-upload-2 0.8s ease-in-out both; }
.ico-copy .ia1 { transform-box: view-box; transform-origin: 15px 15px; }
:is(a, button, label, summary, .ico-host):hover .ico-copy .ia1, .ico-play .ico-copy .ia1 { animation: ico-copy-1 0.9s ease-in-out both; }
.ico-copy .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-copy .ia2, .ico-play .ico-copy .ia2 { animation: ico-copy-2 0.9s ease-in-out both; }
.ico-square-pen .ia1 { transform-box: view-box; transform-origin: 9px 15px; }
:is(a, button, label, summary, .ico-host):hover .ico-square-pen .ia1, .ico-play .ico-square-pen .ia1 { animation: ico-square-pen-1 0.8s ease-in-out both; }
.ico-pencil .ia1 { transform-box: view-box; transform-origin: 3px 21px; }
:is(a, button, label, summary, .ico-host):hover .ico-pencil .ia1, .ico-play .ico-pencil .ia1 { animation: ico-pencil-1 0.7s ease-in-out both; }
.ico-trash-2 .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-trash-2 .ia1, .ico-play .ico-trash-2 .ia1 { animation: ico-trash-2-1 0.9s ease-in-out both; }
.ico-trash-2 .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-trash-2 .ia2, .ico-play .ico-trash-2 .ia2 { animation: ico-trash-2-2 0.9s ease-in-out both; }
.ico-trash-2 .ia3 { transform-box: view-box; transform-origin: 12px 22px; }
:is(a, button, label, summary, .ico-host):hover .ico-trash-2 .ia3, .ico-play .ico-trash-2 .ia3 { animation: ico-trash-2-3 0.9s ease-out both; }
.ico-trash-2 .ia4 { transform-box: view-box; transform-origin: 3px 6px; }
:is(a, button, label, summary, .ico-host):hover .ico-trash-2 .ia4, .ico-play .ico-trash-2 .ia4 { animation: ico-trash-2-4 0.9s ease-in-out both; }
.ico-folder-open .ia1 { transform-box: view-box; transform-origin: 12px 20px; }
:is(a, button, label, summary, .ico-host):hover .ico-folder-open .ia1, .ico-play .ico-folder-open .ia1 { animation: ico-folder-open-1 0.6s ease-in-out both; }
.ico-list .ia1 { transform-box: view-box; transform-origin: 3px 5px; }
:is(a, button, label, summary, .ico-host):hover .ico-list .ia1, .ico-play .ico-list .ia1 { animation: ico-list-1 0.4s ease-in-out both; }
.ico-list .ia2 { transform-box: view-box; transform-origin: 3px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-list .ia2, .ico-play .ico-list .ia2 { animation: ico-list-2 0.4s ease-in-out 0.12s both; }
.ico-list .ia3 { transform-box: view-box; transform-origin: 3px 19px; }
:is(a, button, label, summary, .ico-host):hover .ico-list .ia3, .ico-play .ico-list .ia3 { animation: ico-list-3 0.4s ease-in-out 0.24s both; }
.ico-list .ia4 { transform-box: view-box; transform-origin: 8px 5px; }
:is(a, button, label, summary, .ico-host):hover .ico-list .ia4, .ico-play .ico-list .ia4 { animation: ico-list-4 0.5s ease-in-out 0.05s both; }
.ico-list .ia5 { transform-box: view-box; transform-origin: 8px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-list .ia5, .ico-play .ico-list .ia5 { animation: ico-list-5 0.5s ease-in-out 0.17s both; }
.ico-list .ia6 { transform-box: view-box; transform-origin: 8px 19px; }
:is(a, button, label, summary, .ico-host):hover .ico-list .ia6, .ico-play .ico-list .ia6 { animation: ico-list-6 0.5s ease-in-out 0.29s both; }
.ico-zoom-in .ia1 { transform-box: view-box; transform-origin: 11px 11px; }
:is(a, button, label, summary, .ico-host):hover .ico-zoom-in .ia1, .ico-play .ico-zoom-in .ia1 { animation: ico-zoom-in-1 0.6s ease-in-out both; }
.ico-zoom-in .ia2 { transform-box: view-box; transform-origin: 11px 11px; }
:is(a, button, label, summary, .ico-host):hover .ico-zoom-in .ia2, .ico-play .ico-zoom-in .ia2 { animation: ico-zoom-in-2 0.5s ease-in-out both; }
.ico-printer .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-printer .ia1, .ico-play .ico-printer .ia1 { animation: ico-printer-1 0.7s ease-in-out both; }
.ico-user .ia1 { transform-box: view-box; transform-origin: 12px 21px; }
:is(a, button, label, summary, .ico-host):hover .ico-user .ia1, .ico-play .ico-user .ia1 { animation: ico-user-1 0.6s ease-in-out both; }
.ico-user .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-user .ia2, .ico-play .ico-user .ia2 { animation: ico-user-2 0.6s ease-in-out both; }
.ico-user-plus .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-user-plus .ia1, .ico-play .ico-user-plus .ia1 { animation: ico-user-plus-1 0.6s ease-in-out both; }
.ico-user-plus .ia2 { transform-box: view-box; transform-origin: 19px 11px; }
:is(a, button, label, summary, .ico-host):hover .ico-user-plus .ia2, .ico-play .ico-user-plus .ia2 { animation: ico-user-plus-2 0.5s ease-in-out both; }
.ico-users .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-users .ia1, .ico-play .ico-users .ia1 { animation: ico-users-1 0.6s ease-in-out 0.1s both; }
.ico-users .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-users .ia2, .ico-play .ico-users .ia2 { animation: ico-users-2 0.6s ease-in-out both; }
.ico-log-in .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-log-in .ia1, .ico-play .ico-log-in .ia1 { animation: ico-log-in-1 0.6s ease-in-out both; }
.ico-log-out .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-log-out .ia1, .ico-play .ico-log-out .ia1 { animation: ico-log-out-1 0.6s ease-in-out both; }
.ico-settings .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-settings .ia1, .ico-play .ico-settings .ia1 { animation: ico-settings-1 0.9s ease-in-out both; }
.ico-settings .ia2 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-settings .ia2, .ico-play .ico-settings .ia2 { animation: ico-settings-2 0.6s ease-in-out both; }
.ico-key .ia1 { transform-box: view-box; transform-origin: 7.5px 15.5px; }
:is(a, button, label, summary, .ico-host):hover .ico-key .ia1, .ico-play .ico-key .ia1 { animation: ico-key-1 0.7s ease-in-out both; }
.ico-lock { transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-lock, .ico-play .ico-lock { animation: ico-lock-1 0.55s ease-in-out both; }
.ico-mail .ia1 { transform-box: view-box; transform-origin: 12px 7px; }
:is(a, button, label, summary, .ico-host):hover .ico-mail .ia1, .ico-play .ico-mail .ia1 { animation: ico-mail-1 0.8s ease-in-out both; }
.ico-phone .ia1 { opacity: 0; scale: 0.3 0.3; transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-phone .ia1, .ico-play .ico-phone .ia1 { animation: ico-phone-1 0.9s ease-out both; }
.ico-phone .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-phone .ia2, .ico-play .ico-phone .ia2 { animation: ico-phone-2 0.9s ease-in-out both; }
.ico-contact .ia1 { transform-box: view-box; transform-origin: 12px 21px; }
:is(a, button, label, summary, .ico-host):hover .ico-contact .ia1, .ico-play .ico-contact .ia1 { animation: ico-contact-1 0.5s ease-in-out 0.3s both; }
.ico-contact .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-contact .ia2, .ico-play .ico-contact .ia2 { animation: ico-contact-2 0.6s ease-in-out both; }
.ico-calendar-days .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-calendar-days .ia1, .ico-play .ico-calendar-days .ia1 { animation: ico-calendar-days-1 0.6s ease-in-out both; }
.ico-calendar-days .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-calendar-days .ia2, .ico-play .ico-calendar-days .ia2 { animation: ico-calendar-days-2 0.6s ease-in-out both; }
.ico-calendar-days .ia3 { transform-box: view-box; transform-origin: 8px 13px; }
:is(a, button, label, summary, .ico-host):hover .ico-calendar-days .ia3, .ico-play .ico-calendar-days .ia3 { animation: ico-calendar-days-3 0.45s ease-in-out 0.1s both; }
.ico-calendar-days .ia4 { transform-box: view-box; transform-origin: 12px 13px; }
:is(a, button, label, summary, .ico-host):hover .ico-calendar-days .ia4, .ico-play .ico-calendar-days .ia4 { animation: ico-calendar-days-4 0.45s ease-in-out 0.17s both; }
.ico-calendar-days .ia5 { transform-box: view-box; transform-origin: 16px 13px; }
:is(a, button, label, summary, .ico-host):hover .ico-calendar-days .ia5, .ico-play .ico-calendar-days .ia5 { animation: ico-calendar-days-5 0.45s ease-in-out 0.24s both; }
.ico-calendar-days .ia6 { transform-box: view-box; transform-origin: 8px 17px; }
:is(a, button, label, summary, .ico-host):hover .ico-calendar-days .ia6, .ico-play .ico-calendar-days .ia6 { animation: ico-calendar-days-6 0.45s ease-in-out 0.31s both; }
.ico-calendar-days .ia7 { transform-box: view-box; transform-origin: 12px 17px; }
:is(a, button, label, summary, .ico-host):hover .ico-calendar-days .ia7, .ico-play .ico-calendar-days .ia7 { animation: ico-calendar-days-7 0.45s ease-in-out 0.38s both; }
.ico-calendar-days .ia8 { transform-box: view-box; transform-origin: 16px 17px; }
:is(a, button, label, summary, .ico-host):hover .ico-calendar-days .ia8, .ico-play .ico-calendar-days .ia8 { animation: ico-calendar-days-8 0.45s ease-in-out 0.45s both; }
.ico-clock .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-clock .ia1, .ico-play .ico-clock .ia1 { animation: ico-clock-1 0.9s ease-in-out both; }
.ico-map-pin .ia1 { transform-box: view-box; transform-origin: 12px 22px; }
:is(a, button, label, summary, .ico-host):hover .ico-map-pin .ia1, .ico-play .ico-map-pin .ia1 { animation: ico-map-pin-1a 0.5s ease-in-out both, ico-map-pin-1b 0.7s ease-in-out both; }
.ico-building-2 .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-building-2 .ia1, .ico-play .ico-building-2 .ia1 { animation: ico-building-2-1 0.45s ease-in-out 0.1s both; }
.ico-building-2 .ia2 { transform-box: view-box; transform-origin: 12px 8px; }
:is(a, button, label, summary, .ico-host):hover .ico-building-2 .ia2, .ico-play .ico-building-2 .ia2 { animation: ico-building-2-2 0.45s ease-in-out 0.2s both; }
.ico-building-2 .ia3 { transform-box: view-box; transform-origin: 10px 21px; }
:is(a, button, label, summary, .ico-host):hover .ico-building-2 .ia3, .ico-play .ico-building-2 .ia3 { animation: ico-building-2-3 0.5s ease-in-out both; }
.ico-landmark .ia1 { transform-box: view-box; transform-origin: 10px 18px; }
:is(a, button, label, summary, .ico-host):hover .ico-landmark .ia1, .ico-play .ico-landmark .ia1 { animation: ico-landmark-1 0.6s ease-in-out 0.04s both; }
.ico-landmark .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-landmark .ia2, .ico-play .ico-landmark .ia2 { animation: ico-landmark-2 0.6s ease-in-out 0.06s both; }
.ico-landmark .ia3 { transform-box: view-box; transform-origin: 14px 18px; }
:is(a, button, label, summary, .ico-host):hover .ico-landmark .ia3, .ico-play .ico-landmark .ia3 { animation: ico-landmark-3 0.6s ease-in-out 0.08s both; }
.ico-landmark .ia4 { transform-box: view-box; transform-origin: 18px 18px; }
:is(a, button, label, summary, .ico-host):hover .ico-landmark .ia4, .ico-play .ico-landmark .ia4 { animation: ico-landmark-4 0.6s ease-in-out 0.12s both; }
.ico-landmark .ia5 { transform-box: view-box; transform-origin: 6px 18px; }
:is(a, button, label, summary, .ico-host):hover .ico-landmark .ia5, .ico-play .ico-landmark .ia5 { animation: ico-landmark-5 0.6s ease-in-out both; }
.ico-briefcase .ia1 { transform-box: view-box; transform-origin: 12px 3px; }
:is(a, button, label, summary, .ico-host):hover .ico-briefcase .ia1, .ico-play .ico-briefcase .ia1 { animation: ico-briefcase-1 0.7s ease-in-out both; }
.ico-eye .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-eye .ia1, .ico-play .ico-eye .ia1 { animation: ico-eye-1 0.9s ease-in-out both; }
.ico-eye .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-eye .ia2, .ico-play .ico-eye .ia2 { animation: ico-eye-2 0.45s ease-in-out both; }
.ico-hand-coins .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-hand-coins .ia1, .ico-play .ico-hand-coins .ia1 { animation: ico-hand-coins-1 0.5s ease-in-out 0.25s both; }
.ico-hand-coins .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-hand-coins .ia2, .ico-play .ico-hand-coins .ia2 { animation: ico-hand-coins-2 0.65s ease-in-out both; }
.ico-receipt .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-receipt .ia1, .ico-play .ico-receipt .ia1 { animation: ico-receipt-1 0.7s ease-in-out both; }
.ico-receipt .ia2 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-receipt .ia2, .ico-play .ico-receipt .ia2 { animation: ico-receipt-2 0.5s ease-in-out 0.1s both; }
.ico-history .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-history .ia1, .ico-play .ico-history .ia1 { animation: ico-history-1 0.6s ease-in-out both; }
.ico-history .ia2 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-history .ia2, .ico-play .ico-history .ia2 { animation: ico-history-2 0.9s ease-in-out both; }
.ico-inbox .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-inbox .ia1, .ico-play .ico-inbox .ia1 { animation: ico-inbox-1 0.6s ease-in-out both; }
.ico-search .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-search .ia1, .ico-play .ico-search .ia1 { animation: ico-search-1 1s ease-in-out both; }
.ico-sliders-horizontal .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-sliders-horizontal .ia1, .ico-play .ico-sliders-horizontal .ia1 { animation: ico-sliders-horizontal-1 0.6s ease-in-out both; }
.ico-sliders-horizontal .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-sliders-horizontal .ia2, .ico-play .ico-sliders-horizontal .ia2 { animation: ico-sliders-horizontal-2 0.6s ease-in-out both; }
.ico-sliders-horizontal .ia3 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-sliders-horizontal .ia3, .ico-play .ico-sliders-horizontal .ia3 { animation: ico-sliders-horizontal-3 0.6s ease-in-out both; }
.ico-sliders-horizontal .ia4 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-sliders-horizontal .ia4, .ico-play .ico-sliders-horizontal .ia4 { animation: ico-sliders-horizontal-4 0.6s ease-in-out both; }
.ico-sliders-horizontal .ia5 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-sliders-horizontal .ia5, .ico-play .ico-sliders-horizontal .ia5 { animation: ico-sliders-horizontal-5 0.6s ease-in-out both; }
.ico-sliders-horizontal .ia6 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-sliders-horizontal .ia6, .ico-play .ico-sliders-horizontal .ia6 { animation: ico-sliders-horizontal-6 0.6s ease-in-out both; }
.ico-sliders-horizontal .ia7 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-sliders-horizontal .ia7, .ico-play .ico-sliders-horizontal .ia7 { animation: ico-sliders-horizontal-7 0.7s ease-in-out 0.05s both; }
.ico-sliders-horizontal .ia8 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-sliders-horizontal .ia8, .ico-play .ico-sliders-horizontal .ia8 { animation: ico-sliders-horizontal-8 0.7s ease-in-out -0.05s both; }
.ico-sliders-horizontal .ia9 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-sliders-horizontal .ia9, .ico-play .ico-sliders-horizontal .ia9 { animation: ico-sliders-horizontal-9 0.7s ease-in-out 0.05s both; }
.ico-rotate-ccw .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-rotate-ccw .ia1, .ico-play .ico-rotate-ccw .ia1 { animation: ico-rotate-ccw-1 0.8s ease-in-out both; }
.ico-plus .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-plus .ia1, .ico-play .ico-plus .ia1 { animation: ico-plus-1 0.5s ease-in-out both; }
.ico-x .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-x .ia1, .ico-play .ico-x .ia1 { animation: ico-x-1 0.5s ease-in-out both; }
.ico-house .ia1 { transform-box: view-box; transform-origin: 12px 21px; }
:is(a, button, label, summary, .ico-host):hover .ico-house .ia1, .ico-play .ico-house .ia1 { animation: ico-house-1 0.7s ease-in-out both; }
.ico-house .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-house .ia2, .ico-play .ico-house .ia2 { animation: ico-house-2a 0.45s ease-out 0.35s both, ico-house-2b 0.25s ease-in-out 0.35s both; }
.ico-message-circle .ia1 { transform-box: view-box; transform-origin: 4px 20px; }
:is(a, button, label, summary, .ico-host):hover .ico-message-circle .ia1, .ico-play .ico-message-circle .ia1 { animation: ico-message-circle-1 0.65s ease-in-out both; }
.ico-crown .ia1 { transform-box: view-box; transform-origin: 12px 17px; }
:is(a, button, label, summary, .ico-host):hover .ico-crown .ia1, .ico-play .ico-crown .ia1 { animation: ico-crown-1a 0.8s ease-in-out both, ico-crown-1b 0.8s ease-in-out both; }
.ico-crown .ia2 { transform-box: view-box; transform-origin: 12px 21px; }
:is(a, button, label, summary, .ico-host):hover .ico-crown .ia2, .ico-play .ico-crown .ia2 { animation: ico-crown-2 0.8s ease-in-out both; }
.ico-credit-card .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-credit-card .ia1, .ico-play .ico-credit-card .ia1 { animation: ico-credit-card-1 0.7s ease-in-out both; }
.ico-credit-card .ia2 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-credit-card .ia2, .ico-play .ico-credit-card .ia2 { animation: ico-credit-card-2a 0.5s ease-out 0.1s both, ico-credit-card-2b 0.25s ease-in-out 0.1s both; }
.ico-wallet .ia1 { transform-box: view-box; transform-origin: 3px 5px; }
:is(a, button, label, summary, .ico-host):hover .ico-wallet .ia1, .ico-play .ico-wallet .ia1 { animation: ico-wallet-1 0.6s ease-in-out both; }
.ico-gift .ia1 { transform-box: view-box; transform-origin: 12px 21px; }
:is(a, button, label, summary, .ico-host):hover .ico-gift .ia1, .ico-play .ico-gift .ia1 { animation: ico-gift-1 0.7s ease-in-out both; }
.ico-gift .ia2 { transform-box: view-box; transform-origin: 3px 11px; }
:is(a, button, label, summary, .ico-host):hover .ico-gift .ia2, .ico-play .ico-gift .ia2 { animation: ico-gift-2 0.7s ease-in-out both; }
.ico-gift .ia3 { transform-box: view-box; transform-origin: 12px 7px; }
:is(a, button, label, summary, .ico-host):hover .ico-gift .ia3, .ico-play .ico-gift .ia3 { animation: ico-gift-3 0.7s ease-in-out both; }
.ico-badge-check .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-badge-check .ia1, .ico-play .ico-badge-check .ia1 { animation: ico-badge-check-1 0.6s ease-in-out both; }
.ico-badge-check .ia2 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-badge-check .ia2, .ico-play .ico-badge-check .ia2 { animation: ico-badge-check-2a 0.45s ease-out 0.15s both, ico-badge-check-2b 0.3s ease-in-out 0.15s both, ico-badge-check-2c 0.45s ease-in-out 0.19s both; }
.ico-graduation-cap .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-graduation-cap .ia1, .ico-play .ico-graduation-cap .ia1 { animation: ico-graduation-cap-1 0.8s ease-in-out both; }
.ico-graduation-cap .ia2 { transform-box: view-box; transform-origin: 22px 10px; }
:is(a, button, label, summary, .ico-host):hover .ico-graduation-cap .ia2, .ico-play .ico-graduation-cap .ia2 { animation: ico-graduation-cap-2 0.9s ease-in-out 0.1s both; }
.ico-medal .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-medal .ia1, .ico-play .ico-medal .ia1 { animation: ico-medal-1 0.9s ease-in-out both; }
.ico-book-open .ia1 { transform-box: view-box; transform-origin: 12px 12px; }
:is(a, button, label, summary, .ico-host):hover .ico-book-open .ia1, .ico-play .ico-book-open .ia1 { animation: ico-book-open-1 0.8s ease-in-out both; }
.ico-signature .ia1 { transform-box: fill-box; transform-origin: center; }
:is(a, button, label, summary, .ico-host):hover .ico-signature .ia1, .ico-play .ico-signature .ia1 { animation: ico-signature-1a 0.9s ease-in-out both, ico-signature-1b 0.25s ease-in-out both; }
.ico-wrench .ia1 { transform-box: view-box; transform-origin: 15px 9px; }
:is(a, button, label, summary, .ico-host):hover .ico-wrench .ia1, .ico-play .ico-wrench .ia1 { animation: ico-wrench-1 0.8s ease-in-out both; }
@media (prefers-reduced-motion: reduce) { .ico, .ico * { animation: none !important; } }