.pf-carousel{overflow:hidden;max-height:550px;transition:transform .24s cubic-bezier(.075,.82,.165,1);position:relative}.pf-carousel,.pf-carousel a,.pf-carousel div,.pf-carousel img,.pf-carousel span{box-sizing:border-box}@media (max-width:700px){.pf-carousel{max-height:320px}}.pf-carousel .pf-slider{overflow-y:scroll;-webkit-overflow-scrolling:touch;display:flex;position:relative;height:100%}.pf-carousel .pf-item{margin-right:4px;display:none;position:relative;height:100%;overflow:hidden}.pf-carousel .pf-placeholder-item,.pf-carousel:not(.is-ready) .pf-item:not(.is-loaded){display:block;height:100%;width:360px;flex-shrink:0;background:rgba(0,0,0,.12);animation:a 2s ease-in-out infinite}.pf-carousel.is-ready .pf-item.is-loaded{display:flex;flex-direction:column;flex:0 0 auto}@media (max-width:700px){.pf-carousel .pf-placeholder-item{width:180px}}@keyframes a{0%{opacity:1}50%{opacity:.2}80%{opacity:.2}to{opacity:1}}.pf-carousel .pf-item-image{height:100%;width:auto;display:none}.pf-carousel.is-ready .pf-item-image{display:inline-block}.pf-carousel .pf-item-description{position:absolute;bottom:0;left:0;right:0;color:#fff;background:rgba(0,0,0,.24);min-height:20px;padding:12px;box-sizing:border-box;display:none}.pf-carousel.is-ready .pf-item-description{display:block}.pf-carousel .pf-navigation-button-left,.pf-carousel .pf-navigation-button-right{background:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23FFF' height='48' viewBox='0 0 24 24' width='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3Cpath d='M0-.25h24v24H0z' fill='none'/%3E%3C/svg%3E") transparent no-repeat;height:48px;width:48px;flex-shrink:0;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;background-size:72px;background-position:50%;outline:0;display:none}@media (max-width:700px){.pf-carousel .pf-navigation-button-left,.pf-carousel .pf-navigation-button-right{background-size:auto}}.pf-carousel .pf-navigation-button-left{left:12px;transform:scaleX(-1) translateY(-50%)}.pf-carousel .pf-navigation-button-right{right:12px}.pf-carousel:hover .pf-navigation-button-left,.pf-carousel:hover .pf-navigation-button-right{display:block}.pf-carousel.at-left-edge .pf-navigation-button-left,.pf-carousel.at-right-edge .pf-navigation-button-right{display:none}
/*# sourceMappingURL=portfolio.css.map */