.leadspace{position:relative;margin-bottom:0;max-height:1000px !important;.backgroundMedia{position:absolute;width:100%;height:100%;z-index:1;&.backgroundImage{&:not(.backgroundVideo){background-repeat:no-repeat;background-size:cover;background-position:center}
}
&.backgroundVideo{video{width:100%}
iframe{border:0;position:absolute;top:0;left:0;width:100%;height:100%}
}
}
.lscVeil{position:absolute;width:100%;height:100%;z-index:1}
.lscContent{position:relative;z-index:2;padding:32px 0 32px;.cmp-carousel__actions{z-index:2}
.cmp-carousel__indicators{padding:0 0 32px;width:fit-content;z-index:2}
.backgroundVideoControl{position:absolute;bottom:36px;right:140px;border-radius:50%;background:var(--mdc-theme-color-gray-700);width:44px;height:44px;.videoControl{position:absolute;top:-5px;left:-5px;cursor:pointer;&::before{font-size:54px;color:#fff}
}
}
}
.modal{.modal-body{iframe{height:60vh;width:100%}
}
}
}
//style system .leadspace{&.dark{.lscVeil{background:var(--mdc-theme-gradient-left-right-blue-transparent);@media(max-width:992px){background:var(--mdc-theme-gradient-top-button-blue-transparent)}
}
.leadspaceelement{.leadSpaceElement-container{.lsContent{.lsDescription{.badge{&.badge-point{color:#fff !important}
}
.lsTitle{color:#fff}
.lsText{color:#fff;a{@extend .button-link-inverse}
}
}
}
}
}
.cmp-carousel__actions{.cmp-carousel__action{&.cmp-carousel__action--previous{&:hover{background:0}
&:focus{box-shadow:none}
}
&.cmp-carousel__action--next{&:hover{background:0}
&:focus{box-shadow:none}
}
.cmp-carousel__action-icon{span{&::before{color:#fff}
}
}
}
}
.cmp-carousel__indicators{.cmp-carousel__indicator--active{background-color:var(--mdc-theme-color-cyan)}
}
}
&.light{.lscVeil{background:linear-gradient(180deg,#f2f2f2 0,rgba(242,242,242,0) 100%)}
.leadspaceelement{.leadSpaceElement-container{.lsContent{.lsDescription{.lsText{a{@extend .button-link}
}
}
}
}
}
.cmp-carousel__actions{.cmp-carousel__action{&.cmp-carousel__action--previous{&:hover{background:0}
&:focus{box-shadow:none}
}
&.cmp-carousel__action--next{&:hover{background:0}
&:focus{box-shadow:none}
}
.cmp-carousel__action-icon{span{&::before{color:var(--mdc-theme-color-gray-700)}
}
}
}
}
.cmp-carousel__indicators{.cmp-carousel__indicator--active{background-color:var(--mdc-theme-color-cyan)}
}
}
&.large{.lscContent{display:flex;align-items:center;.cmp-carousel{width:100%}
@media(max-width:767px){padding:32px 0 32px}
@media(min-width:768px) and (max-width:991px){padding:48px 0 48px}
@media(min-width:992px){padding:64px 0 64px}
}
.leadspaceelement{.lsMedia{&.col-md-6{@media(min-width:992px){-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}
}
}
}
}
&.medium{.lscContent{display:flex;align-items:center;.cmp-carousel{width:100%}
@media(max-width:767px){padding:32px 0 32px}
@media(min-width:768px) and (max-width:991px){padding:48px 0 48px}
@media(min-width:992px){padding:56px 0 56px}
}
.leadspaceelement{.lsMedia{&.col-md-6{@media(min-width:992px){-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}
}
}
}
}
&.small{.lscContent{display:flex;align-items:center;.cmp-carousel{width:100%}
@media(max-width:767px){padding:32px 0 32px}
@media(min-width:768px) and (max-width:991px){padding:48px 0 48px}
@media(min-width:992px){padding:48px 0 48px}
}
.leadspaceelement{.lsDescription{&.col-md-6{@media(min-width:992px){-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}
}
}
.lsMedia{&.col-md-6{@media(min-width:992px){-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}
}
}
}
}
}