/**
 * ui-kit-3d - UI kit ‎Dassault Systèmes
 * Taken from Ui-Kit @version v2.1.2
 */

/**  compact cards **/
.ds-ui-kit-scope .ds-btn--compact {
    height:32px;
    line-height:33px;
    font-size:13px;
    letter-spacing:0;
    border-radius:100px;
    padding:0 16px
}
.ds-ui-kit-scope .ds-btn--compact i {
    margin-right:4px
}
.ds-ui-kit-scope .ds-btn--compact.has-icon {
    padding-left:12px;
    padding-right:12px
}
.ds-ui-kit-scope .ds-btn--shout.ds-btn--compact {
    line-height:30px
}
.ds-ui-kit-scope .ds-btn--cheer.ds-btn--compact {
    padding-left:32px
}
.ds-ui-kit-scope .ds-btn--cheer.ds-btn--compact i {
    margin-right:8px;
    margin-top:-12px;
    width:24px;
    height:24px;
    line-height:20px
}
.ds-ui-kit-scope .ds-btn-disc.ds-btn-disc--compact .ds-ico[class$=-mini] {
    width:40px;
    height:40px
}
.ds-ui-kit-scope .ds-btn-disc.ds-btn-disc--compact .ds-ico[class$=-mini]:before {
    top:12px;
    left:12px
}
.ds-ui-kit-scope .ds-quote--compact {
    margin-top:32px;
    margin-bottom:32px
}
.ds-ui-kit-scope .ds-quote--compact .ds-col {
    padding-left:0!important;
    width:100%!important
}
.ds-ui-kit-scope .ds-quote--compact .ds-quote__text {
    position:relative;
    font-size:16px;
    line-height:32px;
    font-style:italic;
    font-weight:400;
    color:rgba(0,0,0,.8);
    margin-bottom:26px
}
.ds-ui-kit-scope .ds-quote--compact .ds-quote__text:before {
    content:'';
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    width:4px;
    background:rgba(0,0,0,.16);
    left:-24px
}
.ds-ui-kit-scope .ds-quote--compact .ds-quote__icon {
    display:none
}
.ds-ui-kit-scope .ds-quote--compact .ds-quote__author-wrapper .ds-quote__photo {
    display:inline-block;
    vertical-align:middle;
    width:32px;
    height:32px;
    margin-bottom:0;
    margin-right:4px;
    margin-top:0
}
.ds-ui-kit-scope .ds-quote--compact .ds-quote__author-wrapper .ds-quote__signature {
    display:inline-block;
    vertical-align:middle;
    font-size:13px;
    line-height:16px;
    max-width:85%
}
.ds-ui-kit-scope .ds-quote--dark.ds-quote--compact .ds-quote__text {
    color:#fff
}
.ds-ui-kit-scope .ds-quote--dark.ds-quote--compact .ds-quote__text:before {
    background:rgba(255,255,255,.16)
}
.ds-ui-kit-scope .ds-quote--compact {
    margin-top:36px;
    margin-bottom:40px
}
.ds-ui-kit-scope .ds-quote--compact .ds-quote__text {
    margin-bottom:24px
}
.ds-ui-kit-scope .ds-quote--compact .ds-quote__text:before {
    width:2px
}
.ds-ui-kit-scope .ds-quote--compact .ds-quote__signature {
    max-width:100%
}
.ds-ui-kit-scope .ds-quote--compact .ds-quote__text {
    font-size:18px
}
.ds-ui-kit-scope .ds-input--search.is-compact input,
.ds-ui-kit-scope .ds-input--search.has-icon-left input {
    padding-left:40px
}
.ds-ui-kit-scope .ds-input--search.is-compact input {
    border-radius:75px;
    height:40px
}
.ds-ui-kit-scope .ds-sharing--compact .ds-sharing__action.ds-btn {
    width:32px;
    height:32px;
    padding:0;
    margin:0;
    text-align:center;
    line-height:32px
}
.ds-ui-kit-scope .ds-sharing--compact .ds-sharing__action.ds-btn i {
    padding:0;
    margin:0
}
.ds-ui-kit-scope .ds-sharing--compact .ds-sharing__action.ds-btn span {
    display:none
}
.ds-ui-kit-scope .ds-sharing--dark .ds-btn {
    background-color:rgba(255,255,255,.08);
    color:#fff
}
.ds-ui-kit-scope .ds-card--compact {
    border-radius:6px;
    padding:16px;
    height:136px;
    max-width:none;
    overflow:hidden;
    cursor:pointer
}
.ds-ui-kit-scope .ds-card--compact.has-background {
    box-shadow:none;
    background-color:#f7f9fb
}
.ds-ui-kit-scope .ds-card--compact.has-background:hover {
    box-shadow:0 9px 12px 0 rgba(0,0,0,.1)
}
.ds-ui-kit-scope .ds-card--compact a:after {
    content:' ';
    display:table;
    clear:both
}
.ds-ui-kit-scope .ds-card--compact p {
    font-size:13px;
    line-height:16px;
    max-height:48px
}
.ds-ui-kit-scope .ds-card--compact .ds-card__thumbnail {
    position:relative;
    float:left;
    width:104px;
    height:104px;
    border-radius:4px
}
.ds-ui-kit-scope .ds-card--compact .ds-card__thumbnail+.ds-card__wrapper {
    width:calc(100% - 104px);
    margin-left:104px;
    padding:0 0 0 16px
}
.ds-ui-kit-scope .ds-card--compact .ds-card__thumbnail+.ds-card__wrapper .ds-card__title {
    height:auto
}
.ds-ui-kit-scope .ds-card--compact .ds-card__thumbnail+.ds-card__wrapper .ds-card__info {
    left:calc(104px + 32px);
    width:calc(100% - 104px - (3*16px))
}
.ds-ui-kit-scope .ds-card--compact .ds-card__wrapper {
    border:0;
    padding:0;
    height:auto;
    max-height:calc(136px - 4px - 2*16px);
    overflow:hidden
}
.ds-ui-kit-scope .ds-card--compact .ds-card__info {
    position:absolute;
    top:80px;
    left:16px;
    max-width:calc(100% - 32px)
}
.ds-ui-kit-scope .ds-card--compact .ds-card__title {
    margin-top:0;
    margin-bottom:8px;
    font-size:16px;
    line-height:20px;
    max-height:40px
}
.ds-ui-kit-scope .ds-card--compact .ds-card__title~span {
    margin-bottom:4px
}
.ds-ui-kit-scope .ds-card--compact .ds-card__title~span:last-child {
    margin-bottom:0
}
.ds-ui-kit-scope .ds-card--compact .ds-card__category {
    font-size:11px;
    margin-top:4px
}
.ds-ui-kit-scope .ds-card--compact .ds-ico-play-medium {
    position:relative;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px
}
.ds-ui-kit-scope .ds-card--compact .ds-tag-meta {
    position:absolute;
    top:96px;
    left:16px;
    margin:0;
    max-width:104px
}

