
/*************************************************************************
 * ADOBE CONFIDENTIAL
 * ___________________
 *
 * Copyright 2020 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}.downloadOverLay{animation:increaseOpacity .15s ease-out;background-color:#fbfbfb;height:100%;opacity:1;position:absolute;width:100%;z-index:1000}.downloadOverLay.not-visible{animation:decreaseOpacity .5s ease-out;visibility:hidden}.downloadOverLay.visible{visibility:visible}.theme-dark .downloadOverLay{background-color:#080808}.container{height:100%;width:100%;display:flex;flex-flow:column wrap;justify-content:center;align-items:center}.activity-indicator{margin-bottom:35px}.downLoadErr{width:100%;height:100%}.error-icon{display:block;width:172px;height:110px;margin:0 auto 35px}.label{font-size:14px;font-style:italic;margin-bottom:20px}.theme-dark .label{color:#a2a2a2}.cancel-button{margin:0 auto;float:left}.overlay{animation:increaseOpacity .15s ease-out;background-color:#fbfbfb;height:100%;opacity:.7;position:absolute;width:100%}.overlay.not-visible{animation:decreaseOpacity .5s ease-out;visibility:hidden}.overlay.visible{visibility:visible}.theme-dark .overlay{background-color:#080808}@keyframes increaseOpacity{0%{opacity:0}to{opacity:.7}}@keyframes decreaseOpacity{0%{opacity:.7;visibility:visible}to{opacity:0;visibility:hidden}}.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}