.component-icon{position:relative;display:flex;align-items:center;flex-grow:0;flex-shrink:0;justify-content:center;width:clamp(3.125rem,calc(3.125rem + 0 * (100vw - 22.5rem) / 77.5),3.125rem);height:clamp(3.125rem,calc(3.125rem + 0 * (100vw - 22.5rem) / 77.5),3.125rem);padding:0;transition-duration:250ms;transition-property:background-color,color,border-color,opacity;border-width:clamp(0.0625rem,calc(0.0625rem + 0 * (100vw - 22.5rem) / 77.5),0.0625rem);border-style:solid;border-radius:clamp(624.9375rem,calc(624.9375rem + 0 * (100vw - 22.5rem) / 77.5),624.9375rem)}.component-icon:is(button,a){cursor:pointer}.component-icon .icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition-duration:250ms;transition-property:background-color}.component-icon .icon-wrapper svg,.component-icon .icon-wrapper img{display:block;width:clamp(1.875rem,calc(1.875rem + 0 * (100vw - 22.5rem) / 77.5),1.875rem);height:clamp(1.875rem,calc(1.875rem + 0 * (100vw - 22.5rem) / 77.5),1.875rem);color:inherit;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.component-icon.is-style-dark{color:#003a17;border-color:rgba(0,0,0,0);background-color:rgba(51,51,51,.04)}.component-icon.is-style-dark .icon-wrapper{background:rgba(0,0,0,0)}.component-icon.is-style-dark:hover,.component-icon.is-style-dark:focus{color:#fff;border-color:rgba(0,0,0,0);background-color:#8dc63f}.component-icon.is-style-dark:hover .icon-wrapper,.component-icon.is-style-dark:focus .icon-wrapper{background:rgba(0,0,0,0)}.component-icon.is-style-light{color:#fff;border-color:rgba(0,0,0,0);background-color:hsla(0,0%,100%,.1)}.component-icon.is-style-light .icon-wrapper{background:rgba(0,0,0,0)}.component-icon.is-style-light:hover,.component-icon.is-style-light:focus{color:#fff;border-color:rgba(0,0,0,0);background-color:#8dc63f}.component-icon.is-style-light:hover .icon-wrapper,.component-icon.is-style-light:focus .icon-wrapper{background:rgba(0,0,0,0)}