/** compact-large cards **/
.ds-ui-kit-scope .ds-card--compact.is-large {
    max-width:none;
    height:152px
}
.ds-ui-kit-scope .ds-card--compact.is-large p {
    font-size:16px;
    line-height:20px;
    max-height:60px
}
.ds-ui-kit-scope .ds-card--compact.is-large .ds-card__thumbnail {
    width:120px;
    height:120px
}
.ds-ui-kit-scope .ds-card--compact.is-large .ds-card__thumbnail+.ds-card__wrapper {
    width:calc(100% - 120px);
    margin-left:120px;
    padding:0 0 0 24px
}
.ds-ui-kit-scope .ds-card--compact.is-large .ds-card__thumbnail+.ds-card__wrapper .ds-card__info {
    left:calc(120px + 40px);
    width:calc(100% - 120px - (2*16px + 24px))
}
.ds-ui-kit-scope .ds-card--compact.is-large .ds-card__wrapper {
    border:0;
    padding:0 8px;
    max-height:calc(152px - 2*16px)
}
.ds-ui-kit-scope .ds-card--compact.is-large .ds-card__info {
    top:96px
}
.ds-ui-kit-scope .ds-card--compact.is-large .ds-card__title {
    font-size:20px;
    line-height:24px;
    height:48px;
    max-height:48px
}
.ds-ui-kit-scope .ds-card--compact.is-large .ds-card__category {
    font-size:13px
}
.ds-ui-kit-scope .ds-card--compact.is-large .ds-ico-play-big {
    font-size:64px;
    margin-top:-32px;
    margin-left:-32px
}
.ds-ui-kit-scope .ds-card--compact.is-large .ds-tag-meta {
    top:112px;
    max-width:120px
}

/** classic cards **/
.ds-ui-kit-scope .ds-card--classic .ds-card__wrapper {
    height:184px;
    position:relative;
    padding:28px 32px 24px
}
.ds-ui-kit-scope .ds-card--classic .ds-card__info {
    position:absolute;
    top:116px;
    width:calc(100% - 64px)
}
.ds-ui-kit-scope .ds-card--classic p[itemprop=description] {
    max-height:calc(24px*3)
}

/**  compact, compact-large cards and classic **/
.ds-ui-kit-scope .ds-card--compact .ds-card__info span,
.ds-ui-kit-scope .ds-card--compact.is-large .ds-card__info span,
.ds-ui-kit-scope .ds-card--classic .ds-card__info span {
    color: rgba(0,0,0,.48);
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 4px;
    padding-top: 1px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}