.component-icon{position:relative;display:flex;align-items:center;flex-grow:0;flex-shrink:0;justify-content:center;width:clamp(2.5rem,calc(2.5rem + 0 * (100vw - 22.5rem) / 77.5),2.5rem);height:clamp(2.5rem,calc(2.5rem + 0 * (100vw - 22.5rem) / 77.5),2.5rem);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(0.5rem,calc(0.5rem + 0 * (100vw - 22.5rem) / 77.5),0.5rem)}.component-icon:is(button,a){cursor:pointer !important}.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(2.5rem,calc(2.5rem + 0 * (100vw - 22.5rem) / 77.5),2.5rem);height:clamp(2.5rem,calc(2.5rem + 0 * (100vw - 22.5rem) / 77.5),2.5rem);color:inherit;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.component-icon.is-style-dark{color:#27372a;border-color:#f8f4ec;background-color:#f8f4ec}.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:#27372a;border-color:#fc754a;background-color:#fc754a}.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:#27372a;border-color:#fffcf6;background-color:#fffcf6}.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:#27372a;border-color:#fc754a;background-color:#fc754a}.component-icon.is-style-light:hover .icon-wrapper,.component-icon.is-style-light:focus .icon-wrapper{background:rgba(0,0,0,0)}.component-icon.is-style-rounded{border-radius:50%}