:where(.icon[data-icon]){display:inline-flex}.icon:where([data-icon]){align-items:center;justify-content:center;width:var(--icon-size,1.25rem);height:var(--icon-size,1.25rem);flex-shrink:0;vertical-align:middle;color:inherit}.icon[data-icon]>svg{display:block;inline-size:100%;block-size:100%;overflow:visible}.icon-small{--icon-size:1rem}.icon-large{--icon-size:1.5rem}.icon[data-icon-motion=draw] path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset var(--motion-normal) var(--motion-ease)}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=none]) .btn:focus-visible:not(:hover) .icon[data-icon-motion=draw] path{animation:icon-draw var(--motion-normal) var(--motion-ease) both}}@keyframes icon-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.icon[data-icon-motion] path{animation:none!important;transition:none!important}}[data-motion=none] .icon[data-icon-motion] path{animation:none!important;transition:none!important}@media(hover:hover) and (prefers-reduced-motion:no-preference){:root:not([data-motion=none]) .btn:hover .icon[data-icon-motion=draw] path{animation:icon-draw-hover var(--motion-normal) var(--motion-ease) both}}@keyframes icon-draw-hover{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}