.portfolio-gallery-stage{--portfolio-nav-height:4.5rem;--portfolio-stage-py:1.25rem;--portfolio-thumb-ratio:0.2;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;min-height:calc(100dvh - var(--portfolio-nav-height));height:calc(100dvh - var(--portfolio-nav-height));padding-top:var(--portfolio-stage-py);padding-bottom:var(--portfolio-stage-py)}@media (min-width:900px){.portfolio-gallery-stage{--portfolio-nav-height:5.25rem;--portfolio-stage-py:1.5rem}}.portfolio-gallery-stage__container{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0;height:100%;padding-left:16px;padding-right:16px}@media (min-width:600px){.portfolio-gallery-stage__container{padding-left:24px;padding-right:24px}}.portfolio-gallery{display:flex;flex-direction:column;flex:1 1 auto;width:100%;height:100%;min-height:0;gap:20px;background:transparent;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.portfolio-gallery ::selection{background:transparent}.portfolio-gallery-main,.portfolio-gallery-thumbs{width:100%}.portfolio-gallery-main-wrap{position:relative;flex:1 1;min-height:0;display:flex;flex-direction:column;background:#0a0a0a;overflow:hidden}.portfolio-gallery-main-wrap .portfolio-gallery-main{flex:1 1}.portfolio-gallery-open-btn{position:absolute;top:12px;right:12px;z-index:3;color:#fff;background:rgba(0,0,0,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .2s ease,opacity .2s ease}.portfolio-gallery-open-btn:hover{background:rgba(0,0,0,.72)}.portfolio-gallery-main{flex:1 1;min-height:0;height:auto}.portfolio-gallery-main .swiper-slide{height:100%}.portfolio-gallery-slide{position:relative;width:100%;height:100%;min-height:0;background:#0a0a0a}.portfolio-gallery--single .portfolio-gallery-main-wrap,.portfolio-gallery--single .portfolio-gallery-slide{flex:1 1 auto;height:100%}.portfolio-gallery-slide-img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.portfolio-gallery-main .swiper-button-next,.portfolio-gallery-main .swiper-button-prev{width:28px;height:44px;margin-top:0;top:50%;transform:translateY(-50%);background:transparent;color:#fff;opacity:.92;transition:opacity .2s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;outline:none}.portfolio-gallery-main .swiper-button-prev{left:12px}.portfolio-gallery-main .swiper-button-next{right:12px}.portfolio-gallery-main .swiper-button-next:after,.portfolio-gallery-main .swiper-button-prev:after{font-size:28px;font-weight:300}.portfolio-gallery-main .swiper-button-next:hover,.portfolio-gallery-main .swiper-button-prev:hover{opacity:1}.portfolio-gallery-main .swiper-button-disabled{opacity:.25;pointer-events:none}.portfolio-gallery-main .swiper-pagination-fraction{bottom:16px;left:50%;right:auto;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:.35em;width:auto;min-width:52px;padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:13px;font-weight:500;letter-spacing:.03em;line-height:1;opacity:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portfolio-gallery-thumbs{flex:0 0 calc(100% * var(--portfolio-thumb-ratio));min-height:0;max-height:calc(100% * var(--portfolio-thumb-ratio));margin:0;padding:0;box-sizing:border-box;background:#141414}.portfolio-gallery-thumbs .swiper-slide{height:100%;opacity:.45;cursor:pointer;transition:opacity .25s ease}.portfolio-gallery-thumbs .swiper-slide-thumb-active{opacity:1}.portfolio-gallery-thumb{position:relative;width:100%;height:100%;overflow:hidden;background:#1a1a1a}.portfolio-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.portfolio-gallery-thumb-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portfolio-gallery-thumbs .swiper-slide-thumb-active .portfolio-gallery-thumb{outline:2px solid #dbd1c0;outline-offset:-2px}@media (min-width:600px){.portfolio-gallery{gap:24px}}@media (max-width:599px){.portfolio-gallery-stage{--portfolio-thumb-ratio:0.22}.portfolio-gallery-main .swiper-button-next:after,.portfolio-gallery-main .swiper-button-prev:after{font-size:22px}}
/*# sourceMappingURL=dd0c97a12c8f5147.css.map*/