* / . ui . card , . ui . cards > . card { max-width : 100 % ; position : relative ; display : -webkit- box ; display : -ms- flexbox ; display : flex ; -webkit- box-orient : vertical ; -webkit- box-direction : normal ; -ms- flex-direction : column ; flex-direction : column ; width : 290 px ; min-height : 0 ; background : #fff ; padding : 0 ; border : none ; border-radius : .28571429 rem ; -webkit- box-shadow : 0 1 px 3 px 0 #d4d4d5 , 0 0 0 1 px #d4d4d5 ; box-shadow : 0 1 px 3 px 0 #d4d4d5 , 0 0 0 1 px #d4d4d5 ; -webkit- transition : -webkit- box-shadow .1 s ease , -webkit- transform .1 s ease ; transition : -webkit- box-shadow .1 s ease , -webkit- transform .1 s ease ; transition : box-shadow .1 s ease , transform .1 s ease ; transition : box-shadow .1 s ease , transform .1 s ease , -webkit- box-shadow .1 s ease , -webkit- transform .1 s ease ; z-index : '' } . ui . card { margin : 1 em 0 } . ui . card a , . ui . cards > . card a { cursor : pointer } . ui . card : first-child { margin-top : 0 } . ui . card : last-child { margin-bottom : 0 } . ui . cards { display : -webkit- box ; display : -ms- flexbox ; display : flex ; margin : -.875 em -.5 em ; -ms- flex-wrap : wrap ; flex-wrap : wrap } . ui . cards > . card { display : -webkit- box ; display : -ms- flexbox ; display : flex ; margin : .875 em .5 em ; float : none } . ui . card : after , . ui . cards : after { display : block ; content : ' ' ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden } . ui . cards ~ . ui . cards { margin-top : .875 em } . ui . card > : first-child , . ui . cards > . card > : first-child { border-radius : .28571429 rem .28571429 rem 0 0 !important ; border-top : none !important } . ui . card > : last-child , . ui . cards > . card > : last-child { border-radius : 0 0 .28571429 rem .28571429 rem !important } . ui . card > : only-child , . ui . cards > . card > : only-child { border-radius : .28571429 rem !important } . ui . card > . image , . ui . cards > . card > . image { position : relative ; display : block ; -webkit- box-flex : 0 ; -ms- flex : 0 0 auto ; flex : 0 0 auto ; padding : 0 ; background : rgba ( 0 , 0 , 0 , .05 ) } . ui . card > . image > img , . ui . cards > . card > . image > img { display : block ; width : 100 % ; height : auto ; border-radius : inherit } . ui . card > . image : not ( . ui ) > img , . ui . cards > . card > . image : not ( . ui ) > img { border : none } . ui . card > . content , . ui . cards > . card > . content { -webkit- box-flex : 1 ; -ms- flex-positive : 1 ; flex-grow : 1 ; border : none ; border-top : 1 px solid rgba ( 34 , 36 , 38 , .1 ) ; background : 0 0 ; margin : 0 ; padding : 1 em 1 em ; -webkit- box-shadow : none ; box-shadow : none ; font-size : 1 em ; border-radius : 0 } . ui . card > . content : after , . ui . cards > . card > . content : after { display : block ; content : ' ' ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden } . ui . card > . content > . header , . ui . cards > . card > . content > . header { display : block ; margin : '' ; font-family : Lato , 'Helvetica Neue' , Arial , Helvetica , sans-serif ; color : rgba ( 0 , 0 , 0 , .85 ) } . ui . card > . content > . header : not ( . ui ) , . ui . cards > . card > . content > . header : not ( . ui ) { font-weight : 700 ; font-size : 1.28571429 em ; margin-top : -.21425 em ; line-height : 1.28571429 em } . ui . card > . content > . header + . description , . ui . card > . content > . meta + . description , . ui . cards > . card > . content > . header + . description , . ui . cards > . card > . content > . meta + . description { margin-top : .5 em } . ui . card [ class * = "left floated" ] , . ui . cards > . card [ class * = "left floated" ] { float : left } . ui . card [ class * = "right floated" ] , . ui . cards > . card [ class * = "right floated" ] { float : right } . ui . card [ class * = "left aligned" ] , . ui . cards > . card [ class * = "left aligned" ] { text-align : left } . ui . card [ class * = "center aligned" ] , . ui . cards > . card [ class * = "center aligned" ] { text-align : center } . ui . card [ class * = "right aligned" ] , . ui . cards > . card [ class * = "right aligned" ] { text-align : right } . ui . card . content img , . ui . cards > . card . content img { display : inline-block ; vertical-align : middle ; width : '' } . ui . card . avatar img , . ui . card img . avatar , . ui . cards > . card . avatar img , . ui . cards > . card img . avatar { width : 2 em ; height : 2 em ; border-radius : 500 rem } . ui . card > . content > . description , . ui . cards > . card > . content > . description { clear : both ; color : rgba ( 0 , 0 , 0 , .68 ) } . ui . card > . content p , . ui . cards > . card > . content p { margin : 0 0 .5 em } . ui . card > . content p : last-child , . ui . cards > . card > . content p : last-child { margin-bottom : 0 } . ui . card . meta , . ui . cards > . card . meta { font-size : 1 em ; color : rgba ( 0 , 0 , 0 , .4 ) } . ui . card . meta * , . ui . cards > . card . meta * { margin-right : .3 em } . ui . card . meta : last-child , . ui . cards > . card . meta : last-child { margin-right : 0 } . ui . card . meta [ class * = "right floated" ] , . ui . cards > . card . meta [ class * = "right floated" ] { margin-right : 0 ; margin-left : .3 em } . ui . card > . content a : not ( . ui ) , . ui . cards > . card > .