.macros-basics-icon svg{--tw-rotate:.01deg;--tw-scale-x:.99;--tw-scale-y:.99;image-rendering:auto;shape-rendering:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(.01deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.99) scaleY(.99);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform}.macros-basics-icon svg,.macros-basics-icon.ui-size,.macros-basics-icon.ui-size svg{height:1.5rem;width:1.5rem}.macros-basics-icon.mini-size,.macros-basics-icon.mini-size svg{height:.75rem;width:.75rem}.macros-basics-icon.micro-size,.macros-basics-icon.micro-size svg{height:.5rem;width:.5rem}.macros-basics-icon.transited svg .fill,.macros-basics-icon.transited svg .stroke{transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.macros-basics-icon:not(.color-native){color:inherit}.macros-basics-icon:not(.color-native) svg .fill{fill:currentColor}.macros-basics-icon:not(.color-native) svg .stroke{fill:transparent;stroke:currentColor}.macros-basics-icon:not(.color-native).color-primary{--tw-text-opacity:1;color:rgb(var(--color-copy-primary)/1);color:rgb(var(--color-copy-primary)/var(--tw-text-opacity,1))}.macros-basics-icon:not(.color-native).color-secondary{--tw-text-opacity:1;color:rgb(var(--color-copy-white)/1);color:rgb(var(--color-copy-white)/var(--tw-text-opacity,1))}.macros-basics-icon:not(.color-native).color-accent{--tw-text-opacity:1;color:rgb(var(--color-copy-brand)/1);color:rgb(var(--color-copy-brand)/var(--tw-text-opacity,1))}.macros-basics-icon:not(.color-native).color-white{--tw-text-opacity:1;color:rgb(var(--color-copy-white)/1);color:rgb(var(--color-copy-white)/var(--tw-text-opacity,1))}.back-extend.light .macros-basics-icon.backcolor-alt,.back-extend.light .macros-basics-icon.backcolor-text,.back-extend.mid .macros-basics-icon.backcolor-alt,.back-extend.mid .macros-basics-icon.backcolor-text,.back-extend.white .macros-basics-icon.backcolor-alt,.back-extend.white .macros-basics-icon.backcolor-text{--tw-text-opacity:1;color:rgb(var(--color-copy-brand)/1);color:rgb(var(--color-copy-brand)/var(--tw-text-opacity,1));opacity:1}.back-extend.aqua .macros-basics-icon.backcolor-alt,.back-extend.aqua .macros-basics-icon.backcolor-text,.back-extend.petal .macros-basics-icon.backcolor-alt,.back-extend.petal .macros-basics-icon.backcolor-text{--tw-text-opacity:1;color:rgb(var(--color-copy-primary)/1);color:rgb(var(--color-copy-primary)/var(--tw-text-opacity,1));opacity:1}.back-extend.darkest .macros-basics-icon.backcolor-alt,.back-extend.darkest .macros-basics-icon.backcolor-text,.back-extend.primary .macros-basics-icon.backcolor-alt,.back-extend.primary .macros-basics-icon.backcolor-text{--tw-text-opacity:1;color:rgb(var(--color-copy-white)/1);color:rgb(var(--color-copy-white)/var(--tw-text-opacity,1));opacity:1}.back-extend.accent .macros-basics-icon.backcolor-text,.hover-accent:hover .macros-basics-icon.backcolor-text{--tw-text-opacity:1;color:rgb(var(--color-copy-primary)/1);color:rgb(var(--color-copy-primary)/var(--tw-text-opacity,1));opacity:1}.back-extend.accent .macros-basics-icon.backcolor-alt,.hover-accent:hover .macros-basics-icon.backcolor-alt{--tw-text-opacity:1;color:rgb(var(--color-copy-white)/1);color:rgb(var(--color-copy-white)/var(--tw-text-opacity,1));opacity:1}.hover-light:hover .macros-basics-icon.backcolor-alt,.hover-light:hover .macros-basics-icon.backcolor-text{--tw-text-opacity:1;color:rgb(var(--color-copy-brand)/1);color:rgb(var(--color-copy-brand)/var(--tw-text-opacity,1));opacity:1}.small-icon .macros-basics-icon,.small-icon .macros-basics-icon svg{height:1rem;width:1rem}