.gallery-lightbox{align-items:start;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:80vh;justify-content:center;justify-items:center;left:50%;position:relative;top:50%;transform:translate(-50%,-50%);width:80vw}.gallery-lightbox .gallery-lightbox-close{background:none;border:none;padding:0;position:absolute;right:0;top:-20px;z-index:10}.gallery-lightbox .gallery-lightbox-close img{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(304deg) brightness(105%) contrast(101%)}.gallery-lightbox>img{aspect-ratio:1/1;grid-area:1/1;height:auto;max-height:800px;max-width:1200px;object-fit:contain;opacity:1;pointer-events:none;transform:translateX(calc(var(--slide-move)*-1));transition:opacity .3s ease,transform .3s ease;width:100%}.gallery-lightbox>img.next,.gallery-lightbox>img.prev{opacity:0;pointer-events:none;user-select:none}.gallery-lightbox>img.prev{transform:translateX(-100%) scale(.95)}.gallery-lightbox>img.next{transform:translateX(100%) scale(.95)}.page-portfolio .tabs{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:center;overflow-x:auto}.page-portfolio .tabs .tab{background-color:transparent;border:1px solid #19424a;border-radius:15px;color:#19424a;cursor:pointer;font-size:1.5rem;line-height:1.2;padding:10px 20px;text-align:center;transition:background-color .3s ease,color .3s ease}.page-portfolio .tabs .tab.active,.page-portfolio .tabs .tab:hover{background-color:#19424a;color:#fff}.page-portfolio .tab-content{margin-top:2rem}.page-portfolio .tab-content .tab-content-item{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease}.page-portfolio .tab-content .tab-content-item.active{grid-template-rows:1fr}.page-portfolio .tab-content .tab-content-item .content{align-items:center;display:flex;flex-direction:column;gap:2rem;overflow:hidden;text-align:center}.page-portfolio .tab-content .tab-content-item .heading{margin:0}.page-portfolio .tab-content .tab-content-item .gallery{display:grid;--rows-count:2;--rows-count-calc:min(var(--rows-count),var(--max-count-rows));--max-count-rows:var(--desktop-rows-count);grid-auto-rows:0fr;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(var(--rows-count-calc),1fr);margin-bottom:1rem}.page-portfolio .tab-content .tab-content-item .gallery .gallery-item{border-radius:20px;cursor:pointer;margin:.3rem;overflow:hidden}.page-portfolio .tab-content .tab-content-item .gallery .gallery-item:hover img{transform:scale(1.05)}.page-portfolio .tab-content .tab-content-item .gallery .gallery-item img{height:400px;object-fit:cover;transition:transform .3s ease;vertical-align:middle;width:100%}.page-portfolio .tab-content .tab-content-item .videos{display:grid;--rows-count:2;--rows-count-calc:min(var(--rows-count),var(--max-count-rows));--max-count-rows:var(--desktop-rows-count);grid-auto-rows:0fr;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(var(--rows-count-calc),1fr);margin-bottom:1rem;overflow:hidden}.page-portfolio .tab-content .tab-content-item .videos .video-link{border-radius:20px;height:auto;margin:.5rem;overflow:hidden;position:relative}.page-portfolio .tab-content .tab-content-item .videos .video-link:before{background:rgba(0,0,0,.25);border-radius:20px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.page-portfolio .tab-content .tab-content-item .videos .video-link:after{background:url(../../assets/icons/play-button.svg) no-repeat 50%;background-size:contain;content:"";height:67px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:60px}.page-portfolio .tab-content .tab-content-item .videos .video-link:hover:after,.page-portfolio .tab-content .tab-content-item .videos .video-link:hover:before{opacity:0}.page-portfolio .tab-content .tab-content-item .videos .video-link img{height:820px;object-fit:cover;overflow:hidden;vertical-align:middle;width:100%}.page-portfolio .tab-content .tab-content-item .video-popup{align-items:center;background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;user-select:none;width:100%;z-index:100}.page-portfolio .tab-content .tab-content-item .video-popup.active{opacity:1;pointer-events:auto;user-select:auto}.page-portfolio .tab-content .tab-content-item .video-popup.active .video-container{transform:translateY(0)}.page-portfolio .tab-content .tab-content-item .video-popup .video-overlay{height:100%;inset:0;position:absolute;width:100%}.page-portfolio .tab-content .tab-content-item .video-popup .video-container{background:transparent;border-radius:15px;height:900px;position:relative;transform:translateY(100%);transition:transform .3s ease;width:500px}.page-portfolio .tab-content .tab-content-item .video-popup .video-container .close-btn{background:none;border:none;padding:0;position:absolute;right:-20px;top:-20px;z-index:10}.page-portfolio .tab-content .tab-content-item .video-popup .video-container .close-btn img{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0) hue-rotate(304deg) brightness(105%) contrast(101%)}.page-portfolio .tab-content .tab-content-item .video-popup .video-container .video-wrapper{height:100%;position:relative;width:100%}.page-portfolio .tab-content .tab-content-item .video-popup .video-container .video-wrapper .video-content{display:block;height:100%;position:absolute;transform:translateX(calc(var(--slide-move)*-1));transition:opacity .3s ease,transform .3s ease;width:100%}.page-portfolio .tab-content .tab-content-item .video-popup .video-container .video-wrapper .video-content.next,.page-portfolio .tab-content .tab-content-item .video-popup .video-container .video-wrapper .video-content.prev{opacity:0;pointer-events:none;user-select:none}.page-portfolio .tab-content .tab-content-item .video-popup .video-container .video-wrapper .video-content.prev{transform:translateX(-100%) scale(.95)}.page-portfolio .tab-content .tab-content-item .video-popup .video-container .video-wrapper .video-content.next{transform:translateX(100%) scale(.95)}.page-portfolio .tab-content .tab-content-item .video-popup .video-container .video-wrapper iframe{border-radius:15px;height:100%;width:100%}@media (max-width:1700px){.page-portfolio .tab-content .tab-content-item .gallery,.page-portfolio .tab-content .tab-content-item .videos{grid-template-columns:repeat(3,1fr)}.page-portfolio .tab-content .tab-content-item .videos .video-link img{height:600px}}@media (max-width:1200px){.page-portfolio .tab-content .tab-content-item .videos{--max-count-rows:var(--tablet-rows-count);grid-template-columns:repeat(2,1fr)}}@media (max-width:850px){.page-portfolio .tabs .tab{font-size:1.3rem;padding:9px 18px}.page-portfolio .tab-content .tab-content-item .gallery{--max-count-rows:var(--tablet-rows-count);grid-template-columns:repeat(2,1fr)}.page-portfolio .tab-content .tab-content-item .gallery .gallery-item img{height:300px}.page-portfolio .tab-content .tab-content-item .videos .video-link:after{height:57px;width:50px}.page-portfolio .tab-content .tab-content-item .videos .video-link img{height:400px}.page-portfolio .tab-content .tab-content-item .video-popup .video-container{height:50vh;width:90vw}}@media (max-width:600px){.gallery-lightbox{align-items:start;height:50vh;justify-items:start;width:95vw}.gallery-lightbox>img{max-height:50vh}.page-portfolio .tabs{flex-direction:column;gap:.75rem}.page-portfolio .tabs .tab{font-size:1.2rem;padding:8px 16px}.page-portfolio .tab-content .tab-content-item .gallery{--max-count-rows:var(--mobile-rows-count);grid-template-columns:1fr}.page-portfolio .tab-content .tab-content-item .gallery .gallery-item img{height:200px}.page-portfolio .tab-content .tab-content-item .videos{--max-count-rows:var(--mobile-rows-count);grid-template-columns:1fr}.page-portfolio .tab-content .tab-content-item .videos .video-link img{height:300px}}
/*# sourceMappingURL=page-portfolio.css.map */