@layer graupl.component{.icon{display:var(--graupl-icon-display,inline-block);width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em));height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));vertical-align:sub;mask-image:var(--graupl-icon,none);margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(.25*var(--graupl-spacer,1rem))));background-position:50%;background-repeat:no-repeat;background-size:contain;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.icon-before:before{display:var(--graupl-icon-display,inline-block);width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em));height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));vertical-align:sub;mask-image:var(--graupl-icon,none);content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(.25*var(--graupl-spacer,1rem))));mask-position:50%;mask-size:contain;mask-repeat:no-repeat}.icon-after:after{display:var(--graupl-icon-display,inline-block);width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em));height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));vertical-align:sub;mask-image:var(--graupl-icon,none);content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(.25*var(--graupl-spacer,1rem))));mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}@layer graupl.theme{.icon.primary{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon.secondary{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon.tertiary{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon{background-color:var(--graupl-icon-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.icon-before.primary{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-before.secondary{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-before.tertiary{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.icon-after.primary{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.secondary{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.tertiary{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after:after{background-color:var(--graupl-icon-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}}
/*# sourceMappingURL=component.css.map */