Mini Kabibi Habibi

/*************************************************************************
* ADOBE CONFIDENTIAL
* ___________________
*
* Copyright 2017 Adobe. All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe and its suppliers, if any. The intellectual
* and technical concepts contained herein are proprietary to Adobe
* and its suppliers and are protected by all applicable intellectual
* property laws, including trade secret and copyright laws.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe.
**************************************************************************/

.card{box-sizing:border-box;padding:0 15px 15px 0;transition:all .15s ease-out}.card__content{border-radius:4px;background-color:var(--main-card-bg-color);transition:all 125ms ease-in-out;cursor:pointer;position:relative}.card__content__available:hover{box-shadow:0 0 0 1px #999}.card__content:active{box-shadow:0 0 0 1px #8e8e8e}.card__content__unavailable:before{content:"";z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4)}.card__info{box-sizing:border-box;overflow:hidden;padding:12px 16px 13px;border-top:1px solid #fff}.card__title{font-size:14px}.card__subtitle{font-size:12px}.card__thumbnail{display:flex;align-items:center;overflow:hidden;border-radius:4px 4px 0 0;justify-content:center;width:100%;height:108px}.card__thumbnail img{object-fit:contain;max-width:193px;max-height:108px}.card__extra{padding-left:5px;padding-top:2px;font-size:12px;text-transform:uppercase;color:#8e8e8e}.card--truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__video-overlay{position:absolute;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,.3);top:0;border-radius:4px 4px 0 0}.card__video-overlay:hover .card__video-overlay__img-play{opacity:.8}.card__video-overlay__img-play{opacity:.65;transition:opacity .15s ease-in-out}.card__video-overlay__img-play path{fill:#fff}.card__external-icon{width:15px;height:15px;margin:0 0 3px 5px;fill:#707070}.theme-dark .card__content{background-color:#222;outline:1px solid transparent}.theme-dark .card__content__available:hover{box-shadow:0 0 0 1px #707070}.theme-dark .card__extra{color:#999}.theme-dark .card__title{color:#fff}.theme-dark .card__info{border-color:#1b1b1b}.theme-dark .card__external-icon{fill:#999}@media (max-width:645px){.tab-learn__grid .card{width:80%}}@media (min-width:645px){.tab-learn__grid .card{width:45%}}.learn-card .card__thumbnail{background-size:cover;background-position:50% 50%;height:auto;padding-bottom:56.25%;position:relative}.learn-card .card__info-wrapper{box-sizing:border-box;padding:12px 16px 13px}.learn-card .card__info{display:flex;justify-content:space-between;align-items:center;padding:0;border-top:none}.learn-card .card__title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-card .card__title-wrapper{display:flex;align-items:center;white-space:nowrap;overflow:hidden;break-after:always}.learn-card .card__external-icon{flex:0 0 auto}.user-profile{width:36px;height:36px;margin-right:20px;background-color:#d8d8d8;border-radius:4px;cursor:pointer}.user-profile img{width:100%;height:100%;border-radius:4px}.theme-dark .user-profile{background-color:#464646}.image-grid img:hover{outline:2px solid #fafafa;outline-offset:-2px;cursor:pointer}.image-grid img:focus{outline:2px solid #1884ec;outline-offset:-2px;cursor:pointer}.image-grid__item{position:relative}.image-grid__item-error{display:flex;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:flex-start;background-color:rgba(0,0,0,.5);font-size:50px;color:#dfbf00;transition:opacity .15s linear}.image-grid__item-error:before{position:absolute;top:10px}.image-grid__item-error--visible{opacity:1}.image-grid__item-error-text{position:absolute;width:100%;bottom:10px;font-size:14px;text-align:center;color:#e1e1e1}.lazy-image__container{width:100%;height:100%;background:#eaeaea}.lazy-image__container img{width:100%;height:100%}.lazy-image__container--loading{width:0!important}.theme-dark .lazy-image__container{background:#323232;position:relative}.progress-container{display:none;pointer-events:all;position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);justify-content:center;align-items:center;flex-direction:column;padding:0 14px}.progress-container.is-opening-file{display:flex}.progress-container .progress-bar{width:100%;height:4px;background:#e1e1e1;border-radius:4px;overflow:hidden;position:relative;margin-bottom:14px}.progress-container .progress-bar .progress-bar-inset{position:absolute;top:0;left:0;width:0;height:100%;background:#1884ec}.download-in-progress{position:relative;pointer-events:none}.download-in-progress:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.1);z-index:1}.rendition-badge{position:absolute;bottom:18px;right:10px;height:10px;width:10px}.virtual-scroller{outline:none!important;-webkit-appearance:none}.virtual-scroller__item-container:hover{border:2px solid #fafafa;cursor:pointer}.virtual-scroller__item{position:relative;width:100%;height:100%;transform-style:preserve-3d;box-sizing:border-box;background:#b6b6b6}.virtual-scroller__item-container{box-sizing:border-box;border:2px solid transparent;width:100%;overflow:hidden}:focus .virtual-scroller__active-item{outline-color:#0f66d0;outline-width:5px;outline-offset:-3px;outline-style:auto}.theme-dark .virtual-scroller__item{background:#5a5a5a}.theme-dark .virtual-scroller__active-item{outline-color:#21a5f9}.ccfiles-empty{display:flex;align-items:center;flex-direction:column;text-align:center}.ccfiles-empty__heading{font-weight:100;font-style:normal;font-size:32px}.ccfiles-empty__title{font-weight:100;font-style:normal;font-size:24px}.ccfiles-empty__subtitle{width:500px;font-size:18px}.ccfiles-empty__logo{opacity:.4}.ccfiles-empty__card{display:flex;flex-direction:column;align-items:center;margin-top:100px;max-width:500px}.ccfiles-empty__card:first-child{margin-left:0}.ccfiles-empty__card svg{width:80px;height:auto}.ccfiles-empty__card>*{margin-bottom:24px}.ccfiles-empty__buttons{margin-top:20px}.theme-dark .ccfiles-empty__card svg{fill:#fff}