.add-project-container[data-v-cc4e6f24]{background:var(--base-white,#fff);background:var(--primary-shades-01,#f2f6f6);border-radius:16px;box-shadow:0 4px 6px -2px #1018280d,0 12px 16px -4px #1018281a;box-sizing:border-box;display:flex;overflow:hidden;padding:24px 16px}.add-project-container .add-project-window[data-v-cc4e6f24]{display:flex;height:auto;overflow:hidden;width:250%}.add-project-container .add-project-window .create-project[data-v-cc4e6f24]{display:flex;flex-direction:column;gap:12px;width:100%}.add-project-container .add-project-window .create-project .create[data-v-cc4e6f24]{flex:auto}.add-project-container .add-project-window .create-project .create img[data-v-cc4e6f24]{filter:invert(54%) sepia(17%) saturate(279%) hue-rotate(128deg) brightness(93%) contrast(84%);margin-right:8px}.add-project-container .add-project-window .create-project .no-groups[data-v-cc4e6f24]{flex:auto}.add-project-container .add-project-window .create-project .no-groups .add[data-v-cc4e6f24]{box-sizing:border-box;width:100%}.add-project-container .add-project-window .create-project .create-input[data-v-cc4e6f24]{font-size:14px;line-height:20px}.add-project-container .add-project-window .create-project.opened[data-v-cc4e6f24]{flex-direction:row}.add-project-container .add-project-window .create-project .created-button.animate[data-v-cc4e6f24]{background-color:var(--success-100);color:var(--success-900);padding:8px 14px}.add-project-container .add-project-window .create-project .created-button.animate img[data-v-cc4e6f24]{margin-left:8px}.add-project-container .add-project-window .listing-section[data-v-cc4e6f24]{display:flex;flex-direction:column;gap:16px;height:-moz-fit-content;height:fit-content;transform:translate(0);transition:transform .5s ease-in-out;width:100%}.add-project-container .add-project-window .listing-section.move-out[data-v-cc4e6f24]{transform:translate(-120%)}.add-project-container .add-project-window .listing-section .search-input[data-v-cc4e6f24]{box-sizing:border-box;height:40px}.add-project-container .add-project-window .listing-section .latest-projects[data-v-cc4e6f24]{min-height:288px}.add-project-container .add-project-window .listing-section .latest-projects p[data-v-cc4e6f24]{color:var(--gray-400,#98a2b3);font-size:14px;font-style:normal;font-weight:600;line-height:20px;margin-bottom:8px}.add-project-container .add-project-window .listing-section .latest-projects .no-results[data-v-cc4e6f24]{color:#101828;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-top:24px;text-align:center}.add-project-container .add-project-window .listing-section .latest-projects .project[data-v-cc4e6f24]{align-items:center;cursor:pointer;display:flex;gap:8px;height:36px;padding:8px}.add-project-container .add-project-window .listing-section .latest-projects .project .project-image-collection[data-v-cc4e6f24]{background:#fff;border-radius:4px;display:flex;gap:1px;padding:1px}.add-project-container .add-project-window .listing-section .latest-projects .project .project-image-collection img[data-v-cc4e6f24]{max-height:24px;max-width:24px}.add-project-container .add-project-window .listing-section .latest-projects .project span[data-v-cc4e6f24]{color:var(--gray-900,#101828);cursor:pointer;font-size:14px;font-style:normal;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-project-container .add-project-window .listing-section .latest-projects .project .buttons[data-v-cc4e6f24]{align-items:center;display:none;justify-content:center;margin-left:auto}.add-project-container .add-project-window .listing-section .latest-projects .project .buttons.buttons-product[data-v-cc4e6f24]{display:flex}.add-project-container .add-project-window .listing-section .latest-projects .project .buttons .add-btn.animate[data-v-cc4e6f24]{background-color:var(--success-100);color:var(--success-900);padding:8px 14px}.add-project-container .add-project-window .listing-section .latest-projects .project .buttons .add-btn.animate img[data-v-cc4e6f24]{margin-left:8px;padding:0}.add-project-container .add-project-window .listing-section .latest-projects .project .buttons img[data-v-cc4e6f24]{cursor:pointer;padding:6px}.add-project-container .add-project-window .listing-section .latest-projects .project[data-v-cc4e6f24]:hover{background:var(--primary-shades-02,#e5eded)}.add-project-container .add-project-window .listing-section .latest-projects .project:hover .buttons[data-v-cc4e6f24]{display:flex}.add-project-container .add-project-window .project-section[data-v-cc4e6f24]{display:flex;flex-direction:column;gap:16px;height:calc(100% - 48px);position:absolute;transform:translate(120%);transition:transform .5s ease-in-out;width:91%}.add-project-container .add-project-window .project-section.move-out[data-v-cc4e6f24]{transform:translate(-120%)!important}.add-project-container .add-project-window .project-section.move-in[data-v-cc4e6f24]{transform:translate(0)}.add-project-container .add-project-window .project-section .project-header[data-v-cc4e6f24]{align-items:center;display:flex;gap:12px;justify-content:flex-start}.add-project-container .add-project-window .project-section .project-header .back-btn[data-v-cc4e6f24]{padding:8px}.add-project-container .add-project-window .project-section .project-header p[data-v-cc4e6f24]{color:var(--gray-700,#344054);font-size:16px;font-style:normal;font-weight:600;line-height:24px;max-height:48px;overflow:hidden}.add-project-container .add-project-window .project-section .project-groups .project-groups-wrapper[data-v-cc4e6f24]{overflow-y:auto}.add-project-container .add-project-window .project-section .project-groups p[data-v-cc4e6f24]{color:var(--gray-400,#98a2b3);font-size:14px;font-style:normal;font-weight:600;line-height:20px;margin-bottom:8px}.add-project-container .add-project-window .project-section .project-groups .project-group[data-v-cc4e6f24]{align-items:center;display:flex;height:36px;justify-content:space-between;padding:8px}.add-project-container .add-project-window .project-section .project-groups .project-group span[data-v-cc4e6f24]{color:var(--gray-900,#101828);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.add-project-container .add-project-window .project-section .project-groups .project-group .buttons[data-v-cc4e6f24]{align-items:center;display:none;justify-content:center}.add-project-container .add-project-window .project-section .project-groups .project-group .buttons.buttons-product[data-v-cc4e6f24]{display:flex}.add-project-container .add-project-window .project-section .project-groups .project-group .buttons .add-btn.animate[data-v-cc4e6f24]{background-color:var(--success-100);color:var(--success-900);padding:8px 14px}.add-project-container .add-project-window .project-section .project-groups .project-group .buttons .add-btn.animate img[data-v-cc4e6f24]{margin-left:8px;padding:0}.add-project-container .add-project-window .project-section .project-groups .project-group .buttons img[data-v-cc4e6f24]{cursor:pointer;padding:6px}.add-project-container .add-project-window .project-section .project-groups .project-group[data-v-cc4e6f24]:hover{background:var(--primary-shades-02,#e5eded)}.add-project-container .add-project-window .project-section .project-groups .project-group:hover .buttons[data-v-cc4e6f24]{display:flex}.add-project-container .add-project-window .project-section .create-project[data-v-cc4e6f24]{margin-top:auto}.add-project-container .add-project-window .project-section .create-project .created-button.animate[data-v-cc4e6f24]{background-color:var(--success-100);color:var(--success-900);padding:8px 14px}.add-project-container .add-project-window .project-section .create-project .created-button.animate img[data-v-cc4e6f24]{margin-left:8px}.add-project-container .add-project-window .items-section[data-v-cc4e6f24]{display:flex;flex-direction:column;gap:16px;height:calc(100% - 48px);position:absolute;transform:translate(120%);transition:transform .5s ease-in-out;width:91%}.add-project-container .add-project-window .items-section.move-in[data-v-cc4e6f24]{transform:translate(0)}.add-project-container .add-project-window .items-section .items-window-header[data-v-cc4e6f24]{align-items:center;display:flex;gap:12px;justify-content:flex-start}.add-project-container .add-project-window .items-section .items-window-header .back-btn[data-v-cc4e6f24]{padding:8px}.add-project-container .add-project-window .items-section .items-window-header p[data-v-cc4e6f24]{color:var(--gray-700,#344054);font-size:16px;font-style:normal;font-weight:600;line-height:24px;max-height:48px;overflow:hidden}.add-project-container .add-project-window .items-section .items-window-content .project-groups-wrapper[data-v-cc4e6f24]{overflow-y:auto}.add-project-container .add-project-window .items-section .items-window-content .no-results[data-v-cc4e6f24]{color:#101828;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-top:24px;text-align:center}.add-project-container .add-project-window .items-section .items-window-content p[data-v-cc4e6f24]{color:var(--gray-400,#98a2b3);font-size:14px;font-style:normal;font-weight:600;line-height:20px;margin-bottom:8px}.add-project-container .add-project-window .items-section .items-window-content .project-group[data-v-cc4e6f24]{align-items:center;display:flex;height:36px;justify-content:space-between;padding:8px}.add-project-container .add-project-window .items-section .items-window-content .project-group span[data-v-cc4e6f24]{color:var(--gray-900,#101828);font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-right:auto}.add-project-container .add-project-window .items-section .items-window-content .project-group .customer-reference[data-v-cc4e6f24]{color:#6b738c;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-right:.25em}.add-project-container .add-project-window .items-section .items-window-content .project-group .buttons[data-v-cc4e6f24]{align-items:center;display:none;justify-content:center}.add-project-container .add-project-window .items-section .items-window-content .project-group .buttons.buttons-product[data-v-cc4e6f24]{display:flex}.add-project-container .add-project-window .items-section .items-window-content .project-group .buttons .add-btn.animate[data-v-cc4e6f24]{background-color:var(--success-100);color:var(--success-900);padding:8px 14px}.add-project-container .add-project-window .items-section .items-window-content .project-group .buttons .add-btn.animate img[data-v-cc4e6f24]{margin-left:8px;padding:0}.add-project-container .add-project-window .items-section .items-window-content .project-group .buttons img[data-v-cc4e6f24]{cursor:pointer;padding:6px}.add-project-container .add-project-window .items-section .items-window-content .project-group .buttons.disabled[data-v-cc4e6f24]{cursor:default;opacity:.5;pointer-events:none}.add-project-container .add-project-window .items-section .items-window-content .project-group img[data-v-cc4e6f24]{background:#fff;border-radius:4px;margin-right:8px;max-height:24px;max-width:24px;padding:1px}.add-project-container .add-project-window .items-section .items-window-content .project-group[data-v-cc4e6f24]:hover{background:var(--primary-shades-02,#e5eded)}.add-project-container .add-project-window .items-section .items-window-content .project-group:hover .buttons[data-v-cc4e6f24]{display:flex}@media screen and (max-width:749px){.add-project-container .add-project-window .create-project[data-v-cc4e6f24]{gap:10px}.add-project-container .add-project-window .create-project .create-input[data-v-cc4e6f24]{font-size:16px}.add-project-container .add-project-window .create-project .create-input[data-v-cc4e6f24] input{padding:10px 10px 10px 16px}.add-project-container .add-project-window .project-section[data-v-cc4e6f24]{width:95%}}@media screen and (max-width:550px){.add-project-container .add-project-window .project-section[data-v-cc4e6f24]{width:87%}}