.portfolio-v1__title{margin-bottom:32px}.portfolio-v1__list{margin:0;padding:0;list-style:none}.portfolio-v1__list--static{display:grid;grid-gap:32px}.portfolio-v1__list--slider{display:flex}.portfolio-v1__item{position:relative}.portfolio-v1__button{display:block}.portfolio-v1__list--slider .portfolio-v1__item{flex-shrink:0}.portfolio-v1__picture{margin-bottom:20px;transition:transform 150ms ease-out}.portfolio-v1__picture img{display:block;width:100%;height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.portfolio-v1__subtitle{display:block;margin-bottom:6px}.portfolio-v1__desc{display:grid;grid-gap:10px;grid-template-columns:18px 1fr;align-items:center;margin:0}.portfolio-v1__icon{width:18px;height:18px}.portfolio-v1-popup{min-height:400px}.portfolio-v1-popup__content{max-width:530px;margin:0 auto}.portfolio-v1-popup__title{margin-bottom:0}.portfolio-v1-popup__description{margin-top:16px;margin-bottom:0}.portfolio-v1-popup__preview:first-of-type{margin-top:56px}.portfolio-v1-popup__preview:not(:last-of-type){margin-bottom:56px}.portfolio-v1-popup__subtitle{margin-top:0;margin-bottom:24px}.portfolio-v1-popup__list{margin:0;padding:0;list-style:none;display:grid;grid-gap:24px}.portfolio-v1-popup__details{margin:0;padding:0;border:0;border-radius:0;color:inherit;font:inherit;background-color:transparent;-webkit-tap-highlight-color:transparent;width:100%;cursor:pointer}.portfolio-v1-popup__button:focus,.portfolio-v1-popup__details:focus{outline:0}.portfolio-v1-popup__details::-moz-placeholder{color:inherit}.portfolio-v1-popup__details::placeholder{color:inherit}.portfolio-v1-popup__pic{display:flex;max-height:298px;border-radius:8px;overflow:hidden;background-color:var(--bg-secondary-color)}.portfolio-v1-popup__pic img{display:block;max-height:100%;margin:0 auto}.portfolio-v1-popup__desc{display:block;margin-top:12px}.portfolio-v1-popup__button{border:0;color:inherit;font:inherit;background-color:transparent;-webkit-tap-highlight-color:transparent;display:grid;grid-gap:4px 20px;grid-template-columns:1fr 24px;width:100%;margin:56px 0 0;padding:20px;border-radius:10px;text-align:left;background-color:var(--bg-secondary-accent-color);cursor:pointer;transition:color 150ms ease-out,background-color 150ms ease-out}.portfolio-v1-popup__button::-moz-placeholder{color:inherit}.portfolio-v1-popup__button::placeholder{color:inherit}.portfolio-v1-popup__button:focus-visible{color:var(--accent-always-white-color);background-color:var(--accent-always-black-color)}.is-safari .portfolio-v1-popup__button:focus{color:var(--accent-always-white-color);background-color:var(--accent-always-black-color)}.portfolio-v1-popup__icon{grid-row:1/3;grid-column:2/3;margin-top:5px}.portfolio-v1-popup__loader{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--bg-main-color-rgb),.5)}.portfolio-v1-popup__loader svg{position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translateX(-50%,-50%)}@media (min-width:768px){.portfolio-v1__list--static{grid-gap:40px 24px;grid-template-columns:repeat(2,1fr)}.portfolio-v1__item{width:336px}.portfolio-v1__picture{height:412px}.portfolio-v1-popup{width:696px}}@media (min-width:1024px){.portfolio-v1__title{max-width:768px;margin-bottom:56px}.portfolio-v1__list--static{grid-column-gap:32px;grid-template-columns:repeat(3,1fr)}.portfolio-v1__item{width:288px}.portfolio-v1__picture{height:360px}.portfolio-v1__picture img{border-radius:20px}.portfolio-v1__item:focus-within .portfolio-v1__picture,.portfolio-v1__item:hover .portfolio-v1__picture{transform:scale(1.025)}.portfolio-v1__controls{justify-content:center;margin-top:40px}.portfolio-v1-popup{width:928px}.portfolio-v1-popup__button:hover{color:var(--accent-always-white-color);background-color:var(--accent-always-black-color)}}@media (min-width:1280px){.portfolio-v1__wrapper{display:flex;flex-direction:column;margin:0 -5px;padding:0 5px;overflow:hidden}.portfolio-v1__item{width:368px}.portfolio-v1__picture{height:442px}.portfolio-v1-popup{width:1080px}}@media (max-width:1279.9px){.portfolio-v1{overflow:hidden}}@media (max-width:1023.9px){.portfolio-v1__controls{display:none}}@media (max-width:767.9px){.portfolio-v1__list--slider .portfolio-v1__item{width:100%}.portfolio-v1__picture{position:relative;width:100%;padding-bottom:120%}.portfolio-v1__picture img{position:absolute;top:0;left:0}}
/*# sourceMappingURL=portfolio-v1.min.css.map*/