.svg-defs-gradient .stop-a,.svg-defs-gradient .stop-b,.civi-icon .icon{transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1)}.civi-icon-wrap{line-height:0}.civi-icon-view{display:inline-block;font-size:60px}.civi-icon{display:inline-block;text-align:center;font-size:60px;line-height:1;transition:all .3s;color:#818a91}.civi-icon i,.civi-icon svg{width:1em;height:1em;position:relative;display:block}.civi-icon i{background:inherit}.civi-icon i:before{position:absolute;left:50%;transform:translateX(-50%)}.civi-icon svg.svg-defs-gradient{position:absolute !important;width:0 !important;height:0 !important}.civi-solid-icon svg *[stroke^="#"],.civi-solid-icon svg *[stroke^="url(#"]{stroke:currentColor}.civi-solid-icon svg *[fill^="#"],.civi-solid-icon svg *[fill^="url(#"]{fill:currentColor}.civi-icon-view.second{display:none !important}.civi-view-stacked .civi-icon-view{padding:.5em;background-color:var(--civi-color-primary)}.civi-view-bubble .civi-icon-wrap{position:relative;display:inline-block;padding-bottom:21px}.civi-view-bubble .civi-icon-view{border-radius:50%;background-image:linear-gradient(-225deg, rgba(241, 212, 211, 0.17) 15%, rgba(223, 169, 168, 0.17) 85%)}.civi-view-bubble .civi-icon-view.first{padding:.84em}.civi-view-bubble .civi-icon-view.second{display:inline-block !important;padding:.28em;position:relative;bottom:21px;margin-left:22px}.civi-view-bubble .civi-icon-view .icon{position:absolute;left:50%;transform:translateX(-50%);bottom:0}.civi-shape-circle .civi-icon-view{border-radius:50%}