.component-icon{position:relative;display:flex;align-items:center;flex-grow:0;flex-shrink:0;justify-content:center;width:min(calc(3.125rem + 0.625 * (100vw - 22.5rem) / 77.5),3.75rem);height:min(calc(3.125rem + 0.625 * (100vw - 22.5rem) / 77.5),3.75rem);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);overflow:hidden}.component-icon:is(button,a){cursor:pointer}.component-icon .icon-wrapper{display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem}.component-icon .icon-wrapper svg,.component-icon .icon-wrapper img{display:block;width:3.75rem;height:3.75rem;color:inherit;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.component-icon.is-style-dark{color:#091633;border:none;background-color:rgba(9,22,51,.1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.component-icon.is-style-dark:hover,.component-icon.is-style-dark:focus{color:#fff;border-color:#446b93;background-color:#446b93}.component-icon.is-style-light{color:#fff;border:none;background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.component-icon.is-style-light:hover,.component-icon.is-style-light:focus{color:#fff;border-color:#446b93;background-color:#446b93}