.section-projects .page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:4.8rem}.section-projects .page-header .page-header__inner{display:flex;align-items:flex-end;gap:16px}.section-projects .page-header .button-wrapper{margin-bottom:16px}.section-projects .projects-lists{position:relative}.section-projects .page-header .total-projects{margin-bottom:16px}.grid-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px}.add_project{border-radius:var(--border-radius-main);background:rgb(var(--color-background-secondary));display:flex;padding:16px 32px 16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex:1 0 0}.add_project .pr_add-icon{height:3.2rem;padding:1.2rem 1.6rem;width:auto}.project_added{border-radius:var(--border-radius-main);border:1px solid rgb(var(--color-border));display:flex;align-items:flex-start;padding:16px 32px 16px 16px;cursor:pointer;position:relative}.project_added .pr_add-icon{transition:all .4s ease-in-out;position:absolute;top:0;bottom:0;margin:auto;left:0;right:0;width:max-content;height:3.2rem;padding:1.2rem 1.6rem;opacity:0;visibility:hidden;z-index:6}.project_added:hover .pr_add-icon{opacity:1;visibility:visible}.project_added:hover:after{opacity:.95;visibility:visible}.project_added .projects_wrapper>a.unstyled-link{display:block;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.projects_wrapper{display:flex;align-items:center;gap:25px;width:100%}.images-grid{background:rgb(var(--color-background-secondary));border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;flex:1 0 0}.images-grid figure{margin:0;height:100%;width:100%;border-radius:12px;overflow:hidden;position:relative;background:rgb(var(--color-background-tertiary));aspect-ratio:1/1}.images-grid figure img{position:absolute;top:0;object-fit:cover;height:100%;width:100%}.content-wrapper{flex:1 0 24.5%;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding-top:16px;gap:2.4rem}.name_date-wrap{display:flex;flex-direction:column;gap:24px}.content-wrapper .date-subtitle{color:rgb(var(--color-foreground));font-weight:500}.button-wrapper{display:flex;gap:4px}.button-wrapper .button{height:4.5rem;padding:1.2rem 1.6rem;width:auto}.name_date-wrap .card__title{position:static}.projects_wrapper:hover .name_date-wrap .card__title{text-decoration:underline}.name_date-wrap .card__title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.name_date-wrap .card__title a{z-index:4;position:relative}.projects_wrapper .button-wrapper{z-index:4}.info-popup{position:sticky;right:0;bottom:0;left:auto;z-index:15;transition:all .4s ease-in-out;opacity:0;visibility:hidden}.info-popup.active{opacity:1;visibility:visible;bottom:16px}.popup-content{border-radius:32px;background:rgb(var(--color-background-tertiary));box-shadow:0 4px 12px #e1d3ca40;display:flex;max-width:550px;padding:24px;justify-content:flex-start;align-items:flex-start;gap:24px;margin-left:auto}.popup-content .icons{border-radius:99px;background:var(--Core-Shades-green, #03CB8F);display:flex;height:32px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:48px}.popup-content span{font-weight:500}.popup-content .cross-icon,.popup-content .error-message,.popup-content.error .checkmark-icon,.popup-content.error .success-message{display:none}.popup-content.error .cross-icon,.popup-content.error .error-message{display:block}.popup-content.error .icons{background:#fb3600}.project-popup{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:visibility .2s,opacity .5s .2s ease;z-index:12}.project-popup{z-index:14;display:flex;top:0;bottom:0;margin:auto;height:auto}.project-popup-content{width:100%;max-width:684px;padding:48px 40px 40px;margin:auto;background-color:rgb(var(--color-background-secondary));border-radius:var(--border-radius-main)}.project-popup .close-icon{cursor:pointer}.popup-show .project-popup{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .2s .3s}.popup-show .header__overlay{opacity:1;pointer-events:all;z-index:14}.popup-header{display:flex;margin-bottom:3.2rem;justify-content:space-between;gap:16px;flex-direction:column}.popup-title-wrapper{display:flex;justify-content:space-between;gap:40px}.popup-footer{margin-top:5.6rem;display:flex;justify-content:flex-end}.popup-footer .button{width:auto}.sharing-email{display:flex;position:relative}.popup-body input{width:100%;height:60px;border-radius:var(--border-radius-button);background:var(--Core-Shades-white, #FFFFFC);border:none;outline:none;box-shadow:none;padding:24px 16px 25px 24px;font-size:16px;font-weight:400;font-family:var(--font-body-family)}button.popup-share-button{position:absolute;right:5px;top:2px;bottom:2px;width:auto}.create-project span{padding-bottom:8px;display:flex;padding-left:16px}.popup-create .popup-body{display:flex;flex-direction:column;gap:56px}.popup-sharing .email-lists{display:flex;gap:8px;overflow-y:auto;scrollbar-width:thin;margin-top:3.2rem}.popup-sharing .email-item{border-radius:var(--border-radius-button);border:1px solid rgb(var(--color-border));display:flex;padding:4px 8px;align-items:center;gap:32px}.email-wrapper{display:flex;gap:8px;align-items:center;flex:1 0 auto}.color-badge{height:40px;width:40px;border-radius:var(--border-radius-button)}.email-details{display:flex;flex-direction:column;gap:4px;font-size:14px}.email-item .button{height:32px;padding:12px 16px;width:auto}.email-item .user_name{font-weight:500}.email-item .email_address{color:#5c5c5c}.checkbox-container{display:flex;align-items:center;gap:8px}.checkbox-container input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid rgb(var(--color-border));border-radius:4px;background-color:#fffffc;display:grid;place-content:center;cursor:pointer;transition:all .2s ease;margin:0}.checkbox-container input[type=checkbox]:before{content:"";width:14px;height:14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M2.625 7.4375L6.125 10.9375L11.375 3.0625' stroke='%23FFFFFC' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center}.checkbox-container input[type=checkbox]:checked:before{transform:scale(1)}.checkbox-container label{cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]:checked{background-color:#1b1b1b;border-color:#1b1b1b}.project-popup-content.popup-create .popup-header{flex-direction:row}@media screen and (max-width:989px){.grid-lists{grid-template-columns:1fr}.add_project{padding:56px 16px;font-size:16px}.project_added{padding:16px}}@media screen and (max-width:749px){.projects_wrapper{flex-direction:column}.images-grid{width:100%}.popup-content{flex-direction:column;padding:16px}button.popup-share-button{height:44px;padding:12px 28px}.sharing-email input{height:48px}.popup-header{display:flex;margin-bottom:1.6rem;gap:16px;flex-direction:column}.popup-title-wrapper{flex-direction:column;gap:16px}.project-popup .close-icon{order:-1;align-self:flex-end}.project-popup{top:auto;bottom:16px}.project-popup-content{max-width:calc(100% - 32px);padding:16px 16px 24px}.popup-create .popup-body{gap:8rem}.section-projects .page-header{align-items:flex-start;gap:3.2rem;margin-bottom:4rem;flex-direction:column}.section-projects .page-header .button-wrapper{margin-bottom:0}.email-details{font-size:12px}.popup-sharing .email-item{padding:4px 8px 4px 4px}.project-popup-content.popup-create .popup-header{flex-direction:column}}@media screen and (max-width:389px){.project-item-sections .main-page-title{font-size:3.8rem}.section-projects .page-header .total-projects{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/project-page.css.map */
