.cmp-reference{margin-top:24px;margin-bottom:24px}
.cmp-reference .active{display:inline-block;-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;animation:fadeIn 1s}
.cmp-reference .disable{display:none}
.cmp-reference__item-header{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.cmp-reference__item-header--left{flex:1;padding-right:16px}
.cmp-reference__item-header--right{flex:2}
.cmp-reference__wrap-list .cmp-reference__list,.cmp-reference__carousel{background:#f8f8f8;padding:24px 32px;text-align:center}
.cmp-reference__with-video,.cmp-reference__with-video .cmp-reference__item,.cmp-reference__image-split{background:none !important}
.cmp-reference__select{position:relative;width:100%;font-size:16px;line-height:22px;padding-bottom:32px}
.cmp-reference__select:after{content:'\f1f5';font-family:fsg-icon-regular;font-size:24px;font-weight:400;font-style:normal;position:absolute;top:9px;right:9px;color:#363636;pointer-events:none}
.cmp-reference__select select{padding:8px 10px;border-radius:0;color:rgba(0,0,0,0.71);border-color:rgba(0,0,0,0.24);background-color:transparent;cursor:pointer;width:100%;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.cmp-reference__wrap-list-with-filter .cmp-reference__list{border-bottom:1px solid #dfdfdf;padding:16px;text-align:left}
.cmp-reference__wrap-list-with-filter .cmp-reference__list:not(.active){display:none}
.cmp-reference__wrap-list-with-filter .cmp-reference__list .cmp-video__video-wrapper{margin-top:0}
.cmp-reference__list{margin-bottom:16px}
.cmp-reference__carousel{padding:24px 32px}
.cmp-reference__carousel .cmp-video__video-wrapper{margin-top:0;margin-bottom:0}
.cmp-reference__wrap-carousel{position:relative;display:flex;-webkit-overflow-scrolling:touch;scroll-snap-points-x:repeat(100%);scroll-snap-type:mandatory;overflow-x:hidden}
.cmp-reference__carousel{flex-shrink:0;width:100%;display:none}
.cmp-reference__carousel--next,.cmp-reference__carousel--prev{font-family:"fsg-icon-regular";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:39px;cursor:pointer;position:absolute;top:50%;color:#8a8a8a;transition:color .5s ease;user-select:none;text-decoration:none}
.cmp-reference__carousel--next:hover,.cmp-reference__carousel--prev:hover{color:#363636}
.cmp-reference__carousel--prev{left:-8px}
.cmp-reference__carousel--prev:before{content:"\f132"}
.cmp-reference__carousel--next{right:-8px}
.cmp-reference__carousel--next:before{content:"\f1f6"}
.cmp-reference__carousel--indicator{text-align:center;padding-top:16px}
.cmp-reference__carousel--indicator a{display:inline-block;height:8px;width:8px;border-radius:50%;background-color:#8a8a8a;transition:background-color .5s ease;cursor:pointer;margin:0 2px}
.cmp-reference__carousel--indicator a.active,.cmp-reference__carousel--indicator a:hover{background-color:#363636}
.cmp-reference__carousel.active{display:block}
.cmp-reference__with-video .cmp-reference__item-content,.cmp-reference__image-split .cmp-reference__item-content{text-align:left}
.cmp-reference__with-video .cmp-video__video-wrapper{margin:0}
.cmp-reference__wrap-list-with-filter .cmp-reference__list-col-6 .cmp-reference__video{margin-bottom:16px}
.cmp-reference__item-content--solution{font-weight:700}
.cmp-reference__item-content--solution:after{content:", "}
.cmp-reference__item-content--solution:last-child:after{content:normal}
.cmp-reference__item-content--source{padding-top:5px;border-top:1px solid #dfdfdf}
.cmp-reference__item-content--source p{font-size:14px;color:#8a8a8a;margin-bottom:0}
.cmp-reference__item-content--source p:last-child{margin-bottom:10px}
.cmp-reference__item-content--img{max-height:120px;max-width:150px;margin-bottom:10px;margin-right:16px}
.cmp-reference__item-content--img-round{border-radius:50%;height:120px;width:120px}
.cmp-reference__image-split{margin:0}
.cmp-reference__image-split .cmp-reference__item-header--left{max-height:300px;overflow:hidden}
@media(min-width:992px){.reference.aem-GridColumn{padding-left:0;padding-right:0}
.cmp-reference__select{width:40%}
}
@media(min-width:768px){.cmp-reference__wrap-list-with-filter,.cmp-reference__wrap-list{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cmp-reference__wrap-list .cmp-reference__list{width:100%}
.cmp-reference__item-wrapper{margin-left:-16px;margin-right:-16px}
.cmp-reference__item-header--left{flex:1}
.cmp-reference__item-header--right{flex:3}
.cmp-reference__carousel .cmp-reference__video,.cmp-reference__carousel .cmp-reference__item{flex:1}
.cmp-reference__carousel .cmp-reference__video,.cmp-reference__carousel .cmp-reference__item{padding-left:32px;padding-right:32px}
.cmp-reference__carousel.cmp-reference__image-left,.cmp-reference__carousel.cmp-reference__with-video{display:none}
.cmp-reference__carousel.cmp-reference__image-left.active,.cmp-reference__carousel.cmp-reference__with-video.active,.cmp-reference__list-col-12.cmp-reference__with-video.active,.cmp-reference__list-col-12.cmp-reference__with-video,.cmp-reference__image-split.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.cmp-reference__list .cmp-reference__video,.cmp-reference__list .cmp-reference__item{flex:1}
.cmp-reference__with-video{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.cmp-reference__with-video .cmp-reference__video{padding-right:16px}
.cmp-reference__with-video .cmp-reference__item{padding-left:0}
.cmp-reference__list.cmp-reference__list-col-6{width:48%;float:left;margin:16px 1%}
.cmp-reference__list.cmp-reference__list-col-12{width:100%}
.cmp-reference__image-round-bottom{background:0;padding-bottom:60px}
.cmp-reference__image-round-bottom .cmp-reference__item{background:#f8f8f8;padding:16px;margin-left:-16px;margin-right:-16px;height:100%}
.cmp-reference__image-round-bottom .cmp-reference__item-content--img-round{margin-top:-60px}
.cmp-reference__image-left,.cmp-reference__image-split{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.cmp-reference__image-left .cmp-reference__item,.cmp-reference__image-split .cmp-reference__item{text-align:left}
.cmp-reference__image-left .cmp-reference__item{padding-left:20px}
.cmp-reference__image-split:nth-child(even){flex-direction:row-reverse}
.cmp-reference__image-split:nth-child(even) .cmp-reference__video{padding-right:0;padding-left:16px}
}