.cl-card{background-color:#fff;border-radius:3px;box-shadow:0 1px 5px rgba(33,51,67,.12);position:relative}.cl-card:after{border-radius:3px;box-shadow:0 8px 16px rgba(33,51,67,.08);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:-1}.cl-card.-white{background-color:#fff}.cl-card.-light{background-color:#f6f9fc}.cl-card.-dark{background-color:#2e475d}.cl-card.-border{border:1px solid #b6c7d6}.cl-card.-border.-dark{border:none}.cl-card.-edge-left{position:relative}.cl-card.-edge-left:before{border-bottom-left-radius:inherit;border-top-left-radius:inherit;content:"";display:block;height:100%;left:-1px;position:absolute;top:0;width:12px}.cl-card.-edge-left.-border:not(.-dark):before{height:calc(100% + 2px);top:-1px}.cl-card.-edge-top{position:relative}.cl-card.-edge-top:before{border-top-left-radius:inherit;border-top-right-radius:inherit;content:"";display:block;height:13px;left:0;position:absolute;top:-1px;width:100%}.cl-card.-edge-top.-border:not(.-dark):before{left:-1px;width:calc(100% + 2px)}.cl-card.-edge-left.-green:before,.cl-card.-edge-left.-oz:before,.cl-card.-edge-top.-green:before,.cl-card.-edge-top.-oz:before{background:#4fb06d}.cl-card.-edge-left.-green.-dark:before,.cl-card.-edge-left.-oz.-dark:before,.cl-card.-edge-top.-green.-dark:before,.cl-card.-edge-top.-oz.-dark:before{background:#cae7d3}.cl-card.-edge-left.-lorax:before,.cl-card.-edge-left.-tangerine:before,.cl-card.-edge-top.-lorax:before,.cl-card.-edge-top.-tangerine:before{background:#ff5c35}.cl-card.-edge-left.-lorax.-dark:before,.cl-card.-edge-left.-tangerine.-dark:before,.cl-card.-edge-top.-lorax.-dark:before,.cl-card.-edge-top.-tangerine.-dark:before{background:#ffcec2}.cl-card.-edge-left.-calypso:before,.cl-card.-edge-left.-teal:before,.cl-card.-edge-top.-calypso:before,.cl-card.-edge-top.-teal:before{background:#0fbfbf}.cl-card.-edge-left.-calypso.-dark:before,.cl-card.-edge-left.-teal.-dark:before,.cl-card.-edge-top.-calypso.-dark:before,.cl-card.-edge-top.-teal.-dark:before{background:#b7ecec}.cl-card.-edge-left.-marigold:before,.cl-card.-edge-left.-yellow:before,.cl-card.-edge-top.-marigold:before,.cl-card.-edge-top.-yellow:before{background:#ffbc4b}.cl-card.-edge-left.-marigold.-dark:before,.cl-card.-edge-left.-yellow.-dark:before,.cl-card.-edge-top.-marigold.-dark:before,.cl-card.-edge-top.-yellow.-dark:before{background:#ffebc9}.cl-card.-hoverable{transition:opacity .3s ease-in-out}.cl-card.-hoverable:hover{cursor:pointer}.cl-card.-hoverable:hover:after{opacity:1}