.sols .dtl .icn{position:relative;height:6.111rem;overflow:hidden;border-radius:.888rem}.sols .dtl .icn.purple{color:#7e51c5}.sols .dtl .icn.purple svg{fill:#7e51c5}.sols .dtl .icn.purple:before{background:#7e51c5}.sols .dtl .icn.light-blue{color:#24c2d0}.sols .dtl .icn.light-blue svg{fill:#24c2d0}.sols .dtl .icn.light-blue:before{background:#24c2d0}.sols .dtl .icn.red{color:#d12b1c}.sols .dtl .icn.red svg{fill:#d12b1c}.sols .dtl .icn.red:before{background:#d12b1c}.sols .dtl .icn.green{color:#23bf57}.sols .dtl .icn.green svg{fill:#23bf57}.sols .dtl .icn.green:before{background:#23bf57}.sols .dtl .icn.blue{color:#007ffd}.sols .dtl .icn.blue svg{fill:#007ffd}.sols .dtl .icn.blue:before{background:#007ffd}.sols .dtl .icn.orange{color:#f88622}.sols .dtl .icn.orange svg{fill:#f88622}.sols .dtl .icn.orange:before{background:#f88622}.sols .dtl .icn.yellow{color:#edae03}.sols .dtl .icn.yellow svg{fill:#edae03}.sols .dtl .icn.yellow:before{background:#edae03}.sols .dtl .icn.dark-blue{color:#1f4686}.sols .dtl .icn.dark-blue svg{fill:#1f4686}.sols .dtl .icn.dark-blue:before{background:#1f4686}.sols .dtl .icn:before{display:block;content:'';opacity:.15;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.sols .dtl .icn svg{margin:0 auto;width:90%}