* / . ui . accordion , . ui . accordion . accordion { max-width : 100 % } . ui . accordion . accordion { margin : 1 em 0 0 ; padding : 0 } . ui . accordion . accordion . title , . ui . accordion . title { cursor : pointer } . ui . accordion . title : not ( . ui ) { padding : .5 em 0 ; font-family : Lato , 'Helvetica Neue' , Arial , Helvetica , sans-serif ; font-size : 1 em ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . accordion . accordion . title ~ . content , . ui . accordion . title ~ . content { display : none } . ui . accordion : not ( . styled ) . accordion . title ~ . content : not ( . ui ) , . ui . accordion : not ( . styled ) . title ~ . content : not ( . ui ) { margin : '' ; padding : .5 em 0 1 em } . ui . accordion : not ( . styled ) . title ~ . content : not ( . ui ) : last-child { padding-bottom : 0 } . ui . accordion . accordion . title . dropdown . icon , . ui . accordion . title . dropdown . icon { display : inline-block ; float : none ; opacity : 1 ; width : 1.25 em ; height : 1 em ; margin : 0 .25 rem 0 0 ; padding : 0 ; font-size : 1 em ; -webkit- transition : opacity .1 s ease , -webkit- transform .1 s ease ; transition : opacity .1 s ease , -webkit- transform .1 s ease ; transition : transform .1 s ease , opacity .1 s ease ; transition : transform .1 s ease , opacity .1 s ease , -webkit- transform .1 s ease ; vertical-align : baseline ; -webkit- transform : none ; transform : none } . ui . accordion . menu . item . title { display : block ; padding : 0 } . ui . accordion . menu . item . title > . dropdown . icon { float : right ; margin : .21425 em 0 0 1 em ; -webkit- transform : rotate ( 180 deg ) ; transform : rotate ( 180 deg ) } . ui . accordion . ui . header . dropdown . icon { font-size : 1 em ; margin : 0 .25 rem 0 0 } . ui . accordion . accordion . active . title . dropdown . icon , . ui . accordion . active . title . dropdown . icon { -webkit- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) } . ui . accordion . menu . item . active . title > . dropdown . icon { -webkit- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) } . ui . styled . accordion { width : 600 px } . ui . styled . accordion , . ui . styled . accordion . accordion { border-radius : .28571429 rem ; background : #fff ; -webkit- box-shadow : 0 1 px 2 px 0 rgba ( 34 , 36 , 38 , .15 ) , 0 0 0 1 px rgba ( 34 , 36 , 38 , .15 ) ; box-shadow : 0 1 px 2 px 0 rgba ( 34 , 36 , 38 , .15 ) , 0 0 0 1 px rgba ( 34 , 36 , 38 , .15 ) } . ui . styled . accordion . accordion . title , . ui . styled . accordion . title { margin : 0 ; padding : .75 em 1 em ; color : rgba ( 0 , 0 , 0 , .4 ) ; font-weight : 700 ; border-top : 1 px solid rgba ( 34 , 36 , 38 , .15 ) ; -webkit- transition : background .1 s ease , color .1 s ease ; transition : background .1 s ease , color .1 s ease } . ui . styled . accordion . accordion . title : first-child , . ui . styled . accordion > . title : first-child { border-top : none } . ui . styled . accordion . accordion . content , . ui . styled . accordion . content { margin : 0 ; padding : .5 em 1 em 1.5 em } . ui . styled . accordion . accordion . content { padding : 0 ; padding : .5 em 1 em 1.5 em } . ui . styled . accordion . accordion . active . title , . ui . styled . accordion . accordion . title : hover , . ui . styled . accordion . active . title , . ui . styled . accordion . title : hover { background : 0 0 ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . styled . accordion . accordion . active . title , . ui . styled . accordion . accordion . title : hover { background : 0 0 ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . styled . accordion . active . title { background : 0 0 ; color : rgba ( 0 , 0 , 0 , .95 ) } . ui . styled . accordion . accordion . active . title { background : 0 0 ; color : rgba ( 0 , 0 , 0 , .95 ) } . ui . accordion . accordion . active . content , . ui . accordion . active . content { display : block } . ui . fluid . accordion , . ui . fluid . accordion . accordion { width : 100 % } . ui . inverted . accordion . title : not ( . ui ) { color : rgba ( 255 , 255 , 255 , .9 ) } @ font-face { font-family : Accordion ; src : url ( data : application / x-font-ttf ; charset = utf-8 ; base64 , AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT / 0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg / + D / 4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa / / 3 / / wAAAAAAIPDZ / / 3 / / wAB / + MPKwADAAEAAAAAAAAAAAAAAAEAAf / / AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd / BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM / 9o + 4AAAAAz / 2j7gAAAAAAtwFuAAAACAACA