.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%}.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:#79222e;border-color:#feb71a;background-color:rgba(0,0,0,0)}.component-icon.is-style-dark:hover,.component-icon.is-style-dark:focus{color:#fff;border-color:#611b25;background-color:#611b25}.component-icon.is-style-light{color:#fff;border-color:#feb71a;background-color:rgba(0,0,0,0)}.component-icon.is-style-light:hover,.component-icon.is-style-light:focus{color:#fff;border-color:#611b25;background-color:#611b25}.component-icon.is-style-dark-alt{color:#231f20;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.component-icon.is-style-light-alt{color:#fff;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.component-icon.is-style-dark-alt,.component-icon.is-style-light-alt{width:min(calc(2.5rem + 1.875 * (100vw - 22.5rem) / 77.5),4.375rem);height:min(calc(1rem + 0.75 * (100vw - 22.5rem) / 77.5),1.75rem);padding:0;border:0;border-radius:0}.component-icon.is-style-dark-alt .icon-wrapper svg,.component-icon.is-style-dark-alt .icon-wrapper img,.component-icon.is-style-light-alt .icon-wrapper svg,.component-icon.is-style-light-alt .icon-wrapper img{width:100%;height:100%}.component-icon.is-style-dark-alt .icon-wrapper .arrow-primary,.component-icon.is-style-dark-alt .icon-wrapper .arrow-secondary,.component-icon.is-style-light-alt .icon-wrapper .arrow-primary,.component-icon.is-style-light-alt .icon-wrapper .arrow-secondary{transition-property:transform;transition-duration:250ms;transition-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.component-icon.is-style-dark-alt .icon-wrapper .arrow-primary,.component-icon.is-style-light-alt .icon-wrapper .arrow-primary{transform:translateX(0)}.component-icon.is-style-dark-alt .icon-wrapper .arrow-secondary,.component-icon.is-style-light-alt .icon-wrapper .arrow-secondary{transform:translateX(-100%)}.component-icon.is-style-dark-alt:hover .icon-wrapper .arrow-primary,.component-icon.is-style-dark-alt:focus .icon-wrapper .arrow-primary,.component-icon.is-style-light-alt:hover .icon-wrapper .arrow-primary,.component-icon.is-style-light-alt:focus .icon-wrapper .arrow-primary{transform:translateX(100%)}.component-icon.is-style-dark-alt:hover .icon-wrapper .arrow-secondary,.component-icon.is-style-dark-alt:focus .icon-wrapper .arrow-secondary,.component-icon.is-style-light-alt:hover .icon-wrapper .arrow-secondary,.component-icon.is-style-light-alt:focus .icon-wrapper .arrow-secondary{transform:translateX(0)}