body .is-root-container .component-icon{transition-property:background-color,border-color;transition-duration:250ms;border-width:0}body .is-root-container .component-icon.has-style{position:relative;display:flex;align-items:center;justify-content:center;border:none;border-radius:0}body .is-root-container .component-icon.has-style .icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative}body .is-root-container .component-icon.has-style .icon-wrapper svg,body .is-root-container .component-icon.has-style .icon-wrapper img{display:block;max-width:100%;max-height:100%}body .is-root-container .component-icon.has-style .icon-wrapper img{width:auto;max-width:100%;height:auto}body .is-root-container .component-icon.style-dark,body .is-root-container .component-icon.style-dark-alt{width:min(calc(2.75rem + 0.625 * (100vw - 22.5rem) / 77.5),3.375rem);height:min(calc(2.75rem + 0.625 * (100vw - 22.5rem) / 77.5),3.375rem);border-radius:8rem;border-style:solid;border-width:1px;border-color:#fff;background-color:#fff}body .is-root-container .component-icon.style-dark .icon-wrapper,body .is-root-container .component-icon.style-dark-alt .icon-wrapper{width:min(calc(1.125rem + 0.375 * (100vw - 22.5rem) / 77.5),1.5rem);height:min(calc(1.125rem + 0.375 * (100vw - 22.5rem) / 77.5),1.5rem)}body .is-root-container .component-icon.style-dark .icon-wrapper svg,body .is-root-container .component-icon.style-dark-alt .icon-wrapper svg{color:#92278f}body .is-root-container .component-icon.style-dark:hover,body .is-root-container .component-icon.style-dark:focus,body .is-root-container .component-icon.style-dark-alt:hover,body .is-root-container .component-icon.style-dark-alt:focus{width:min(calc(2.75rem + 0.625 * (100vw - 22.5rem) / 77.5),3.375rem);height:min(calc(2.75rem + 0.625 * (100vw - 22.5rem) / 77.5),3.375rem);border-radius:8rem;border-style:solid;border-width:1px;border-color:#c080bf;background-color:#c080bf}body .is-root-container .component-icon.style-dark:hover .icon-wrapper,body .is-root-container .component-icon.style-dark:focus .icon-wrapper,body .is-root-container .component-icon.style-dark-alt:hover .icon-wrapper,body .is-root-container .component-icon.style-dark-alt:focus .icon-wrapper{width:min(calc(1.125rem + 0.375 * (100vw - 22.5rem) / 77.5),1.5rem);height:min(calc(1.125rem + 0.375 * (100vw - 22.5rem) / 77.5),1.5rem)}body .is-root-container .component-icon.style-dark:hover .icon-wrapper svg,body .is-root-container .component-icon.style-dark:focus .icon-wrapper svg,body .is-root-container .component-icon.style-dark-alt:hover .icon-wrapper svg,body .is-root-container .component-icon.style-dark-alt:focus .icon-wrapper svg{color:#fff}body .is-root-container .component-icon.style-light,body .is-root-container .component-icon.style-light-alt{width:min(calc(2.75rem + 0.625 * (100vw - 22.5rem) / 77.5),3.375rem);height:min(calc(2.75rem + 0.625 * (100vw - 22.5rem) / 77.5),3.375rem);border-radius:8rem;border-style:solid;border-width:1px;border-color:#92278f;background-color:#92278f}body .is-root-container .component-icon.style-light .icon-wrapper,body .is-root-container .component-icon.style-light-alt .icon-wrapper{width:min(calc(1.125rem + 0.375 * (100vw - 22.5rem) / 77.5),1.5rem);height:min(calc(1.125rem + 0.375 * (100vw - 22.5rem) / 77.5),1.5rem)}body .is-root-container .component-icon.style-light .icon-wrapper svg,body .is-root-container .component-icon.style-light-alt .icon-wrapper svg{color:#fff}body .is-root-container .component-icon.style-light:hover,body .is-root-container .component-icon.style-light:focus,body .is-root-container .component-icon.style-light-alt:hover,body .is-root-container .component-icon.style-light-alt:focus{width:min(calc(2.75rem + 0.625 * (100vw - 22.5rem) / 77.5),3.375rem);height:min(calc(2.75rem + 0.625 * (100vw - 22.5rem) / 77.5),3.375rem);border-radius:8rem;border-style:solid;border-width:1px;border-color:#c080bf;background-color:#c080bf}body .is-root-container .component-icon.style-light:hover .icon-wrapper,body .is-root-container .component-icon.style-light:focus .icon-wrapper,body .is-root-container .component-icon.style-light-alt:hover .icon-wrapper,body .is-root-container .component-icon.style-light-alt:focus .icon-wrapper{width:min(calc(1.125rem + 0.375 * (100vw - 22.5rem) / 77.5),1.5rem);height:min(calc(1.125rem + 0.375 * (100vw - 22.5rem) / 77.5),1.5rem)}body .is-root-container .component-icon.style-light:hover .icon-wrapper svg,body .is-root-container .component-icon.style-light:focus .icon-wrapper svg,body .is-root-container .component-icon.style-light-alt:hover .icon-wrapper svg,body .is-root-container .component-icon.style-light-alt:focus .icon-wrapper svg{color:#fff}body .is-root-container .component-icon.style-dark-alt{background-color:rgba(0,0,0,0);border-color:#fff}body .is-root-container .component-icon.style-dark-alt .icon-wrapper svg{color:#fff}body .is-root-container .component-icon.style-light-alt{background-color:rgba(0,0,0,0);border-color:#92278f}body .is-root-container .component-icon.style-light-alt .icon-wrapper svg{color:#92278f}body .is-root-container .component-icon:disabled{cursor:default;pointer-events:none;opacity:.5}