@layer components{[data-icon]{width:var(--bf-icon-size);height:var(--bf-icon-size);vertical-align:middle;mask:var(--bf-icon-url) no-repeat center / contain;-webkit-mask:var(--bf-icon-url) no-repeat center / contain;background:currentColor;flex:none;display:inline-block}[data-icon][data-size=sm]{--bf-icon-size:1rem}[data-icon][data-size=lg]{--bf-icon-size:1.5rem}[data-icon=search]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='7' cy='7' r='5' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M11 11 L14 14' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}[data-icon=close],[data-icon=x]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4 L12 12 M12 4 L4 12' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}[data-icon=menu],[data-icon=hamburger]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 4 H14 M2 8 H14 M2 12 H14' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}[data-icon=check]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8 L6.5 11.5 L13 4.5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-icon=chevron-down]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6 L8 10 L12 6' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-icon=chevron-right]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 4 L10 8 L6 12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-icon=plus]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3 V13 M3 8 H13' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}[data-icon=trash]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4 L4 13 A1 1 0 0 0 5 14 H11 A1 1 0 0 0 12 13 L12 4 M3 4 H13 M6 4 V3 A1 1 0 0 1 7 2 H9 A1 1 0 0 1 10 3 V4' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-icon=star]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2 L9.8 6.2 L14 6.4 L10.8 9.1 L11.6 13.3 L8 11 L4.4 13.3 L5.2 9.1 L2 6.4 L6.2 6.2 Z' fill='black'/%3E%3C/svg%3E")}[data-icon=heart]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13 L3.2 8.2 A3 3 0 0 1 8 3.5 A3 3 0 0 1 12.8 8.2 Z' fill='black'/%3E%3C/svg%3E")}[data-icon=settings],[data-icon=gear]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='2.2' fill='none' stroke='black' stroke-width='1.3'/%3E%3Cpath d='M8 1 V3 M8 13 V15 M1 8 H3 M13 8 H15 M3.5 3.5 L4.8 4.8 M11.2 11.2 L12.5 12.5 M12.5 3.5 L11.2 4.8 M4.8 11.2 L3.5 12.5' stroke='black' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E")}[data-icon=user]{--bf-icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5.2' r='2.8' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M3 13.2 A5 5 0 0 1 13 13.2' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")}button [data-icon],a [data-icon]{flex:none}}