.App .toolbar{bottom:8px;display:block;display:flex;gap:10px;justify-content:center;left:0;opacity:0;padding:10px;position:absolute;right:0;transform:translateY(100%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;z-index:2}.App .toolbar .tools-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffc;border-left:1px solid #fff3;border-radius:8px;border-right:1px solid #fff3;border-color:#fff3 #fff6;border-style:solid;border-width:1px;box-shadow:0 4px 12px #00000080;display:flex;gap:10px;padding:2px 16px}.App .toolbar button.button.icon{background-color:#fff;background-color:#0000;border:none;border-radius:5px;box-shadow:none;cursor:pointer;opacity:1;padding:8px 6px}.App .toolbar button.button.icon:before{filter:drop-shadow(1px 1px 1px #666666);opacity:1!important;padding:12px;transform:scale(1)}.App .toolbar button.button.icon:hover{background-color:#fff;box-shadow:0 1px 2px 1px #2929291a}.App .toolbar button.button.icon:hover:before{opacity:1;transform:scale(1.2)}.App .toolbar.vertical{bottom:8px;justify-content:flex-end;right:0}.App .toolbar.vertical .tools-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d;border-left:1px solid #fff3;border-radius:12.8px;border-right:1px solid #fff3;border-color:#fff3 #fff6;border-style:solid;border-width:1px;box-shadow:0 4px 12px #00000080;flex-direction:column;gap:4px;padding:8px}.App .toolbar.vertical .tools-container:first-of-type{margin-top:32px}.App .toolbar.vertical button{padding:8px}.modal-container{height:100dvh;left:0;position:fixed;width:100vw;z-index:20}.modal-container.closingModal .modal{animation-duration:.2s;animation-fill-mode:forwards;animation-name:modal-out;transform:translate(-50%,calc(-40% - 60px)) scale(1)}.modal-container.closingModal .modal-backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;transition-delay:0s;transition-delay:.15s;transition-duration:.4s}.modal{animation-duration:.5s;animation-fill-mode:forwards;animation-name:modal-in;animation-timing-function:ease-out;background-color:rgba(0,0,0,.016);border:2px solid #444446;border-radius:24px;box-shadow:1px 1px 4px #000;height:calc(100dvh - 120px);opacity:0;padding-bottom:88px;position:absolute;right:0;transform:translate(100%) scale(.9);z-index:21}.modal.island{animation-duration:.2s;animation-name:modal-in-island;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(8px);background-color:#00000080;border-color:#fff3 #ffffff0d #ffffff1a #ffffff1a;border-style:solid;border-width:1px;bottom:50vh;box-shadow:1px 1px 4px 2px #fdfdfd03,0 0 16px 6px #0000004d;grid-template-rows:auto 100%;height:auto;left:50vw;max-height:90dvh;max-width:640px;opacity:1;overflow:scroll;right:auto;transform:translate(-50%,calc(-50% - 60px)) scale(1);transition-delay:.1s}.modal.island .modal-body{height:auto;margin-bottom:32px;margin-top:32px}.modal:hover{animation-duration:.2;transition-duration:.2s}.modal .modal-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000003;border-bottom:1px solid #2b2b2b;border-radius:20px;border-top:1px solid #fff6;display:grid;font-size:.9rem;font-weight:600;grid-template-columns:64px auto 64px;height:48px;line-height:28px;margin-left:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;width:calc(100% - 8px)}.modal .modal-header .modal-controls{align-items:center;display:flex;gap:8px;margin:8px 8px 8px 16px;opacity:0;width:100%}.modal .modal-header .modal-controls .control{border-radius:50%;cursor:pointer;height:12px;opacity:.8;width:12px}.modal .modal-header .modal-controls .control.close{animation-delay:.1s;background-color:#ff3b30;border-color:#dc6862 #f95e56 #f95e56 #ff908a;border-style:solid;border-width:1px;box-shadow:inset 1px 1px 2px #af3f35;transition-duration:.2s}.modal .modal-header .modal-controls .control.close:hover{box-shadow:0 0 6px 8px rgba(175,63,53,.125);opacity:1!important;transition-duration:.2s}.modal .modal-header .modal-controls .control.minimize{animation-duration:.15s;background-color:#ffd60a;opacity:.05!important}.modal .modal-header .modal-controls .control.maximize{background-color:#54a134;opacity:.05!important}.modal .modal-header .modal-controls .control.disabled{opacity:.1!important}.modal .modal-header .modal-title{align-items:center;color:#c7c7cc;display:flex;font-size:1.1rem;font-weight:600;gap:9.6px;justify-content:center;line-height:1.9rem;white-space:nowrap}.modal .modal-header .modal-title .modal-subtitle{color:#48484a;font-size:.9rem;font-weight:400;line-height:2.1rem}.modal .form-section{gap:8px;margin:0 96px;text-align:start}.modal .form-section h2{margin-bottom:16px}.modal .form-section p{color:#636366}.modal .form-section p.copy-link,.modal .form-section p.copy-link.copy{color:#d1d1d6}.modal .form-section p.copy-link.copy:active{color:#54a134;transition-duration:.01s}.modal .form-section.contact .field{display:grid;grid-template-columns:96px 264px}.modal .form-section .field{grid-gap:16px;grid-row-gap:0;align-items:center;animation:fadeInUp .2s ease-in;animation-fill-mode:forwards;display:grid;font-size:.9rem;gap:16px;grid-template-columns:128px 288px;margin:8px 0 0;opacity:0;row-gap:0}.modal .form-section .field.optional input,.modal .form-section .field.optional label{opacity:.4}.modal .form-section .field label{align-self:start;color:#8e8e93;display:grid;font-size:1.2rem;margin-top:0;text-align:right}.modal .form-section .field label.ai-label{animation:fadeInLeft .1s ease-out .4s;animation-fill-mode:forwards;color:#66b346;font-size:.8rem;margin-top:2px;opacity:0}.modal .form-section .field.validity-field{margin-top:12px}.modal .form-section .field.team-field{margin-bottom:8px;margin-top:16px}.modal .form-section .field .symbol{position:relative}.modal .form-section .field .symbol:before{color:red;content:"%";height:16px;left:0;position:relative;top:0;width:16px}.modal .form-section .field .bigger{font-size:1.2rem}.modal .form-section .field.ai-suggestion label{opacity:0}.modal .form-section .field:first-child{animation-delay:.11s}.modal .form-section .field:nth-child(2){animation-delay:.21s}.modal .form-section .field:nth-child(3){animation-delay:.31s}.modal .form-section .field:nth-child(4){animation-delay:.41s}.modal .form-section .field:nth-child(5){animation-delay:.51s}.modal .form-section .field:nth-child(6){animation-delay:.61s}.modal .form-section .field:nth-child(7){animation-delay:.71s}.modal .form-section .field:nth-child(8){animation-delay:.81s}.modal .form-section .field:nth-child(9){animation-delay:.91s}.modal .form-section .field:nth-child(10){animation-delay:1.01s}.modal .form-section .field:nth-child(11){animation-delay:1.11s}.modal .form-section .field:nth-child(12){animation-delay:1.21s}.modal .form-section .field:hover label{color:#d1d1d6}.modal .form-section .field:hover input{border-bottom:1px solid #444446;border-right:1px solid #444446;border-color:#444446 #7c7c80 #7c7c80 #444446;border-style:solid;border-width:1px}.modal .form-section .field .auto-asigned-label{color:#2c2c2e;margin-top:4px;text-align:center}.modal .form-section .field .advanced-label{color:#3a3a3c;margin-left:6px;margin-top:4px}.modal .form-section .field .team-members{align-items:center;align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;transition-duration:.4s}.modal .form-section .field .team-members .team-member{align-items:center;background-color:#151515;border-left:1px solid #242426;border-top:1px solid #242426;border-color:#444446 #242426 #242426 #444446;border-radius:6px;border-style:solid;border-width:1px;box-shadow:2px 1px 0 1px #0006;cursor:pointer;display:flex;gap:8px;margin-left:4px;opacity:.6;overflow:hidden;padding:4px 8px 4px 4px;transition-delay:0s;transition-duration:.1s}.modal .form-section .field .team-members .team-member.studio-team{padding-left:12px}.modal .form-section .field .team-members .team-member .profile-image{background-color:#1c1c1e;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #3a3a3c;border-radius:50%;height:24px;width:24px}.modal .form-section .field.three{grid-template-columns:96px 264px 64px}.modal .form-section .project-validity-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:0;transition-duration:.4s}.modal .form-section .project-validity-options.field-options{margin-top:8px}.modal .form-section .project-validity-options .radio-button-group{align-items:center;background-color:#202020;border-left:1px solid #242426;border-top:1px solid #242426;border-color:#444446 #242426 #242426 #363638;border-radius:6px;border-style:solid;border-width:1px;box-shadow:2px 1px 0 1px #0006;cursor:pointer;display:flex;gap:0;overflow:hidden;padding:4px 8px;transition-delay:0s;transition-duration:.1s}.modal .form-section .project-validity-options .radio-button-group.upgrade-needed{border:1px solid #242426;box-shadow:0 1px 0 0 #0006;opacity:.5}.modal .form-section .project-validity-options .radio-button-group.upgrade-needed label{color:#535353}.modal .form-section .project-validity-options .radio-button-group.upgrade-needed:hover{border:1px solid #242426;color:#fff}.modal .form-section .project-validity-options .radio-button-group.upgrade-needed:hover label{color:#8e8e93;cursor:pointer;display:flex;transition-duration:.1s}.modal .form-section .project-validity-options .radio-button-group:hover{border-left:1px solid #535353;border-top:1px solid #535353;border-color:#7c7c80 #535353 #535353 #7c7c80;border-style:solid;border-width:1px;color:#fff}.modal .form-section .project-validity-options .radio-button-group:hover label{color:#d1d1d6;cursor:pointer;transition-duration:.1s}.modal .form-section .project-validity-options .radio-button-group:active{background-color:#0d0d0d;border-left:1px solid #336c1b;border-top:1px solid #336c1b;border-color:#54a134 #336c1b #336c1b #54a134;border-style:solid;border-width:1px;transform:translateY(2px)}.modal .form-section .project-validity-options .radio-button-group input[type=radio]{display:none}.modal .form-section .project-validity-options .radio-button-group:has(input:checked){background-color:#0d0d0d;border-left:1px solid #336c1b;border-top:1px solid #336c1b;border-color:#54a134 #336c1b #336c1b #54a134;border-style:solid;border-width:1px;box-shadow:2px 2px 2px #00000080;transition-delay:.05s;transition-duration:.1s}.modal .form-section .project-validity-options .radio-button-group:has(input:checked) label{color:#d8d8dc}.modal .form-section .project-validity-options .radio-button-group label{color:#636366;cursor:pointer;display:flex;font-size:1rem;transition-duration:.2s}.modal .form-section .project-validity-options .radio-button-group label.free-validity:after{border:1px solid #171717;border-radius:2px;color:#336c1b;content:"Free";font-size:.8rem;margin-left:4px;padding:0 4px}.modal .form-section .project-validity-options.template-options{justify-content:center;margin-bottom:16px}.modal .form-section .project-validity-options.template-options .radio-button-group{border-radius:6px;font-size:1.2rem;padding:0}.modal .form-section .project-validity-options.template-options .radio-button-group label{padding:12px 19.2px}.modal .form-section .project-validity-wrap{margin-left:8px}.modal .form-section .project-validity-wrap label{margin:0}.modal .form-section.stared-templates{gap:16px;margin-top:32px}.modal .form-section.stared-templates .project-validity-options .radio-button-group{border:1px solid #535353;border-radius:6px;border-radius:16px;margin:4px 4px 4px 0;transform:translateY(0)}.modal .form-section.stared-templates .project-validity-options .radio-button-group:active{transform:translateY(2px);transition-duration:.2s}.modal .form-section.stared-templates .project-validity-options .radio-button-group label{color:#e5e5ea;font-size:1.3rem;opacity:.8;padding:15.36px 38.4px}.modal .form-section.stared-templates .stared-templates-label{font-size:1.2rem;margin-bottom:24px;text-align:center}.modal .form-section.stared-templates .radio-button-group label{grid-gap:8px;display:grid;gap:8px;justify-items:center}.modal .form-section.stared-templates .radio-button-group label:before{background-position:50%;background-repeat:no-repeat;background-size:90%;color:#332d2d00;content:".";height:32px;width:32px}.modal .form-section.stared-templates .radio-button-group label.template-wedding:before{background-image:url(https://img.icons8.com/?size=100&id=59805&format=png&color=ffffff);background-size:80%}.modal .form-section.stared-templates .radio-button-group label.template-birthday:before{background-image:url(https://img.icons8.com/?size=100&id=1VGGbDqqEsoJ&format=png&color=ffffff);background-size:80%}.modal .form-section.stared-templates .radio-button-group label.template-baptism:before{background-image:url(https://img.icons8.com/?size=100&id=3n7WgrQjIo8m&format=png&color=FFFFFF);background-size:80%}.modal .form-section.other-templates{overflow-x:scroll;width:512px}.modal .form-section.other-templates .template-options{display:flex;flex-wrap:nowrap}.modal .form-section.other-templates .template-options .radio-button-group{background-color:#171717;border-radius:16px;box-shadow:1px 1px 0 1px #0000001a}.modal .form-section .error{color:#ff6961;display:grid;font-size:.8rem;margin-top:6px;opacity:.5;text-align:start;width:100%}.modal .form-section :first-of-type .error{opacity:1}.modal .form-section .info{color:#444446;display:flex;font-size:.8rem;grid-column-end:3;grid-column-start:1;margin-top:4px;opacity:.5;text-align:left;width:100%}.modal .form-section .info span{color:#636366;font-weight:400;margin:0 4px}.modal .form-section .info b{color:#636366;font-weight:400;margin:0 1px}.modal .form-section :first-of-type .info{opacity:1}.modal .actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(0deg,#0000 70%,#4a5c421a);border-bottom:1px solid #ffffff26;border-radius:20px;border-top:1px solid #ffffff59;bottom:4px;box-shadow:0 -2px 4px #0006;display:flex;gap:8px;justify-content:flex-end;left:4px;padding:12px 32px;position:absolute;width:calc(100% - 8px)}.modal .modal-body{margin-top:40px!important}.modal.delete-item .modal-body{padding:16px;text-align:center}.modal.delete-item .modal-body .message .caution{color:#ffb340}.modal.delete-item .modal-body .message.top{color:#aeaeae;margin-bottom:8px}.modal.delete-item .modal-body .message.bottom{margin-bottom:16px}.modal.delete-item .modal-body .note{color:#48484a;margin:0 80px}.modal.delete-item .modal-body .note strong{color:#636366}.modal.loginModal{animation-delay:.5s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:login-popup;background:none;border:none;bottom:calc(50vh + 64px);box-shadow:none;left:50vw;min-height:424px;opacity:0;overflow:visible;padding:0;transform:translate(-50%,-40%)}@keyframes login-popup{0%{opacity:0;transform:translate(-50%,calc(50% + 96px)) scale(0)}to{opacity:1;transform:translate(-50%,calc(50% + 96px)) scale(1)}}.modal.loginModal p span.opening-loader{background-image:url(/static/media/loading-green-loading.4064527791e609cfbe59.gif);background-position:50%;background-size:auto 60%;color:#0000!important;height:32px;margin-right:8px;opacity:.5;padding:8px;width:32px}.modal.loginModal .auth-cancel{cursor:pointer;margin-left:16px;text-decoration:underline}.modal.loginModal.emailPassword{width:336px}.modal.loginModal .form-section{margin:0;min-width:240px}.modal.loginModal .form-section p{margin:16px 8px;text-align:center}.modal.loginModal .actions{background-color:#0000001a;border-left:1px solid #1c1c1e;border-top:1px solid #1c1c1e;border-color:#2c2c2e #1c1c1e #1c1c1e #2c2c2e;border-radius:12px;border-style:solid;border-width:1px;box-shadow:2px 2px 3px #00000080;display:grid;justify-content:center;padding:36px 64px 8px;position:relative}.modal.loginModal .actions .login-title{animation:fadeInUp .3s ease-out .55s;animation-fill-mode:forwards;color:#8e8e93;opacity:0}.modal.loginModal .actions .login-title span{color:#3a3a3c}.modal.loginModal .actions .login-subtitle{animation:fadeInUp .2s ease-in .7s;animation-fill-mode:forwards;color:#48484a;font-size:1rem;font-weight:200;line-height:1rem;margin-bottom:16px;margin-left:0;margin-top:12px;opacity:0;text-align:center;width:100%}.modal.loginModal .actions .login-subtitle .green-label{color:#54a134;font-size:1rem;text-decoration:underline}.modal.loginModal .actions .login-title-section{animation:fadeInUp .3s ease-in .6s;animation-fill-mode:forwards;color:#fff;font-size:1.8rem;font-weight:600;line-height:1.7rem;margin-bottom:-1.6px;margin-left:8px;opacity:0;text-align:center;text-shadow:1px 1px 1px #000}.modal.loginModal .actions p{margin-left:0;text-align:center}.modal.loginModal .actions p span{color:#428924}.modal.loginModal .actions .sign-in-buttons{display:grid;justify-items:center}.modal.loginModal .actions .button{grid-gap:12px;align-items:center;background-color:#2b2b2b;border:1px solid #535353;box-shadow:2px 2px 4px #000;color:#d1d1d6;display:grid;font-size:1rem;font-weight:200;gap:12px;grid-template-columns:48px auto;height:56px;justify-content:center;margin-bottom:12.944px;padding:8px 32px 8px 0;transform:scale(1);transition-delay:.02s;transition-duration:.1s;transition-timing-function:ease-out}.modal.loginModal .actions .button:hover{border:1px solid #d8d8dc;transition-delay:.01s;transition-duration:.02s;transition-timing-function:ease-in}.modal.loginModal .actions .button .logo-container{display:grid;justify-content:center}.modal.loginModal .actions .button.google{animation:primary-action-signin .35s ease-in 1s;animation-fill-mode:forwards;background:linear-gradient(345deg,#000 30%,rgba(27,37,19,.235) 85%,rgba(39,53,34,.439));border-color:rgba(52,87,42,.925) rgba(73,114,63,.925) rgba(31,45,28,.925) rgba(40,62,33,.925);border-style:solid;border-width:1px;box-shadow:2px 4px 4px #0000001a;opacity:0;padding-top:11px;text-shadow:1px 1px 3px #000}.modal.loginModal .actions .button.google:hover{border:1px solid #ebebf0}@keyframes primary-action-signin{0%{box-shadow:2px 4px 4px #0000001a;opacity:0;transform:translateY(2px)}to{box-shadow:2px 4px 4px #000c,inset 2px 2px 2px rgba(32,21,31,.616),inset 4px 4px 8px rgba(58,73,53,.259);opacity:1;transform:translateY(0)}}.modal.loginModal .actions .button.apple{animation:fadeInUp .35s ease-in .9s;animation-fill-mode:forwards;background-color:#0d0d0d;border:1px solid #363638;box-shadow:2px 2px 1px #0000;color:#48484a;grid-template-columns:32px auto;height:48px;opacity:0;padding:4px;transform:scale(.98);width:calc(100% - 16px)}.modal.loginModal .actions .button.apple:hover{border:1px solid #6c6c70}.modal.loginModal .actions .button.disabled{opacity:.2}.modal.loginModal .actions .button .google-logo{background-image:url(/static/media/google-logo.97b93d058714fd6109fb.png);background-position:50%;background-size:100%;border:none;height:24px;margin-top:-4px;width:24px}.modal.loginModal .actions .button .apple-logo{background-image:url(https://upload.wikimedia.org/wikipedia/commons/1/1b/Apple_logo_grey.svg);background-position:50%;background-size:80%;border:none;height:24px;margin-top:-4px;opacity:.2;width:24px}.modal.loginModal .actions .button .lock{background-image:url(https://img.icons8.com/?size=100&id=2862&format=png&color=FFFFFF);background-position:center 30%;background-size:50%;border:none;height:32px;width:32px}.modal.loginModal .actions .button:active .lock{background-image:url(https://img.icons8.com/?size=100&id=3721&format=png&color=FFFFFF)}.modal.loginModal .actions .button.secondary{background-color:#171717;border:1px solid #2b2b2b}.modal.loginModal .actions .login-helper-options{animation:fadeInLeft .25s ease-out 1.7s;animation-fill-mode:forwards;display:flex;gap:4px;justify-content:center;margin-bottom:8px;margin-top:8px;opacity:0}.modal.loginModal .actions .login-helper-options .create-studio-link{color:#fff;cursor:pointer;font-size:.9rem;margin:-8px 0 0;opacity:.3;padding:8px 16px;text-align:center;transition-duration:.2s;width:100%}.modal.loginModal .actions .login-helper-options .create-studio-link.fade{opacity:.4}.modal.loginModal .actions .login-helper-options .create-studio-link:hover{opacity:1}.modal.loginModal .loader{background-image:url(/static/media/loading-green-loading.4064527791e609cfbe59.gif);background-position:50%;background-size:auto 80%;height:24px;margin-right:8px;opacity:.5;width:100%}.modal.loginModal p.open-with-login-label{margin-bottom:0}.modal.loginModal .google-signin-loading{background-size:80%;width:100vw}.modal.create-project .project-details .field{grid-template-columns:112px 288px}.modal.add-crew .assigne .select-wrapper{align-items:center;display:grid;grid-template-columns:1fr auto;justify-content:stretch}.modal .ai-suggestion{display:grid}.modal .ai-suggestions{cursor:ew-resize;display:flex;gap:6px;justify-items:flex-start;overflow-x:scroll;padding-bottom:16px;width:100%}.modal .ai-suggestions::-webkit-scrollbar{display:none}.modal .ai-suggestions ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal .ai-suggestions label{color:#66b346;float:right;width:100%}.modal .ai-suggestions .tag{animation:fade-in .2s ease-in-out;animation-fill-mode:forwards;background-color:#171717;border:1px solid #3a3a3c;border-radius:2px;color:#6c6c70;font-size:.7rem;font-weight:400;height:20px;margin:0;opacity:0;padding:0 6px}.modal .ai-suggestions .tag:first-child{background-color:#242426;border:1px solid #8e8e93;color:#ebebf0;padding:0 8px}.modal .ai-suggestions .tag:nth-child(2){border:1px solid #363638;color:#7c7c80}.modal .ai-suggestions .tag:nth-child(3){color:#7c7c80}.modal .ai-suggestions .tag:hover{background-color:#0d0d0d;border:1px solid #8e8e93;color:#54a134}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0e0e0ecc;height:100dvh;left:0;position:fixed;top:0;transition-delay:.2s;transition-duration:.4s;width:100%;z-index:19}@keyframes modal-in{0%{margin-left:40px;opacity:0;transform:translate(200%)}55%{opacity:1;transform:translate(-40px)}60%{opacity:1;transform:translate(-40px)}to{margin-left:0;opacity:1;transform:translate(-24px)}}@keyframes modal-out{0%{opacity:1;transform:translate(-50%,50%) scale(1)}5%{opacity:1;transform:translate(-50%,50%) scale(1.04)}80%{opacity:0;transform:translate(-50%,50%) scale(.8)}to{opacity:0;transform:translate(-50%,50%) scale(0)}}@keyframes modal-in-island{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;transform:translate(-50%,50%) scale(.8)}60%{opacity:1;transform:translate(-50%,50%) scale(1.04)}to{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-left:0;opacity:1;transform:translate(-50%,50%) scale(1)}}@keyframes modal-in-mobile{0%{margin-top:40px;opacity:0;transform:translateY(-10%) scale(.9)}to{margin-top:0;opacity:1;transform:translate(0) scale(1)}}@keyframes modal-out-mobile{0%{margin-left:0;opacity:1;transform:translate(0) scale(1)}55%{margin-left:0;opacity:1;transform:translateY(-24px) scale(1)}60%{margin-left:0;opacity:1;transform:translateY(-24px) scale(1)}to{margin-left:0;opacity:0;transform:translateY(100%) scale(1)}}@media only screen and (max-width:1080px){.App .modal-container{height:100dvh;position:fixed;width:100vw}.App .modal .form-section{display:grid}.App .modal .form-section .field{grid-template-columns:128px 280px}.App .modal .form-section.contact .field{grid-template-columns:96px auto}}@media only screen and (max-width:992px){.App .modal .form-section .project-validity-options.template-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.App .modal .form-section .project-validity-options.template-options .radio-button-group label{justify-content:center}}@media only screen and (max-width:720px){.App .modal .form-section .project-validity-options.template-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.App .modal .form-section .project-validity-options.template-options .radio-button-group label{justify-content:center;width:100%}}@media only screen and (max-width:520px){.App .modal-container{height:100dvh;position:fixed;top:0;width:100vw;z-index:41}.App .modal-container.closingModal .modal{animation-duration:.2s;animation-fill-mode:forwards;animation-name:none;opacity:0;transform:translateY(10%) scale(1)}.App .modal-container.closingModal .modal-backdrop{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;transition-duration:.9s;transition-timing-function:ease-in}.App .modal-container.share-gallery .link-pin{display:grid;grid-template-columns:1fr}.App .modal-container.share-gallery .galleries-share-list-selection{grid-template-columns:1fr}.App .modal-container.share-gallery .gallery-field{display:flex}.App .modal-container.share-gallery .modal .form-section{margin:0 16px;width:calc(100vw - 40px)!important}.App .modal{animation:none;animation-fill-mode:forwards;height:auto;left:2px;padding-bottom:0;position:relative;transition-duration:.4s;width:calc(100vw - 16px)}.App .modal.island{animation:none!important;animation-fill-mode:forwards;bottom:8px!important;left:8px;opacity:1;position:absolute;transform:none!important}.App .modal.loginModal{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);bottom:144px!important;height:auto;left:16px;margin-left:0;transform:translateY(-50%);width:calc(100vw - 32px)}.App .modal.loginModal .actions{max-width:95vw;padding:24px 16px}.App .modal.loginModal .actions .sign-in-buttons{width:100%}.App .modal.loginModal .actions .button{width:calc(100vw - 96px)}.App .modal.loginModal .actions .login-subtitle{width:calc(100vw - 128px)}.App .modal.loginModal .actions .login-helper-options{grid-gap:2px;display:grid;gap:2px}.App .modal.loginModal .actions .login-helper-options p{margin:0}.App .modal .form-section{gap:4px;margin-left:8px;margin-right:0;width:calc(100% - 16px)!important}.App .modal .form-section .field{grid-gap:4px;display:grid;gap:4px;grid-template-columns:auto;justify-content:normal;margin:8px;width:calc(100% - 32px)}.App .modal .form-section .field label{margin-bottom:4px;margin-left:8px;text-align:left}.App .modal .form-section .field .advanced-label{margin-top:0;text-align:left}.App .modal .form-section .field.live-field{display:flex;flex-flow:row-reverse;justify-content:space-between;margin-bottom:-8px;z-index:1}.App .modal .form-section .field .radio-button-group label{margin-bottom:0;margin-left:0;text-align:left}.App .modal .form-section.contact .field{grid-template-columns:96px auto}.App .modal .form-section .project-validity-options{margin-top:8px}.App .modal .form-section .project-validity-options.template-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:0;padding:0 32px}.App .modal .form-section .project-validity-options.template-options .radio-button-group:first-child label,.App .modal .form-section .project-validity-options.template-options .radio-button-group:nth-child(2) label,.App .modal .form-section .project-validity-options.template-options .radio-button-group:nth-child(3) label{padding:32px}.App .modal .form-section .project-validity-options.template-options .radio-button-group label{justify-content:center}.App .modal .form-section .project-validity-options .template-options .radio-button-group{font-size:1.2rem;padding:8px 32px}.App .modal .modal-header{background-color:rgba(0,0,0,.016);box-shadow:0 2px 1px 1px #0003;display:flex;padding:8px 8px 8px 24px}.App .modal .modal-header .modal-title{font-size:1.2rem}.App .modal .modal-header .modal-controls{display:none}.App .modal .modal-body{margin-top:0!important;max-height:calc(100dvh - 168px);min-width:auto;overflow-y:scroll;padding:24px 0 128px}.App .modal .modal-body .form-section.stared-templates{margin-top:0}.App .modal .modal-body .form-section.stared-templates .project-validity-options.template-options{padding:0 8px}.App .modal .modal-body .form-section.stared-templates .project-validity-options.template-options .radio-button-group label{align-items:center;border-radius:16px;display:flex}.App .modal .modal-body .form-section.stared-templates .project-validity-options.template-options .radio-button-group:first-child label,.App .modal .modal-body .form-section.stared-templates .project-validity-options.template-options .radio-button-group:nth-child(2) label,.App .modal .modal-body .form-section.stared-templates .project-validity-options.template-options .radio-button-group:nth-child(3) label{padding:16px 32px}.App .modal .modal-body .form-section.stared-templates .stared-templates-label{font-size:1rem;margin-bottom:0;padding:0 8px}.App .modal .modal-body .form-section.other-templates .project-validity-options.template-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:16px;padding:0 8px}.App .modal .modal-body .form-section.other-templates .project-validity-options.template-options .radio-button-group label{align-items:center;display:flex}.App .modal .modal-body .form-section.other-templates .project-validity-options.template-options .radio-button-group:first-child label,.App .modal .modal-body .form-section.other-templates .project-validity-options.template-options .radio-button-group:nth-child(2) label,.App .modal .modal-body .form-section.other-templates .project-validity-options.template-options .radio-button-group:nth-child(3) label{padding:16px 32px}.App .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper{padding:0 8px}.App .modal .actions{grid-gap:4px;box-shadow:0 -4px 4px 2px #0003;display:grid;gap:4px;justify-content:center;justify-items:center;padding-top:8px;position:absolute}.App .modal .actions .button{border-radius:16px;font-size:1.1rem;padding:12px;width:calc(100vw - 46px)}.App .modal .actions .button.secondary{background-color:#0000;border:none;box-shadow:none;color:#8e8e93;padding:12px;width:calc(100vw - 56px)}.App .welcome-modal .modal{padding-top:16px}.App .welcome-modal .modal .modal-header{display:none}.App .welcome-modal .modal .modal-footer .actions{grid-gap:0;display:grid;gap:0}.App .welcome-modal .modal .modal-footer .actions .button{padding:8px;width:calc(100vw - 32px)}.App .welcome-modal .modal .modal-footer .actions .button:last-of-type{order:1}.App .welcome-modal .modal .modal-footer .actions .button:first-of-type{order:2}.App .welcome-modal .modal .modal-footer .actions .button.skip{opacity:.5;text-shadow:none}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper{padding:0 8px!important}}@media only screen and (max-width:430px){.App .modal.loginModal{left:0;width:100vw}.App .modal.loginModal .actions{max-width:100vw}.App .modal.loginModal .actions .login-subtitle{width:100%}.App .modal.loginModal .actions .button{font-size:.9rem;gap:4px;width:calc(100vw - 32px)}}@font-face{font-family:Product Sans;font-weight:400;src:url(/static/media/Product%20Sans%20Regular.d165384076551a756b3c.ttf) format("truetype")}@font-face{font-family:Product Sans;font-weight:700;src:url(/static/media/Product%20Sans%20Bold.53df38d5491afbeb42a5.ttf) format("truetype")}*{background-repeat:no-repeat;box-sizing:border-box;cursor:inherit;font-family:Product Sans;margin:0;padding:0}::-webkit-scrollbar{background:#6c6c6c33;cursor:pointer;display:none;margin-top:8px;padding:2px;width:0}::-webkit-scrollbar-thumb{background:#6c6c6c33;border:4px solid #171717;border-radius:8px;cursor:grab;margin:8px;width:0}h1,h2{color:#8e8e93;font-family:Product Sans}a{color:inherit;text-decoration:none}p{cursor:inherit}body{background:#0d0d0d}.App{min-height:100dvh;position:relative;width:100vw}.App *{color:#fff}.App .app-wrap{height:100%}.App header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(16px);background-color:hsla(0,0%,5%,.639);border:none;box-shadow:-1px 1px 4px #0000;display:grid;grid-template-columns:auto auto 1fr;height:60px;position:fixed;top:0;width:100vw;z-index:40}.App header .hamburger{display:none;opacity:.6}.App header .hamburger svg{height:32px;width:32px}.App header .logo-wrapper{grid-gap:4px;align-items:center;cursor:default;display:grid;gap:4px;grid-template-columns:56px auto;height:100%;padding-left:0;width:auto}.App header .logo-wrapper .logo{background-image:url(/static/media/fotoflow-pro-logo.8e2bd4a82da33c098337.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:64px;width:56px}.App header .logo-wrapper .studio-name-logo{font-size:1rem;font-weight:800;max-width:144px}.App header #header-feature-content{align-items:center;display:flex;height:100%;width:100%}.App .footer{bottom:2.4px;color:#7c7c80;display:flex;font-size:.7rem;gap:4px;height:16px;justify-content:center;left:50vw;opacity:.9;overflow:hidden;position:fixed;transform:translateX(-50%);z-index:299}.App .footer a{color:#444446;text-shadow:0 1px 2px #000,0 0 4px hsla(0,0%,47%,.419)}.App .footer span{color:#444446}.App .footer .copyright-symbol{color:#545456;font-size:1.4rem;line-height:2rem;text-shadow:0 1px 2px #000,0 0 4px #777;transform:translateY(-6px)}.App .breadcrumbs{border-radius:4px;cursor:pointer;display:flex;padding:4px 8px}.App .breadcrumbs .back-button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAABWCAYAAABmbX7+AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAPHSURBVHhe3ds7aBRBGAfwrA+MIKKVIAEbK40giBaCJIiaYIio+EDsLRQESxWxtLMRbewsJClU8BF8ReIDwUIbsRCJhY1iIQriAx/n/5PZY29u73b2229mvr2DgVx2Z3Z+8803t4+7pK8HXkkPGPrUIhqNxhoM8DjKBpS3KNNJktzKG3R1CHR+Hjp6GuU4ylyr04/wfj8wH7L/V4UAYD46dw1lrMs0n8W2QUB+pPtoQ1w3U6goVc8BcVQVwkSA5vvWot6b7R+BWKYNcbNgCuXZlgPynjZEnU6MCKSYv/ijH4hfUREVANTvVwAMRp1OACxAB26UyAF7Oh0C4mI0BAD9ODgl8WbHJLZ3mwKgZQkOmhMmArfRq2Em4CnqbQHie7Z+MIQvQLDE9gkIgvAN8I4AYCEOMiWdA3Y+ecsJA7iPA25kJvEM6m23kzivLS8IIcAoAD9dBkAcERognhMxAKKIWAAxREyACAKARWjoToVV6B7qjrsmsfjqZAAP0PB6l1UkZx8CjKXXBcw2+BdFWgDs6aQJwEJoA5RGaASUQgCwGBXoXChqErNXJwN4iAbWMlcQuhzdVXUV6nTswnMnIcBOAH4zB6CwWldEHQBdc6IugI6IOgFyEQAsxQY6laiSxF5zwE6SlpwwgMfYaXVhNuXvQM8W9vlM4q5LrBBgLwB/mAPArvY/EnUGNHMCiBm8GWIOBU2hKBFI+5sAcBhvzjMBE5g+B5h1xaoRYhqtce5QR49ANhL0OLX5/MtxeC4jAgcd9/W+G0WCg3iJng0D8sl7Dx0OQAh6XjDisK+9C0E2AfKFUVe0CiG2oUW6W8F5vaB8ig1JPyfOojPHOArUeY5CT28+M+tXrpYi5qClSyjcZI0akea5E6ZVbSH2CWAtIW1XdnWMSO7lad0gHa+x6wQpulFAOTKJsoe5DgZZtVxu2dBX2CY0QwoRFAFMLdUQJ4R2iDNCM6QUQhAyhHOtr8zFoq1aaYQQ5Jk5aRSBsBDaIGyEJkglhBZIZYQGiAgiNkQMERMiiogFEUdkIFfx9w7mB1qpzxEvCAOhH3NcCQHxhggJ8YoIBfGOCAEJghCE0C3Tb/ZiEQwhBHmCdkZsSFBEOoK43KVVazdz+b0LRMtd/FiIqsvvEUAupIMQBSEwtWaBWBkdIQBZkj4XiRaJTH5wp5YeBDMi7xCFFSqmU3Z1wopVJiIngDijDpGJCP10bbTL8vsa2+gHtM1vskXPCbuzJiKn8P+TKPX7KbM1vVbh/TqUARR6Xv4Go0/fw2p7qYsE51O8JxD/AFm73WYcjnUWAAAAAElFTkSuQmCC);background-position:50%;background-size:auto 90%;margin-right:8px;padding:8px}.App .breadcrumbs .crumb{color:#54a134;display:flex;margin-right:8px}.App .legend{column-gap:16px;display:flex;flex-wrap:wrap;font-size:.8rem;height:24px;margin-left:12px;margin-top:-8px;row-gap:0}.App .legend p.paid{color:#535353}.App .legend p.paid:before{background-color:#428924;border-radius:50%;color:#0000;content:".";height:4px;margin-left:-8px;margin-top:6px;position:absolute;width:4px}.App .legend .pending{color:#535353}.App .legend .pending:before{background-color:#ffb340;border-radius:50%;color:#0000;content:".";height:4px;margin-left:-8px;margin-top:6px;position:absolute;width:4px}.App .legend .draft{color:#535353}.App .legend .draft:before{background-color:#aeaeae;border-radius:50%;color:#0000;content:".";height:4px;margin-left:-8px;margin-top:6px;position:absolute;width:4px}.App main{background-color:#0003;border-bottom:1px solid #52525233;border-radius:8px;border-right:1px solid #52525233;border-color:#52525233 #52525203 #52525203 #52525233;border-style:solid;border-width:1px;box-shadow:inset 8px 8px 32px 4px #8181810d,4px 2px 2px 1px #00000080;height:calc(100vh - 84px);left:72px;margin-bottom:40px;margin-left:8px;overflow-y:scroll;padding:8px 16px 24px;position:relative;top:60px;transition:all .2s ease;width:calc(100vw - 96px);z-index:10}.App main.project-page{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-rows:auto auto auto;min-height:50dvh;padding-left:0;padding-right:8px;padding-top:0}.App main.project-page .project-page-cover{animation-duration:.4s;animation-fill-mode:forwards;animation-name:cover-subtle-pop;animation-timing-function:ease-out;background-blend-mode:normal,luminosity,luminosity;background-color:#000000b3;background-position:50%;background-size:cover;margin-left:-16px;opacity:.5;overflow:hidden;padding-top:96px;position:relative;transition-delay:.8s;transition-timing-function:ease-in;width:calc(100% + 24px)}@keyframes cover-subtle-pop{0%{background-position:0}to{background-position:0,50%,100%}}.App main.project-page .project-page-cover.focus-button-active{cursor:crosshair}.App main.project-page .project-page-cover.cover-hide{animation:none;animation:fadeInUp .2s ease-in .1s;animation-fill-mode:forwards;background-position:0,center 20%,100%;opacity:0}.App main.project-page .project-page-cover.cover-hide .cover-footer{height:144px}.App main.project-page .project-page-cover .cover-tools{display:flex;gap:8px;position:absolute;transform:scale(.9);transition-duration:.1s;z-index:10}.App main.project-page .project-page-cover .cover-tools .button{border:1px solid #fff3;box-shadow:2px 2px 3px 0 #0006}.App main.project-page .project-page-cover .cover-tools .button:hover{transform:scale(1)}.App main.project-page .project-page-cover .static-tools{grid-gap:8px;display:grid;gap:8px;height:100%;justify-content:space-between;left:24px;opacity:1;position:absolute;right:auto;top:128px;width:calc(100% - 16px)}.App main.project-page .project-page-cover .static-tools .bottom-right{display:flex}.App main.project-page .project-page-cover .static-tools .project-status{position:relative}.App main.project-page .project-page-cover .static-tools .project-status select{color:#bcbcbe;height:32px;width:100%}.App main.project-page .project-page-cover .static-tools .project-status.draft{width:96px}.App main.project-page .project-page-cover .static-tools .project-status.draft .status-signal{animation:steady 1.5s infinite;background-color:#8e8e93;box-shadow:0 1px 1px 1px #151515,0 0 5px 4px hsla(0,0%,100%,.086),0 0 4px 1px #ffffff05,0 0 20px 10px hsla(0,0%,100%,.063);transform:scale(1.1)}.App main.project-page .project-page-cover .static-tools .project-status.draft:hover .project-details .details-top .right .status-signal{box-shadow:0 1px 1px 0 #030303,0 0 10px 5px hsla(0,0%,100%,.141),0 0 4px 1px #ffffff05,0 0 20px 20px hsla(0,0%,100%,.027)!important}.App main.project-page .project-page-cover .static-tools .project-status.active{width:104px}.App main.project-page .project-page-cover .static-tools .project-status.archived{width:120px}.App main.project-page .project-page-cover .static-tools .project-status.archived .status-signal{animation:steady 1.5s infinite;background-color:#8e8e93;box-shadow:0 1px 1px 1px #151515,0 0 5px 4px hsla(0,0%,100%,.086),0 0 4px 1px #ffffff05,0 0 20px 10px hsla(0,0%,100%,.063);transform:scale(1.1)}.App main.project-page .project-page-cover .static-tools .project-status.archived:hover .project-details .details-top .right .status-signal{box-shadow:0 1px 1px 0 #030303,0 0 10px 5px hsla(0,0%,100%,.141),0 0 4px 1px #ffffff05,0 0 20px 20px hsla(0,0%,100%,.027)!important}.App main.project-page .project-page-cover .static-tools .project-status.selecting{width:120px}.App main.project-page .project-page-cover .static-tools .project-status.selecting .project-details .details-top .right .status-signal{animation:fast-pulse .5s infinite;background-color:#54a134;box-shadow:0 1px 1px 1px #060,0 0 8px 5px rgba(0,255,0,.702),0 0 5px 1px #00ff0061,0 0 15px 10px rgba(0,255,0,.314);transform:scale(1.2)}.App main.project-page .project-page-cover .static-tools .project-status.selecting:hover .project-details .details-top .right .status-signal{box-shadow:0 1px 1px 1px #060,0 0 12px 6px #0f0c,0 0 6px 2px rgba(0,255,0,.459),0 0 20px 15px #0f06!important}.App main.project-page .project-page-cover .static-tools .project-status.selected{width:120px}.App main.project-page .project-page-cover .static-tools .project-status.selected .status-signal{animation:slow-glow 2s infinite;background-color:#ffd426;box-shadow:0 1px 1px 1px #141000,0 0 7px 4px rgba(255,221,0,.149),0 0 4px 1px #ffdd0061,0 0 15px 10px #ffdd0017;opacity:0;transform:scale(1.1)}.App main.project-page .project-page-cover .static-tools .project-status.selected .status-signal:hover .project-details .details-top .right .status-signal{box-shadow:0 1px 1px 1px #1e1900,0 0 10px 5px rgba(255,221,0,.243),0 0 5px 2px rgba(255,221,0,.459),0 0 20px 15px rgba(255,221,0,.102)!important}.App main.project-page .project-page-cover .static-tools .project-status.completed{width:136px}.App main.project-page .project-page-cover .static-tools .status-signal{background-color:#54a134;border-radius:50%;box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 1px rgba(0,255,0,.129),0 0 20px 10px rgba(0,255,0,.055);height:8px;left:12px;margin-top:-4px;position:absolute;top:50%;transform:translateY(-50%);transform:scale(1.1) translateY(0);transition-delay:.2s;transition-duration:.2s;width:8px}.App main.project-page .project-page-cover .static-tools .project-pin{align-items:center;background-color:#171717;border:1px solid #242426;border-radius:4px;color:#bcbcbe;display:flex;font-size:.9rem;height:32px;margin-left:8px;padding:0 8px}.App main.project-page .project-page-cover .static-tools .cover-info{display:flex;gap:4px;margin:0;opacity:.6;padding:4px}.App main.project-page .project-page-cover .static-tools .cover-info p{color:#d8d8dc;font-size:.9rem;font-weight:400;letter-spacing:.03rem;margin-top:1px;opacity:.6;text-shadow:1px 1px 3px #000c;transition-duration:.2s}.App main.project-page .project-page-cover .static-tools .cover-info p span{color:#d8d8dc;opacity:.5}.App main.project-page .project-page-cover .static-tools .cover-info.project-expiry{background-color:#000c;border-radius:5px;padding:4px 8px 4px 4px}.App main.project-page .project-page-cover .static-tools .cover-info.project-expiry.project-archive{border-radius:5px;padding:4px 8px 4px 4px}.App main.project-page .project-page-cover .static-tools .project-metadata p{color:#535353;margin-top:8px}.App main.project-page .project-page-cover .static-tools.top{grid-gap:4px;bottom:72px;display:grid;gap:4px;justify-content:end;justify-items:end;left:auto;right:8px}.App main.project-page .project-page-cover .cover-footer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(16px);background-color:#000000bf;border-left:none;border-right:none;bottom:0;box-shadow:0 0 4px #00000080,inset 0 -1px 2px #000c;height:64px;left:0;position:absolute;width:100%;z-index:11}.App main.project-page .project-page-cover .focus-indicator{border:1px solid #54a134;border-radius:1px;height:32px;position:absolute;width:32px}.App main.project-page .project-page-cover:hover .cover-tools{left:8px;top:8px}.App main.project-page .project-page-cover:hover .cover-tools .button{box-shadow:2px 2px 2px #000000e6;opacity:.9;transform:scale(1);transition-timing-function:ease-out}.App main.project-page .project-page-cover:hover .cover-tools .button:hover{box-shadow:2px 3px 6px #000;opacity:1;transform:scale(1.05)}.App main.project-page .project-page-cover:hover .static-tools .cover-info p{color:#ebebf0;opacity:1;transition-duration:.3s}.App main.project-page .project-page-cover:hover .static-tools .cover-info .icon-show{transition-duration:.1s}.App main.project-page .project-page-cover:hover .static-tools .cover-info:first-child p{transition-delay:.1s}.App main.project-page .project-page-cover:hover .static-tools .cover-info:first-child .icon-show{opacity:1;transition-delay:.08s}.App main.project-page .project-page-cover:hover .static-tools .cover-info:nth-child(2) p{transition-delay:.2s}.App main.project-page .project-page-cover:hover .static-tools .cover-info:nth-child(2) .icon-show{opacity:1;transition-delay:.16s}.App main.project-page .project-page-cover:hover .static-tools .cover-info:nth-child(3) p{transition-delay:.3s}.App main.project-page .project-page-cover:hover .static-tools .cover-info:nth-child(3) .icon-show{opacity:1;transition-delay:.24s}.App main.project-page .project-cover{background-color:#f000!important;box-shadow:none;display:flex;gap:8px;grid-template-columns:auto auto;margin-bottom:24px;margin-top:-176px;opacity:1;padding:0 0 0 24px;position:relative;width:calc(100vw - 112px)}.App main.project-page .project-cover .cover-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;box-shadow:none;height:176px;margin-top:88px;position:relative}.App main.project-page .project-cover .static-tools.top{align-content:center;height:64px;right:8px;top:auto}.App main.project-page .project-cover .static-tools.bottom{align-content:space-between;border-bottom:1px solid #202020;left:0;padding-bottom:16px;padding-top:16px;top:0}.App main.project-page .project-cover .static-tools.bottom .link-pin-container{display:flex}.App main.project-page .project-cover-image{height:252px}.App main.project-page .project-cover-image.no-cover-image{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#151515;border:3px solid #2c2c2e;border-radius:8px;box-shadow:0 0 4px 2px #0c0c0ce6,0 0 8px 2px #ffffff05;height:252px;opacity:0;width:0}.App main.project-page .project-cover-image img{border:3px solid #363638;border-radius:8px;box-shadow:0 0 4px 2px #0c0c0ce6,0 0 8px 2px #ffffff05;height:256px;max-width:100%}.App main.gallery-page{grid-template-columns:auto;transition-duration:.05s;transition-timing-function:ease-in}.App main.gallery-page .galleries .list .gallery-list .gallery{animation:none!important;opacity:1}.App main.gallery-page .galleries .list .gallery-list .gallery.new{margin-top:0}.App main.gallery-page.designMode{transition-duration:.2s;transition-timing-function:ease-in}.App main.gallery-page.designMode:has(.scrolled-top){background-color:#fff;left:0;transition-duration:.2s;transition-timing-function:ease-in;width:calc(100vw - 16px);z-index:19}.App main .add-collection{margin:0 32px 8px 8px}.App main .collections-panel{display:grid;grid-template-columns:auto 176px;transform:translate(24px,16px);z-index:1}.App main .collections-panel .collections-list{display:flex}.App main .collections-panel .collection-tab{background-color:#171717;border:1px solid #2b2b2b;border-radius:4px;box-shadow:-1px 1px 6px #0003;color:#444446;display:flex;font-size:1rem;gap:8px;margin-left:-1px;padding:4px 16px 12px;transition-duration:.2s}.App main .collections-panel .collection-tab:hover{border-top:1px solid #444446;transition-duration:.1s;z-index:100}.App main .collections-panel .collection-tab:hover a{color:#aeaeae}.App main .collections-panel .collection-tab a{color:#545456;padding:4px}.App main .collections-panel .collection-tab .delete-collection{border:1px solid #0000;border-radius:4px;color:#545456;cursor:pointer;display:none;padding:2px 8px}.App main .collections-panel .collection-tab .delete-collection:hover{background-color:#2b2b2b;border:1px solid #ff453a;color:#aeaeae}.App main .collections-panel .collection-tab.active{background-color:#0d0d0d;border:1px solid #636366;padding:4px 4px 12px 12px;z-index:10!important}.App main .collections-panel .collection-tab.active .delete-collection{display:flex}.App main .collections-panel .collection-tab.active a{color:#fff}.App main .collections-panel .collection-tab:nth-child(n){z-index:5;z-index:calc(5 - var(--n, 0))}.App main .collections-panel .collection-tab:first-child{--n:1}.App main .collections-panel .collection-tab:nth-child(2){--n:2}.App main .collections-panel .collection-tab:nth-child(3){--n:3}.App main .collections-panel .collection-tab:nth-child(4){--n:4}.App main .project-collection{background-color:#171717;border:1px solid #2b2b2b;border-radius:8px;box-shadow:-1px 1px 6px #0003;margin:0 8px 8px;transition-duration:.1s;z-index:3}.App main .project-collection.scrolled-top{border:1px solid #d1d1d6;transition-duration:.05s}.App main .project-collection.scrolled-top .header{margin-left:-26px;padding:16px 25.888px;transition-duration:.1s;transition-timing-function:ease-out;width:calc(100% + 52px)}.App main .project-collection .view-control{align-items:center;display:flex;font-size:.9rem;justify-content:center;margin:4px}.App main .project-collection .view-control .control-label{color:#48484a;padding:8px;white-space:nowrap}.App main .project-collection .view-control .control-label.label-all-photos{color:#636366}.App main .project-collection .view-control .control-label.label-selected-photos.active{color:#d1d1d6}.App main .project-collection .view-control .controls{animation:fadeInLeft .25s ease-out .2s;animation-fill-mode:forwards;animation-timing-function:ease-out;background:linear-gradient(120deg,#2b2b2b -80%,#171717 20%,#171717 60%,#0d0d0d);border:1px solid #242426;border-radius:16px;border-top-color:#363638;box-shadow:2px 2px 4px #000c;display:flex;opacity:0;transition-duration:.15s}.App main .project-collection .view-control .controls .control{border-radius:16px;display:flex;font-size:.8rem;font-weight:500;padding:4px 12px}.App main .project-collection .view-control .controls .control .favorite{cursor:pointer;height:16px;margin-left:0;opacity:1;padding:8px;width:8px}.App main .project-collection .view-control .controls .control .favorite.selected{background-image:url(/static/media/heart.0cecd7adc58469500ee7.svg);background-position:50%;background-size:50%;opacity:1;transform:translateX(1px);transition-duration:.1s}.App main .project-collection .view-control .controls .control .favorite.selected:hover{background-image:url(/static/media/heart-dislike.59fa288e8aaf06a6cce7.svg)}.App main .project-collection .view-control .controls .control.active{background-color:#2b2b2b;border:1px solid #535353}.App main .project-collection .view-control .controls .control.active:hover{background-color:#171717;border:1px solid #7c7c80}.App main .project-collection .view-control .controls .control{border-radius:24px;border-right:1px solid #ffffff05;color:#aeaeae;cursor:pointer;font-weight:400;padding:6px 12px;transition-duration:.15s;white-space:nowrap}.App main .project-collection .view-control .controls .control:hover{background-color:#171717;color:#7c7c80;transition-duration:.1s}.App main .project-collection .view-control .controls .control:hover:last-child{border-radius:8px}.App main .project-collection .view-control .controls .control.active{border-bottom:1px solid #363638;border-left:1px solid #363638;border-top:1px solid #363638;border-color:#545456 #363638 #363638 #545456;border-radius:16px!important;border-style:solid;border-width:1px;box-shadow:1px 1px 2px #000c;color:#e5e5e5;transform:scale(1);transition-duration:.05s}.App main .project-collection .view-control .controls .control.active:hover{background-color:#2b2b2b;border:1px solid #545456;transition-duration:.1s}.App main .project-collection .view-control .controls .control.active .icon{background-size:120%}.App main .project-collection .view-control .controls .control.disabled{opacity:.2}.App main .project-collection .view-control .controls .control .icon{background-position:50%;background-size:110%;height:14.4px;width:14.4px}.App main .project-collection .view-control .controls .control .icon.card-view{background-image:url(https://img.icons8.com/sf-black-filled/64/FFFFFF/four-squares.png)}.App main .project-collection .view-control .controls .control .icon.list-view{background-image:url(https://img.icons8.com/ios-filled/50/FFFFFF/list.png)}.App main .project-collection .view-control .controls .control .icon.light-view{background-image:url(https://img.icons8.com/?size=100&id=SyBDr18WdUcD&format=png&color=FFFFFF)}.App main .project-collection .view-control .controls .control .icon.dark-view{background-image:url(https://img.icons8.com/?size=100&id=45475&format=png&color=FFFFFF)}.App main .project-collection .view-control .controls.dark-controls .active,.App main .project-collection .view-control .controls.dark-controls .active:hover{background-color:#0d0d0d}.App main .project-collection .header{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(8px);background-color:#101010e6;border:1px solid #2b2b2b;border-radius:6px;box-shadow:0 1px 1px #000;display:grid;grid-template-columns:1fr auto 1fr;margin-left:0;padding:8px 12.944px;position:sticky!important;top:-8px;transition-duration:.2s;width:100%;z-index:40}.App main .project-collection .header .options{align-items:center;display:flex;gap:8px}.App main .project-collection .header .options .dummy-buttons{display:flex;gap:8px}.App main .project-collection .header .options .dummy-buttons .button{border:1px solid #334155;color:#94a3b8;font-family:JetBrains Mono,Fira Code,monospace;opacity:.5}.App main .project-collection .header .options .dummy-buttons .button:hover{opacity:.9}.App main .project-collection .header .label{margin:8px}.App main .project-collection .header .open-buttons{display:flex;justify-content:flex-end}.App main .project-collection .header .open-in{align-items:center;color:#8e8e93;display:flex;font-size:.8rem;gap:8px;justify-content:flex-end}.App main .project-collection .header .open-in .lr.button{background-color:#001b30;border:1px solid #2fa3f7;box-shadow:-1px -1px 4px #000,-1px 0 8px rgba(47,164,247,.612);color:#2fa3f7}.App main .project-collection .header .open-in.disabled{color:#3a3a3c}.App main .project-collection .header .open-in.disabled .lr.button{background-color:rgba(0,27,48,.086);border:1px solid hsla(208,7%,51%,.251);box-shadow:-1px -1px 4px #000,-1px 0 8px rgba(47,164,247,.063);color:#46545e}.App main .project-collection .header .gallery-mode{justify-content:flex-end}.App main .project-collection .header .gallery-mode .controls{border-radius:16px!important}.App main .project-collection .header .gallery-mode .control{font-size:1rem;padding:8px 18.688px}.App main .project-collection .header .gallery-mode .control.active{border:1px solid #7c7c80!important;border-radius:16px!important;transform:scale(1.1)}.App main .project-collection .header .gallery-header-right{display:flex;justify-content:end}.App main .project-collection .header .options #fileInput{display:none}.App main .project-collection .header .options label.uploading{-webkit-text-fill-color:#0000;animation:loadingGradient 1s linear infinite alternate;background:linear-gradient(90deg,rgba(56,125,22,.784) 30%,#a1ed08 45%,#a1ed08 48%,rgba(112,152,31,.737) 55%,rgba(19,45,6,.475) 90%);-webkit-background-clip:text;background-position:0;background-size:200%;border:2px solid #336c1b;font-weight:200;font-weight:600;transition-duration:2s}.App main .project-collection .header:first-child{display:flex;justify-content:flex-end}.App main .project-collection .header:last-child{display:flex;justify-content:flex-start}.App main .project-collection .dark-light-mode{display:none;position:fixed;right:24px;top:80px;z-index:41}.App main .project-collection .dark-light-mode .lightMode:hover{background-color:#ebebf0}.App main .project-collection .dark-light-mode .darkMode:hover{background-color:#000}.App main .project-collection .drop-upload{cursor:pointer}.App main .project-collection .drop-upload .drop-area{stroke-dashoffset:20px 10px;align-content:center;align-items:center;background-color:#171717;background-position:50%;background-repeat:no-repeat;background-size:80%;border:1px double #535353;border-radius:8px;display:grid;margin:64px;min-height:calc(100vh - 496px);opacity:1;text-align:center;transition-duration:.1s}.App main .project-collection .drop-upload .drop-area:hover{border:1px double #8e8e93}.App main .project-collection .drop-upload .drop-area div svg{opacity:.01}.App main .project-collection .drop-upload .drop-area h2{opacity:1}.App main .project-collection .drop-upload .drop-area p{border-radius:4px;color:#636366;font-size:1rem;margin-top:0;opacity:1;padding:4px 16px;text-align:center}.App main .project-collection .drop-upload.active .drop-area div svg{opacity:1}.App main .project-collection .drop-upload.active .drop-area h2,.App main .project-collection .drop-upload.active .drop-area p{opacity:.1}.App main .project-collection .pagination{display:flex;justify-content:center}.App main .project-collection .image-gallery-bottom-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(8px);background-color:#101010e6;border:1px solid #2b2b2b;border-radius:6px;box-shadow:0 -1px 1px #000;display:grid;justify-content:center;margin-top:-2px;padding:8px;z-index:40}.App main .project-collection .image-gallery-bottom-panel.bottom-panel-light-mode{background-color:#e9e9e9e6;border:1px solid rgba(43,43,43,.114);box-shadow:0 -1px 2px #0003}.App main .project-collection .caughtup-label{color:#1c1c1e;font-size:.9rem;margin-top:0;padding:0;text-align:center}.App main .project-collection.lightMode{background-color:#e5e5e5}.App main .project-collection.lightMode *{color:#000}.App main .project-collection.lightMode .photos .photo-wrap{background-color:#e5e5e5}.App main .project-collection.lightMode .photos .photo-wrap:hover{border:1px solid #c7c7cc}.App main .project-collection.lightMode.scrolled-top .header{background-color:#5e5e5e1a;border:1px solid #7b7b7b33;box-shadow:1px 1px 2px #0000000d}.App main .project-collection.lightMode.scrolled-top .header .view-control .controls{background:#ffffff4d;border:1px solid #0000004d;box-shadow:0 1px 1px 0 #0000001a}.App main .project-collection.lightMode.scrolled-top .header .view-control .controls .control{color:rgba(0,0,0,.722)}.App main .project-collection.lightMode.scrolled-top .header .view-control .controls .control.active{background-color:#fff;border:1px solid #0000001a;box-shadow:1px 1px 1px #0006;color:#242426}.App main .project-collection.lightMode .header{background-color:#000000e6}.App main .project-collection.lightMode .header .options{display:flex}.App main .project-collection.lightMode .drop-area{background-color:#f9f9f9;border:1px solid #d8d8dc}.App main .project-collection.lightMode .drop-area h2{color:#1c1c1e}.App main .fixed-wrap{background-color:red;height:300px;position:fixed;top:-200px;width:300px}.App .projects-page-header{margin:8px 0;position:fixed;right:0;top:0;z-index:50}.App .home-header,.App .search-header{margin:8px;position:fixed;right:16px;top:0;z-index:50}.App .refresh{animation:reveal-up .5s 1.5s forwards;bottom:16px;display:grid;justify-items:center;margin-top:32px;opacity:0}.App .refresh p{color:#3a3a3c;margin-bottom:8px}.App .refresh .button{animation:reveal-up .5s 1.2s forwards;color:#8e8e93;font-weight:400;opacity:0}@keyframes reveal-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.App .project-info{grid-gap:8px;align-items:center;animation:gallery-page-reveal .1s ease-out forwards;display:grid;gap:8px;justify-content:space-between;justify-items:stretch;padding:12px;position:fixed;width:calc(100vw - 160px);z-index:40}.App .project-info button .icon{background-size:100%;padding:8px}.App .project-info button .icon.options{background-image:url(https://img.icons8.com/?size=100&id=Mli429zE5QBn&format=png&color=ffffff);background-position:50%;background-size:70%;cursor:pointer;transform:rotate(90deg)}.App .project-info .back{align-content:flex-start;align-items:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAABWCAYAAABmbX7+AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAPHSURBVHhe3ds7aBRBGAfwrA+MIKKVIAEbK40giBaCJIiaYIio+EDsLRQESxWxtLMRbewsJClU8BF8ReIDwUIbsRCJhY1iIQriAx/n/5PZY29u73b2229mvr2DgVx2Z3Z+8803t4+7pK8HXkkPGPrUIhqNxhoM8DjKBpS3KNNJktzKG3R1CHR+Hjp6GuU4ylyr04/wfj8wH7L/V4UAYD46dw1lrMs0n8W2QUB+pPtoQ1w3U6goVc8BcVQVwkSA5vvWot6b7R+BWKYNcbNgCuXZlgPynjZEnU6MCKSYv/ijH4hfUREVANTvVwAMRp1OACxAB26UyAF7Oh0C4mI0BAD9ODgl8WbHJLZ3mwKgZQkOmhMmArfRq2Em4CnqbQHie7Z+MIQvQLDE9gkIgvAN8I4AYCEOMiWdA3Y+ecsJA7iPA25kJvEM6m23kzivLS8IIcAoAD9dBkAcERognhMxAKKIWAAxREyACAKARWjoToVV6B7qjrsmsfjqZAAP0PB6l1UkZx8CjKXXBcw2+BdFWgDs6aQJwEJoA5RGaASUQgCwGBXoXChqErNXJwN4iAbWMlcQuhzdVXUV6nTswnMnIcBOAH4zB6CwWldEHQBdc6IugI6IOgFyEQAsxQY6laiSxF5zwE6SlpwwgMfYaXVhNuXvQM8W9vlM4q5LrBBgLwB/mAPArvY/EnUGNHMCiBm8GWIOBU2hKBFI+5sAcBhvzjMBE5g+B5h1xaoRYhqtce5QR49ANhL0OLX5/MtxeC4jAgcd9/W+G0WCg3iJng0D8sl7Dx0OQAh6XjDisK+9C0E2AfKFUVe0CiG2oUW6W8F5vaB8ig1JPyfOojPHOArUeY5CT28+M+tXrpYi5qClSyjcZI0akea5E6ZVbSH2CWAtIW1XdnWMSO7lad0gHa+x6wQpulFAOTKJsoe5DgZZtVxu2dBX2CY0QwoRFAFMLdUQJ4R2iDNCM6QUQhAyhHOtr8zFoq1aaYQQ5Jk5aRSBsBDaIGyEJkglhBZIZYQGiAgiNkQMERMiiogFEUdkIFfx9w7mB1qpzxEvCAOhH3NcCQHxhggJ8YoIBfGOCAEJghCE0C3Tb/ZiEQwhBHmCdkZsSFBEOoK43KVVazdz+b0LRMtd/FiIqsvvEUAupIMQBSEwtWaBWBkdIQBZkj4XiRaJTH5wp5YeBDMi7xCFFSqmU3Z1wopVJiIngDijDpGJCP10bbTL8vsa2+gHtM1vskXPCbuzJiKn8P+TKPX7KbM1vVbh/TqUARR6Xv4Go0/fw2p7qYsE51O8JxD/AFm73WYcjnUWAAAAAElFTkSuQmCC);background-position:left 8px center;background-size:auto 70%;border-radius:4px;color:#f2f2f7;display:inline-block;font-size:1.1rem;height:24.8px;margin-right:4px;margin-top:2px;max-width:25vw;opacity:.8;overflow:hidden;padding:2px 8px 8px 32px;text-overflow:ellipsis;transform:translateX(0);transition-duration:.01s;white-space:nowrap;width:auto}.App .project-info .back:after{content:"";height:100%;position:absolute;right:0;width:40px}.App .project-info .back.active{background-color:#2b2b2b;color:#ebebf0;opacity:.9}.App .project-info .back.active:hover{color:#d8d8dc;opacity:1;transform:translateX(0)}.App .project-info .back.highlight{color:#fff;opacity:.8}.App .project-info .back:hover{color:#d8d8dc;opacity:1;transform:translateX(-2px);transition-duration:.2s}.App .project-info .project-options{align-items:center;align-self:flex-end;color:#535353;display:grid;grid-template-columns:auto auto auto auto;justify-content:end}.App .project-info .project-options .pin{border:1px solid #535353;filter:blur(3px);filter:blur(.1px);font-stretch:expanded;margin-left:8px;margin-right:5.6px;transition-delay:.1s;transition-duration:.1s;transition-duration:.15s;transition-timing-function:ease-out}.App .project-info .project-options .pin.copying{-webkit-text-fill-color:#0000;animation:copyingGradient .5s linear infinite alternate;background:linear-gradient(90deg,rgba(56,125,22,.784) 30%,#a1ed08 45%,#a1ed08 48%,rgba(112,152,31,.737) 55%,rgba(19,45,6,.475) 90%);-webkit-background-clip:text;background-position:0;background-size:200%;border:2px solid #336c1b;font-weight:200;font-weight:600;transition-duration:.1s}.App .project-info .project-options .pin.hide{display:none}.App .project-info .project-status-select-value{margin-right:8px;position:relative}.App .project-info .project-status-select-value select{appearance:none;background:#171717 url(https://img.icons8.com/?size=100&id=85327&format=png&color=FFFFFF) no-repeat right 2px center;background-size:20% auto;height:32px;margin:0;padding-left:29.6px;padding-right:28px;position:relative;text-align:center;width:auto}.App .project-info .project-status-select-value select:after{position:absolute;right:16px}.App .project-info .client-contact{margin-top:8px}.App .project-info .client-contact p{color:#8e8e93;font-size:.9rem;margin-bottom:2px}.App .project-info .client-contact p.client-phone:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKcSURBVFhHtZdbiE1RGMdtl5JcUl5MISUPTBRqNGEkk8sDD1LSpEZ5IB4whSYeeDAvpHlwKYQXD5NCKYnG5YHyIpJLTSQ1Ty7RNMXD8fuPb2s79jr728c6u76+c9b6r//3O2uvvfY6yajMValUJvK11WIZeSnxlmhPkuRTVhvrc0LROZjtIdqIhQHjswDsjFU06yOADzTMKDAfpr8JiK+xIQTwA9NxDuMuAE44dKUkAvjMiKmOUR/RzASi4tC6Jd5bkBpuBOCm290hFMATdC0OrST3AFjt1LpkAriMcptL/Vs0D4hXJfQ1pQI4gKKnhOFeAE6V0BcCLEfx0Gn4Hd0SALQ5Rbk0A2NxkvH4Asc39GsRKke7EjkBcZu0pobrdfo6KD4UrbIZpQDb+X4hYN5D4UOxC6d+KcAkGvSyydsRzwCwq6EAdhuukrcECjUD8bIRECMzYADN5BeBIg8AWNlQAIO4Qd4QKNQJxKXYEH9mwAB0NnhNjMkp9JO2NiAex4T4C8Agesk6oORdX2hcBMT7WBB5AFNsLYQOKe/oX1e0IbG3NKHrIAbQXgsB/wNgs7CC3E+MDgz8RvsmjO/m9VN8Nu3PiMnWr1PXaeJc9akqF8AgDpKPF0z1fgxPZjUUV9GnxNzA2PO09zJu5IkLAhiEqIsOo8/R7MbwkY25Q253rBG9ALtqApjhRXKnw7APjQ6tOxzaVDJQCGAQh8lHSxh7pYMuAIPYTL5CFL22vcWl63MDGMR88i1iVpkqNbT7SgEYhN6cOsJpcZYeXwXTUrcBj5v+Q2rXXFznbAzz5EyoGyAtCsh6PncTAipz9QOw6r8BMiDaeHSyWkuE/uRmAY8BcCQaQPVPZ2Z0a3TG0MJdQOjdMI2YTtwntgIw+AvvhcNXwQwlegAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";margin-right:10px;padding:6px}.App .project-info .client-contact p.client-email:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAYAAADWm14/AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAGISURBVEhL7ZfhVcIwFIXNBLqB3UA2ECfQDcQJhAksE0gnEDfQCcQNHKFsgBPU+/UkPaEkFgqt/ug7J4c0ybv35vY1LeZMURTFVD+PagnXPUQujoUxJjOW/LkH0hDFDAFfmrn6IwE5AgqPPFN/onbekaBv4S7t7S4p6gJuNIYjC7X7E4t4FR61NlL7cNg7AlQYKyZlzNiqvTxSyBpXa7hRAakWzn1CCUl1/dRSxFx45FdRx6s7wEIcmCmRW1GGkhLrxvWeQj7trnMPA+t52nC2ipAAN4nyTEI2HshEfeojVqQU2VQ5Sy/nQn3OGPB24jcBLGYHD+7+MSA3AAwVaVlkNcHs9kUtCZEz1iTA5b1ZIb4bgLudVkXmiYT4LkbsxvcVwHrIKVLOimjYk5WixanGOESAA1ups1WkdtfBImtS0EaAw0zVcW5Ei6xLAWDnliBpIorNH+NAW86tvEHA4MDgwL9wgBfN7Uke6sNB3nGAM5zzvasP0Zgsvh3Gxr5IeHPxwdhn8Mdk8wNuJ8fuJFjS2wAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";margin-right:10px;padding:6px}.App .client{align-items:start;animation-delay:.01s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:reveal-client;animation-timing-function:ease-in;cursor:pointer;display:flex;gap:8px;grid-column:auto;grid-row:auto;grid-template-columns:auto auto auto;justify-content:start;justify-items:start;margin-top:-4px;opacity:0;position:relative;transform:translateX(48px)}.App .client .edit-pen{background-image:url(https://img.icons8.com/?size=100&id=8192&format=png&color=FFFFFF);background-position:50%;background-repeat:no-repeat;background-size:auto 90%;cursor:pointer;height:20px;margin-bottom:0;opacity:.3;transition-duration:.05s;width:24px}@keyframes reveal-client{0%{opacity:0;transform:translateX(48px)}to{opacity:.8;transform:translateX(0)}}.App .client:hover{opacity:1!important;transition-duration:.05s}.App .client:hover .edit-pen{background-size:auto 100%;opacity:.8;transition-duration:.1s}.App .client:active .edit-pen{background-size:auto 95%;opacity:1}.App .client h1{align-items:center;cursor:text;display:flex;font-size:1.5rem;max-width:100%;min-width:0;position:relative;white-space:nowrap}.App .client h1 span{display:inline-block;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.App .client h1:after{background-color:#000;background-image:url(https://img.icons8.com/?size=100&id=8192&format=png&color=FFFFFF);background-position:0 50%;background-repeat:no-repeat;background-size:auto 100%;color:#535353;content:"Edit";cursor:pointer;font-size:.8rem;font-weight:200;height:16px;margin-left:16px;opacity:0;padding-left:24px;position:absolute;right:-112px;top:0;transition-delay:.5s;transition-duration:.2s;width:80px}.App .project-name-editor{align-items:center;display:flex;gap:8px}.App .tags{display:flex;gap:8px}.App .tags .tag{border:1px solid #444446;border-radius:8px;color:#636366;display:block;font-size:.9rem;padding:1.6px 8px}.App .tags .tag.type{color:#8e8e93}.App .editable-data{align-items:center;display:flex;gap:8px}.App .editable-data input{font-size:1.2rem;font-weight:600;height:36px}.App .editable-data .input-edit-actions .button{margin-right:4px}.App .project-info{grid-template-columns:1fr auto 1fr;padding-left:0;top:0;transition-delay:.1s;transition-duration:.2s}.App .project-info .breadcrumbs,.App .project-info .client,.App .project-info .project-options{min-width:0}#header-feature-content .App .project-info{animation:none;background:#0000;left:0;padding:0 16px;position:relative;top:0;transition:none;width:100%;z-index:1}.App .project-info .breadcrumbs{margin-left:0;padding-left:0;position:relative;top:0}.App .project-info .client{grid-column:auto;grid-row:auto;margin-top:0;position:relative}.App .project-info .project-options{gap:8px;position:relative;right:-16px;top:0}.App .project-info .project-options button[aria-haspopup=menu]{background-color:#0000;border:1px solid #0000;border-radius:4px}.App .login-branding{border-top:1px solid #2b2b2b;bottom:4px;margin-top:8px;opacity:.4;padding-top:4px;position:fixed;width:100%}.App .login-branding p{font-size:.9rem;text-align:center}.App .login-branding p span{color:#8e8e93;text-shadow:1px 1px 0 #000}.App .login-branding p span span{color:#ebebf0}.App .login-container{box-shadow:none}.App .login-container .logo{animation:logo-spin-login infinite;animation-duration:12s;background-image:url(/static/media/fotoflow-pro-logo.336228920b45431a569e.png);background-position:50%;background-size:100%;height:112px;left:calc(50% - 56px);position:absolute;top:32px;transform:rotate(0deg) scale(1.2);width:112px}.App .login-container .logo.loading{animation-duration:12s}@keyframes logo-spin-login{0%{opacity:.8;transform:rotate(0deg) scale(.5);transition-timing-function:ease-in}10%{opacity:1;transform:rotate(270deg) scale(.75);transition-timing-function:ease-in}25%{opacity:.6;transform:rotate(2turn) scale(.8);transition-timing-function:ease-in}60%{opacity:.5;transform:rotate(4turn) scale(.8)}99.9%{opacity:.6;transform:rotate(5turn) scale(.9)}to{opacity:0;transform:rotate(0deg) scale(.9)}}.App .login-container .login-mascot{animation-duration:12s;background:url(/static/media/login-mascot.bf271f774526635fbd24.png);background-position:50%;background-size:100%;height:224px;left:50%;margin-bottom:-64px;position:relative;transform:translateX(-50%);width:224px;z-index:22}.App .login-footer{bottom:0;margin-top:8px;position:absolute;width:100%}.App .login-footer .footer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:0;justify-content:center}.App .login-footer .footer-cta{display:grid;justify-content:center}.App .login-footer .footer-cta .footer-cta-button{animation:fadeInLeft .1s ease-out 2.6s;animation-fill-mode:forwards;color:#8e8e93;opacity:0;padding:8px 16px;text-align:center}.App .login-footer .footer-cta .footer-cta-button span{color:#54a134;margin-left:4px}.App .login-footer .footer-cta .cta-postlabel{animation:fadeInUp .3s ease-in 3s;animation-fill-mode:forwards;color:#8e8e93;font-size:.8rem;font-weight:200;margin-left:8px;opacity:0}.App .login-footer a{color:#535353;cursor:pointer;font-size:.9rem;opacity:0;padding:16px 8px;text-decoration:underline;text-decoration-color:#171717;transition-duration:.2;transition-timing-function:ease-out}.App .login-footer a:hover{color:#54a134;text-decoration-color:#8e8e93;text-shadow:1px 1px 0 0 #0a0a0a;transition-duration:.1s;transition-timing-function:ease-in}.App .login-footer a:first-child{animation:fadeInUp .2s ease-out 1.9s;animation-fill-mode:forwards}.App .login-footer a:nth-child(2){animation:fadeInUp .2s ease-out 1.94s;animation-fill-mode:forwards}.App .login-footer a:nth-child(3){animation:fadeInUp .2s ease-out 1.98s;animation-fill-mode:forwards}.App .login-footer a:nth-child(4){animation:fadeInUp .2s ease-out 2.02s;animation-fill-mode:forwards}.App .login-footer a:nth-child(5){animation:fadeInUp .2s ease-out 2.06s;animation-fill-mode:forwards}.App .login-footer a:nth-child(6){animation:fadeInUp .2s ease-out 2.1s;animation-fill-mode:forwards}.App .login-footer a:nth-child(7){animation:fadeInUp .2s ease-out 2.14s;animation-fill-mode:forwards}.App .login-footer a:nth-child(8){animation:fadeInUp .2s ease-out 2.18s;animation-fill-mode:forwards}.App .login-footer a:nth-child(9){animation:fadeInUp .2s ease-out 2.22s;animation-fill-mode:forwards}.App .login-footer a:nth-child(10){animation:fadeInUp .2s ease-out 2.26s;animation-fill-mode:forwards}.App .login-footer a:last-child{animation:fadeInUp .2s ease-out 2.5s;animation-fill-mode:forwards}.App .login-footer p.ampersand{animation:fadeInUp .5s ease-out 2.1s;animation-fill-mode:forwards;color:#636366;font-weight:200;opacity:0;transform:scale(1.3)}.App .studio-selection-container{animation:fadeInUp .3s ease-out;margin-top:20px;width:100%}.App .studio-selection-container .studio-list{display:flex;flex-direction:column;gap:12px;margin-top:15px;max-height:300px;overflow-y:auto;padding-right:5px}.App .studio-selection-container .studio-list::-webkit-scrollbar{width:4px}.App .studio-selection-container .studio-list::-webkit-scrollbar-thumb{background:#171717;border-radius:4px}.App .studio-selection-container .studio-list .studio-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.App .studio-selection-container .studio-list .studio-item:hover{background:#ffffff1a;border-color:#54a134;transform:translateY(-2px)}.App .studio-selection-container .studio-list .studio-item .studio-info{display:flex;flex-direction:column}.App .studio-selection-container .studio-list .studio-item .studio-info .studio-name{color:#fff;font-size:1.1rem;font-weight:600}.App .studio-selection-container .studio-list .studio-item .studio-info .studio-domain{color:#8e8e93;font-size:.8rem}.App .studio-selection-container .studio-list .studio-item .icon-chevron-right{opacity:.5}.App .studio-selection-container .studio-list .studio-item .icon-chevron-right:after{color:#54a134;content:"→";font-size:1.2rem}.App .studio-selection-container .mt-4{margin-top:16px}.App .dev-qr-trigger{align-items:center;background:#54a134;border-radius:50%;bottom:20px;box-shadow:0 4px 15px #0000004d;cursor:pointer;display:flex;justify-content:center;padding:10px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.App .dev-qr-trigger:hover{background:#66b346;transform:scale(1.1)}.App .dev-qr-trigger .button.icon.icon-only.share{color:#fff;margin:0}.App .dev-qr-trigger .button.icon.icon-only.share:before{content:"QR";font-size:.9rem;font-weight:700}.App .dev-qr-modal{align-items:center;display:flex;justify-content:center}.App .dev-qr-modal .modal.island{background:#535353;border:1px solid #ffffff1a;box-shadow:0 10px 40px #00000080;max-width:400px;width:90%}.App .dev-qr-modal .modal-body{align-items:center;display:flex;flex-direction:column;padding:30px}.App .dev-qr-modal .modal-body .qr-code-section{align-items:center;display:flex;flex-direction:column;gap:15px}.App .dev-qr-modal .modal-body .qr-code-section canvas{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0003;padding:15px}.App .dev-qr-modal .modal-body .qr-code-section .ip-label{color:#54a134;font-family:monospace;font-size:1rem;margin-top:10px;text-align:center;word-break:break-all}.App .dev-qr-modal .modal-body .qr-code-section .instruction{color:#8e8e93;font-size:.9rem;text-align:center}.App .dev-qr-modal .actions{display:flex;justify-content:center;padding:20px}.App .no-items{background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:8px;box-shadow:-1px 1px 6px #0003;color:#48484a;margin:8px;padding:32px;text-align:center}.App .empty-message{align-items:center;display:flex;justify-content:center}.App .empty-message p{border:1px solid #0d0d0d;border-radius:4px;color:#636366;font-size:1rem;padding:4px 16px;text-align:center}@keyframes project-page-reveal{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes gallery-page-reveal{0%{opacity:0}to{opacity:1}}@keyframes control-button-reveal{0%{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.8)}}.gallary{display:flex;flex-wrap:wrap;gap:16px;margin-top:0;width:100%}.gallary .photos{border-radius:3px;display:flex;flex-wrap:wrap;gap:0}.project-collection .photos{border-radius:4px;display:flex;flex-wrap:wrap;gap:0;padding:1px}.project-collection .photos .group-date{color:#2b2b2b;font-size:.8rem;font-weight:700;margin-left:12px;margin-top:-24px;position:absolute}.project-collection .photos .group-date .highlight{color:#535353}.project-collection .photos .photo-wrap{background-color:#171717;border:1px solid #2b2b2b;border-radius:2px;cursor:pointer;margin-left:-1px;margin-top:-1px;overflow:hidden;position:relative;transition-duration:.1s;transition-timing-function:ease-in;width:calc(25vw - 56px)}.project-collection .photos .photo-wrap .photo{animation:gallery-photo-reveal .2s;animation-delay:2s;animation-fill-mode:forwards;animation-timing-function:ease-in;background-position:50%;background-size:contain;border-radius:2px;height:100%;opacity:0;padding-top:70%;top:0;transform:scale(.9);transition-duration:.1s;transition-timing-function:ease-out;transition:transform .2s;width:calc(25vw - 56px)}.project-collection .photos .photo-wrap .hover-options-wrap{height:100%;position:absolute;width:100%}.project-collection .photos .photo-wrap .hover-options{height:100%;overflow:hidden;position:relative;width:100%;z-index:1}.project-collection .photos .photo-wrap .hover-options .favorite-wrap{position:absolute}.project-collection .photos .photo-wrap .hover-options .favorite{cursor:pointer;height:32px;opacity:1;padding:16px;width:32px}.project-collection .photos .photo-wrap .hover-options .favorite.selected{background-image:url(/static/media/heart.0cecd7adc58469500ee7.svg);background-position:50%;background-size:50%;opacity:1;transform:translateX(1px);transition-duration:.1s}.project-collection .photos .photo-wrap .hover-options .favorite.selected:hover{background-image:url(/static/media/heart-dislike.59fa288e8aaf06a6cce7.svg)}.project-collection .photos .photo-wrap .hover-options .top{height:32px;opacity:0;position:absolute;right:0;top:-16px;transition-duration:.1s}.project-collection .photos .photo-wrap .hover-options .top .menu-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000004d;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAyCAYAAABoBTo6AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAGlSURBVEhLY2RAAgUFBZE8PDxFP3/+VAcJs7GxXf/8+XPvpEmTVsGUMcIYjY2Nq5SUlBxNTU1FpKSkwMJPnz5lOHXq1NsHDx7sqq+vjwKJgTWAFAMVhnp6eiJbCGdv27aN4cyZM8tBmhhBzjAyMpocGxsrjFU1VHDx4sVvz549m8lYU1NzOiYmxkRdHexsnOD69esMy5cvP8lYWlr6qba2lhcI8Gr49OkTQ2tr62fSNQCddCo6OtpUQ0ODOCfl5eWFGRsbT4uLi8Pr6fnz57+7ePFiGixYl5mYmER6eXlhtWXz5s0MQMWLgX6NQ464ZQoKCm7A+BCWlpaGR9zJkyffPnnyZBtIMTziYMYC4yQEGFolv3790oQljQ8fPnRNnjx5HUbSwOtjJEm4k0ashvz8/HBgsBYDcxw4nbCzs1//8uVL94QJE9ZgBGtDQwM8x6FH3MOHD0nLcVu3bmUAZp7RHDea4/DlvtEsSkzZhBJKo3kaLciGbS2qqKjoBqx+UWrREydOvAM2g7ZirUWBSSOUj48PVNxrQYv7a8DQ6Z44ceJaWKABANsIjXpjGdb/AAAAAElFTkSuQmCC);background-position:50%;background-size:auto 60%;border-left:1px solid #1c1c1e;border-radius:4px;border-top:1px solid #1c1c1e;border-color:#636366 #1c1c1e #1c1c1e #636366;border-style:solid;border-width:1px;box-shadow:1px 1px 1px 1px #0000001a;height:24px;margin:4px;text-align:center;width:24px}.project-collection .photos .photo-wrap .hover-options .top .menu-icon:hover{background-color:#171717;border:1px solid #535353;opacity:1;transition-duration:.1s}.project-collection .photos .photo-wrap .hover-options .top .menu-icon:hover+.option-menu{opacity:1;transform:translateY(0);transition-duration:.1s}.project-collection .photos .photo-wrap .hover-options .top .option-menu{background-color:#151515;border:1px solid #2b2b2b;border-radius:4px;box-shadow:0 2px 5px #00000080;opacity:0;padding:4px 6px;position:absolute;right:0;top:100%;transform:translateY(8px);transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s ease-out;visibility:hidden;width:148px;z-index:10}.project-collection .photos .photo-wrap .hover-options .top .option-menu.visible{opacity:1;transform:translateY(0);visibility:visible}.project-collection .photos .photo-wrap .hover-options .top .option-menu .photo-option{border-bottom:1px solid #2b2b2b;border-radius:2px;color:#bcbcbe;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 8px;transition:background-color .1s ease-out,color .1s ease-out}.project-collection .photos .photo-wrap .hover-options .top .option-menu .photo-option:last-child{border-bottom:none}.project-collection .photos .photo-wrap .hover-options .top .option-menu .photo-option:hover{background-color:#2b2b2b;color:#e5e5e5}.project-collection .photos .photo-wrap .hover-options .top .option-menu .photo-option.delete-option:hover{background-color:#ff453a;color:#fff}.project-collection .photos .photo-wrap .hover-options .bottom{bottom:-16px;height:24px;opacity:0;position:absolute;transition-duration:.1s;width:100%}.project-collection .photos .photo-wrap .hover-options .bottom .filename{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000001a;border-top:1px solid #ffffff1a;box-shadow:-1px 0 2px #00000080;color:#ebebf0;display:flex;font-size:.8rem;height:100%;justify-content:center;padding-bottom:4px;padding-top:8px;text-align:center;text-shadow:1px 1px 2px #000c}.project-collection .photos .photo-wrap:nth-child(5n) .option-menu{right:-8px!important}.project-collection .photos .photo-wrap:hover{background-color:#151515;border-left:1px solid #171717;border-top:1px solid #171717;border-color:#2b2b2b #171717 #171717 #2b2b2b;border-radius:2px;border-style:solid;border-width:1px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.387),1px 1px 64px 16px #0003;transition-duration:.2s;transition-timing-function:ease-in;z-index:1}.project-collection .photos .photo-wrap:hover .photo{-webkit-backdrop-filter:shadow(0 0 0 1px #2b2b2b);backdrop-filter:shadow(0 0 0 1px #2b2b2b);transform:scale(1.8) translateY(0);transition-duration:.1s;transition-timing-function:ease-out}.project-collection .photos .photo-wrap:hover .hover-options .top{opacity:1;position:absolute;top:0;transition-delay:.2s}.project-collection .photos .photo-wrap:hover .hover-options .bottom{bottom:0;opacity:1;position:absolute;transition-delay:.1s;transition-duration:.05s}.project-collection .photos .photo-wrap:first-child .photo{animation:gallery-photo-reveal .2s ease-out 0s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(2) .photo{animation:gallery-photo-reveal .2s ease-out .02s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(3) .photo{animation:gallery-photo-reveal .2s ease-out .04s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(4) .photo{animation:gallery-photo-reveal .2s ease-out .06s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(5) .photo{animation:gallery-photo-reveal .2s ease-out .08s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(6) .photo{animation:gallery-photo-reveal .2s ease-out .1s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(7) .photo{animation:gallery-photo-reveal .2s ease-out .12s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(8) .photo{animation:gallery-photo-reveal .2s ease-out .14s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(9) .photo{animation:gallery-photo-reveal .2s ease-out .16s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(10) .photo{animation:gallery-photo-reveal .2s ease-out .18s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(11) .photo{animation:gallery-photo-reveal .2s ease-out .2s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(12) .photo{animation:gallery-photo-reveal .2s ease-out .22s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(13) .photo{animation:gallery-photo-reveal .2s ease-out .24s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(14) .photo{animation:gallery-photo-reveal .2s ease-out .26s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(15) .photo{animation:gallery-photo-reveal .2s ease-out .28s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(16) .photo{animation:gallery-photo-reveal .2s ease-out .3s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(17) .photo{animation:gallery-photo-reveal .2s ease-out .32s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(18) .photo{animation:gallery-photo-reveal .2s ease-out .34s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(19) .photo{animation:gallery-photo-reveal .2s ease-out .36s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(20) .photo{animation:gallery-photo-reveal .2s ease-out .38s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(21) .photo{animation:gallery-photo-reveal .2s ease-out .4s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(22) .photo{animation:gallery-photo-reveal .2s ease-out .42s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(23) .photo{animation:gallery-photo-reveal .2s ease-out .44s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(24) .photo{animation:gallery-photo-reveal .2s ease-out .46s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(25) .photo{animation:gallery-photo-reveal .2s ease-out .48s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(26) .photo{animation:gallery-photo-reveal .2s ease-out .5s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(27) .photo{animation:gallery-photo-reveal .2s ease-out .52s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(28) .photo{animation:gallery-photo-reveal .2s ease-out .54s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(29) .photo{animation:gallery-photo-reveal .2s ease-out .56s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(30) .photo{animation:gallery-photo-reveal .2s ease-out .58s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(31) .photo{animation:gallery-photo-reveal .2s ease-out .6s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:nth-child(32) .photo{animation:gallery-photo-reveal .2s ease-out .62s;animation-fill-mode:forwards}.project-collection .photos .photo-wrap:hover{animation:photo-hover-animamtion .2s;animation-fill-mode:forwards;z-index:41}@keyframes photo-hover-animamtion{0%{transform:scale(1) translateY(0)}to{transform:scale(1.1) translateY(0)}}@keyframes image-loading{0%{background-color:#0d0d0d}to{background-color:#171717}}.firebase-emulator-warning{display:none}@media only screen and (max-width:1230px){.App main{left:64px;margin-left:0;position:relative;top:60px;width:calc(100vw - 72px)}.App main.project-page .project-cover{width:calc(100vw - 112px)}.App .gallary{width:calc(100vw - 104PX)}}@media only screen and (max-width:1080px){.App main{left:160px;position:relative;top:60px;width:calc(100vw - 60px)}.gallary{width:calc(100vw - 312PX)}}@media only screen and (max-width:1230px){.App header .profile-options .profile .profile-name{display:none}.App main{height:calc(100vh - 68px);left:68px;margin-left:8px;overflow-y:scroll;padding:4px 8px 24px;width:calc(100vw - 84px)}.App main .photos{grid-template-columns:1fr 1fr 1fr}.App main .photos .photo-wrap,.App main .photos .photo-wrap .photo{width:calc(33.33333vw - 38.93333px)}}@media only screen and (max-width:1080px){.App .header{grid-template-columns:76px 1fr 1fr 1fr}.App .header .logo-wrapper{display:none}.App .header .hamburger{align-items:center;display:grid;justify-items:center}.App .project-info{grid-template-columns:auto 1fr auto;left:76px;overflow-x:scroll;top:0;width:calc(100vw - 80px)}.App .project-info::-webkit-scrollbar{display:none}.App .project-info .back.highlight{max-width:96px;overflow:hidden;white-space:nowrap}.App .project-info .back.highlight:after{background:linear-gradient(90deg,#0000 0,#16161666 50%,#151515)}.App .project-info .breadcrumbs{padding-left:0;position:relative;top:0}.App .project-info .client{grid-column:auto;grid-row:auto;margin-top:0;position:relative}.App .project-info .project-options{position:relative;top:0}.App main{left:68px;width:calc(100vw - 84px)}.App main .project-collection .photos{display:flex;flex-wrap:wrap;gap:0;grid-template-columns:1fr 1fr 1fr 1fr}.App main.project-page{display:grid;grid-template-columns:auto}.App main .project-collection .header{align-items:center;display:grid;grid-template-columns:1fr auto 2fr;padding-bottom:16px}.App main .project-collection .header .label{display:none}.App main .photos .photo{width:calc(33.33333vw - 77.33333px)}}@media only screen and (max-width:992px){.App header .profile-options .profile .profile-name{display:none}.App main{left:68px;width:calc(100vw - 84px)}.App main.project-page{grid-gap:16px;display:grid;gap:16px;grid-template-columns:auto}.App main.project-page .project-collections{width:100%}.App main.project-page .project-collections .galleries{overflow-x:scroll;width:calc(100vw - 160px)}.App main.project-page .project-dashboard .client{display:grid;grid-template-columns:1fr auto}.App main.project-page .project-dashboard .client .link-pin{align-items:flex-start;display:flex;height:100%;justify-content:flex-start;width:100%}.App main.project-page .project-dashboard .static-tools.top{display:none}.App main .project-collection .header{align-items:center;display:grid;grid-template-columns:2fr auto 2fr;padding-bottom:16px}.App main .project-collection .header .label,.App main .project-collection .header .open-buttons{display:none}.App main .photos{grid-template-columns:1fr 1fr 1fr}.App main .photos .photo-wrap,.App main .photos .photo-wrap .photo{width:calc(33.33333vw - 38.93333px)}}@media only screen and (max-width:720px){.App .project-info{left:60px;padding:16px 8px 8px;width:calc(100vw - 64px)}.App .gallary{width:calc(100vw - 24px)}.App header{grid-template-columns:5fr 5fr 5fr}.App header .search-bar .search-input input{width:100%}.App header .hamburger svg{margin-top:8px}.App main{left:64px;width:calc(100vw - 80px)}.App main .header .view-control .control-label.label-selected-photos{display:none}.App main .project-collection .header,.App main .project-collection .photos{grid-template-columns:1fr 1fr}.App main .project-collection .photos .photo-wrap{width:calc(50vw - 56.8px)}.App main .project-collection .photos .photo-wrap .photo{width:100%}.preview{max-width:100vw}.preview .image{background-size:100% auto}.preview .controls .left-controls .file-name{display:none}.preview .controls .center-controls .magnifier{transform:translateY(calc(100vh - 72px)) translateX(-64px)!important}}@media only screen and (max-width:520px){.App .header{grid-template-columns:40px 1fr 1fr 1fr}.App header .hamburger svg{margin-left:20px;margin-top:0}.App main{left:8px;width:calc(100vw - 16px)}.App main .photos{grid-template-columns:1fr 1fr}.App main .header{grid-template-columns:1fr}.App main .header .view-control .control-label.label-all-photos,.App main .header .view-control .control-label.label-selected-photos{display:none}.App main .project-collection{margin:0}.App main .project-collection .drop-upload .drop-area{margin:32px;max-height:80dvh;min-height:240px}.App main .project-collection .header{padding-bottom:8px}.App main .project-collection .header .open-buttons{display:none}.App main .project-collection .header .view-control{justify-content:flex-end}.App main .project-collection .view-control .controls.dark-controls{display:none}.App .login-container .modal .logo{left:calc(50% - 40px);position:absolute;top:16px}.App .login-container .modal .actions{padding:40px 40px 8px}.App .login-container .modal .login-footer{bottom:-112px;position:absolute;width:100%}.App .login-container .modal .login-footer .footer-cta-button{display:none}.App .login-container .modal .login-footer a{font-size:.8rem;padding:8px}.App .welcome-section .storage-pie-wrap{display:none}.App main.project-page .project-dashboard .client .link-pin{align-items:start;display:none;justify-content:start}.App main.project-page .project-dashboard .client h1{display:flex;font-size:1.8rem;position:relative}.App .galleries .list{margin-top:0;width:calc(100vw - 18px)}.App .galleries .list .gallery-list{display:flex;gap:16px;margin-bottom:0;overflow-x:scroll;overflow-y:auto;padding:8px;position:relative;width:100vw}.App .galleries .list .gallery-list::-webkit-scrollbar{display:none}.App .galleries .list .gallery-list .gallery .thumbnails .thumbnail .backthumb{width:100%}.App .galleries .list .gallery-list .gallery .thumbnails .thumbnail:hover{transform:translateY(0);transition-timing-function:ease-out}.App .galleries .list .gallery-list .gallery.new{box-shadow:-4px 0 8px 2px rgba(0,0,0,.286);height:64px;margin-top:8px;padding:0;position:sticky;right:4px;top:32px;width:64px}.App .galleries .list .gallery-list .gallery.new .thumbnails{height:64px;margin-right:2px;width:64px}.App .galleries .list .gallery-list .gallery.new .thumbnails .backthumb{height:100%}.App .galleries .list .gallery-list:after{background:linear-gradient(90deg,#0000 0,#0f0f0f66 50%,#0e0e0e);content:"";display:none;height:128px;position:sticky;right:128px;top:16px;width:24px}.App .gallery-page{padding:8px}.App .gallery-page .list .gallery-list{gap:16px;height:144px;margin:0;padding:0 8px}.App .gallery{padding:0 8px;width:100%}.App .gallery .thumbnails{height:96px;width:155.52px}.App .gallery .thumbnails .gallery-name .filesCount{display:none}.App .gallery.new .thumbnails{height:96px;width:155.52px}.App .gallery.new .thumbnails .thumbnail .backthumb{height:32px}.App .gallery.new .thumbnails .thumbnail .bthumb1{background-position:50%,50%!important;height:96px;width:100%!important}.App .gallery.new .thumbnails .thumbnail .bthumb1 .button{display:none;font-size:.8rem}.App .project-info{left:48px;padding:12px 8px 12px 0;width:calc(100vw - 48px)}.App .project-info .back{margin-top:-4px;overflow:hidden;padding-left:24px;padding-right:8px}.App .project-info button{display:sticky;right:0}.App main{margin:0;padding-bottom:8px;padding-right:0}.App main.project-page{padding:0}.App main.project-page .project-collections .galleries{margin-left:0;width:100%}.App main.project-page .project-collections .galleries .list{gap:16px;margin-top:0}.App main.project-page .project-dashboard .client{grid-template-columns:1fr;justify-items:center}.App main.project-page .project-cover-image.no-cover-image{width:calc(100vw - 64px)}.App main.project-page .project-cover-image .no-cover-image{width:90vw}.App main.project-page .project-cover.project-page-cover{gap:16px;padding-top:32px}.App main.project-page .project-page-cover{display:grid;grid-template-columns:1fr;justify-items:center;margin-left:0;padding-left:0;padding-top:96px;width:100%}.App main.project-page .project-page-cover .cover-footer{height:96px!important;margin-top:8px;width:calc(100vw - 32px)}.App main.project-page .project-page-cover .static-tools{display:grid;justify-items:center}.App main.project-page .project-page-cover .static-tools.bottom{grid-gap:8px;align-content:start;display:grid;gap:8px;justify-content:start;justify-items:start}.App main.project-page .project-page-cover .static-tools .action-buttons,.App main.project-page .project-page-cover .static-tools .bottom-right{display:none}.App main.home{padding:0}.App main .project-collection .photos .photo-wrap{margin-top:-4px;width:calc(100vw - 35.2px)}.App main .project-collection .photos .photo-wrap .photo{width:100%}.App .project-dashboard .tools-overview{grid-gap:24px;display:grid;gap:24px;padding:8px 8px 8px 16px}.App .project-dashboard .tools-overview .financials-overview{gap:24px}.App .project-dashboard .tools-overview.empty{display:grid}.App .tabs{max-width:calc(100vw - 40px);overflow-x:scroll;padding-bottom:6px;scrollbar-color:#0000;scrollbar-width:2px}.App .tabs::-webkit-scrollbar{width:4px}.App .tabs::-webkit-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff03;border-radius:2px}}@media only screen and (max-width:430px){.App header{grid-template-columns:1fr 1fr}.App header .profile-options{margin:0}.App header .profile-options .profile-name,.App header .search-bar{display:none}.App main{left:8px;width:calc(100vw - 16px)}.App main .photos,.App main .project-info{grid-template-columns:1fr}.App main .project-info{grid-gap:8px;align-content:start;display:grid;gap:8px}.App main .project-info .project-options{justify-content:start}.App main .project-collection .header .gallery-mode,.App main .project-collection .header .label{display:none}.App main .project-collection .header .view-control{justify-content:center}.App main .project-collection .header .view-control .control-label{display:none}.App main .project-collection .header .options{justify-content:center}.App .project-info{gap:4px}.App .project-info .breadcrumbs{padding-right:0}.App .project-info .breadcrumbs .back.highlight{max-width:48px}.App .project-info .client{display:flex;grid-template-columns:auto auto auto;margin-right:0}.App .project-info .client h1{white-space:nowrap}.App .project-info .client .type{display:none}.App .login-container .modal .login-footer a{font-size:.8rem}}@media only screen and (min-height:520px){.App .login-container .logo{left:calc(50% - 40px);top:calc(50vh - 280px);width:80px}}@media only screen and (min-height:720px){.App .login-container .logo{left:calc(50% - 56px);top:calc(50vh - 320px);width:112px}}.home{z-index:none}.home .welcome-section{align-items:center;display:grid;font-family:Product Sans;grid-template-columns:auto 1fr 160px;justify-content:space-between;margin-top:16px;padding:16px;position:relative}.home .welcome-section .welcome-message-top{display:FLEX;justify-content:start;margin-bottom:8px;margin-top:8px}.home .welcome-section .welcome-message-top h1{animation:fadeInLeft .5s ease-out 0s;animation-fill-mode:forwards;animation-timing-function:ease-out;color:#8e8e93!important;font-size:3rem!important;font-weight:500!important;opacity:0}.home .welcome-section .welcome-message{color:#636366;font-weight:600}.home .welcome-section .welcome-message:last-child{animation:fadeInLeft .5s ease-out .05s;animation-fill-mode:forwards;animation-timing-function:ease-out;color:#3a3a3c;font-size:2rem;font-weight:500;margin-top:-16px;opacity:0}.home .welcome-section .welcome-message.sub-message{animation-delay:.08s}.home .welcome-section .actions,.home .welcome-section .welcome-message .actions{display:flex;justify-content:flex-end}.home .welcome-section .actions{position:absolute;right:40px;z-index:10}.home .welcome-section .actions .button{margin-top:-16px}.home .mobile-actions{bottom:64px;position:fixed;right:16px;z-index:99}.home .mobile-actions .button{box-shadow:2px 2px 4px #0006;height:48px;width:48px}.home .mobile-actions .button.icon.add-mobile{background:linear-gradient(140deg,#489b24 10%,#2b6113);border-left:1px solid #448926;border-radius:8px;border-top:1px solid #448926;border-color:#78d551 #448926 #448926 #4fa929;border-style:solid;border-width:1px;box-shadow:inset 1px 1px 2px 0 rgba(3,3,112,.342),0 1px 2px 1px #000,1px 1px 6px 2px rgba(131,232,88,.188);padding-left:12.4px;padding-top:14px}.home .mobile-actions .button.icon.add-mobile:before{background-size:150%;filter:drop-shadow(1px 1px 1px rgba(41,4,58,.5));height:40px;margin-top:24px;width:40px}.home .section.action-center{animation:fadeInUp .5s ease-out .4s forwards;margin-bottom:32px;opacity:0;padding:8px}.home .section.action-center .action-requests-carousel{display:flex;gap:16px;overflow-x:auto;padding:8px 8px 16px}.home .section.action-center .action-requests-carousel::-webkit-scrollbar{display:block;height:4px}.home .section.action-center .action-requests-carousel::-webkit-scrollbar-thumb{background:#3636384d;border-radius:10px}.home .section.action-center .action-card{align-items:center;background:linear-gradient(145deg,#171717,#2b2b2b);border:1px solid #36363880;border-radius:12px;box-shadow:4px 4px 12px #0006;display:flex;gap:16px;min-width:320px;padding:16px;position:relative;transition:transform .2s}.home .section.action-center .action-card:hover{border-color:#66b3464d;transform:translateY(-2px)}.home .section.action-center .action-card .action-icon{background-color:#0d0d0d80;background-position:50%;background-repeat:no-repeat;background-size:60%;border-radius:10px;height:40px;width:40px}.home .section.action-center .action-card .action-icon.reset{background-image:url(https://img.icons8.com/ios-filled/50/FFFFFF/undo.png)}.home .section.action-center .action-card .action-icon.clock{background-image:url(https://img.icons8.com/ios-filled/50/FFFFFF/clock--v1.png)}.home .section.action-center .action-card .action-content{flex:1 1}.home .section.action-center .action-card .action-content .action-title{color:#48484a;font-size:.75rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.home .section.action-center .action-card .action-content .action-desc{color:#8e8e93;font-size:.9rem;margin:4px 0 0}.home .section.action-center .action-card .action-content .action-desc b{color:#66b346}.home .section.action-center .action-card .action-btns{align-items:center;display:flex;gap:8px}.home .section.action-center .action-card .action-btns .btn-icon{background-position:50%;background-repeat:no-repeat;background-size:50%;border-radius:50%;cursor:pointer;height:28px;transition:background-color .2s;width:28px}.home .section.action-center .action-card .action-btns .btn-icon.reject{background-color:#ff453a1a;background-image:url(https://img.icons8.com/ios-filled/50/FFFFFF/multiply.png);border-bottom:1px solid #ffffff1a;border-top:1px solid #fff3}.home .section.action-center .action-card .action-btns .btn-icon.reject:hover{background-color:#ff453a4d}.home .section.action-center .action-card .action-btns .btn-icon.accept{background-color:#54a1341a;background-image:url(https://img.icons8.com/ios-filled/50/FFFFFF/checkmark.png);border-bottom:1px solid #ffffff1a;border-top:1px solid #fff3}.home .section.action-center .action-card .action-btns .btn-icon.accept:hover{background-color:#54a1344d}.home .section.action-center .action-card .action-btns .btn-text{color:#66b346;cursor:pointer;font-size:.8rem;padding-left:4px;text-decoration:underline}.home .section.action-center .action-card .action-btns .btn-text:hover{color:#83c468}.home .section{margin-bottom:16px;opacity:0;padding:8px;transform:translateX(8px);transition:opacity .5s,transform .5s}.home .section:first-child{animation:fadeInUp .1s ease-out 0s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects{padding-bottom:24px}.home .section:first-child .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.home .section:first-child .projects .project:first-child{animation:fadeInUp .5s ease-out .5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .55s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects .project:nth-child(3){animation:fadeInUp .5s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects .project:nth-child(4){animation:fadeInUp .5s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects .project:nth-child(5){animation:fadeInUp .5s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects .project:nth-child(6){animation:fadeInUp .5s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects .project:nth-child(7){animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects .project:nth-child(8){animation:fadeInUp .5s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects .project:nth-child(9){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:first-child .projects .project:nth-child(10){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2){animation:fadeInUp .1s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects{padding-bottom:24px}.home .section:nth-child(2) .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.home .section:nth-child(2) .projects .project:first-child{animation:fadeInUp .5s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects .project:nth-child(3){animation:fadeInUp .5s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects .project:nth-child(4){animation:fadeInUp .5s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects .project:nth-child(5){animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects .project:nth-child(6){animation:fadeInUp .5s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects .project:nth-child(7){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects .project:nth-child(8){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects .project:nth-child(9){animation:fadeInUp .5s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(2) .projects .project:nth-child(10){animation:fadeInUp .5s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3){animation:fadeInUp .1s ease-out 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects{padding-bottom:24px}.home .section:nth-child(3) .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.home .section:nth-child(3) .projects .project:first-child{animation:fadeInUp .5s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects .project:nth-child(3){animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects .project:nth-child(4){animation:fadeInUp .5s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects .project:nth-child(5){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects .project:nth-child(6){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects .project:nth-child(7){animation:fadeInUp .5s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects .project:nth-child(8){animation:fadeInUp .5s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects .project:nth-child(9){animation:fadeInUp .5s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(3) .projects .project:nth-child(10){animation:fadeInUp .5s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4){animation:fadeInUp .1s ease-out 1.8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects{padding-bottom:24px}.home .section:nth-child(4) .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.home .section:nth-child(4) .projects .project:first-child{animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects .project:nth-child(3){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects .project:nth-child(4){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects .project:nth-child(5){animation:fadeInUp .5s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects .project:nth-child(6){animation:fadeInUp .5s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects .project:nth-child(7){animation:fadeInUp .5s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects .project:nth-child(8){animation:fadeInUp .5s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects .project:nth-child(9){animation:fadeInUp .5s ease-out 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(4) .projects .project:nth-child(10){animation:fadeInUp .5s ease-out 1.25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5){animation:fadeInUp .1s ease-out 2.4s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects{padding-bottom:24px}.home .section:nth-child(5) .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.home .section:nth-child(5) .projects .project:first-child{animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects .project:nth-child(3){animation:fadeInUp .5s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects .project:nth-child(4){animation:fadeInUp .5s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects .project:nth-child(5){animation:fadeInUp .5s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects .project:nth-child(6){animation:fadeInUp .5s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects .project:nth-child(7){animation:fadeInUp .5s ease-out 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects .project:nth-child(8){animation:fadeInUp .5s ease-out 1.25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects .project:nth-child(9){animation:fadeInUp .5s ease-out 1.3s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section:nth-child(5) .projects .project:nth-child(10){animation:fadeInUp .5s ease-out 1.35s;animation-fill-mode:forwards;animation-timing-function:ease-out}.home .section .section-heading{color:#636366;display:inline-block;font-size:1rem;font-weight:400;margin-bottom:8px;margin-left:8px;margin-top:8px;padding:0 16px 8px 0;transition-duration:.2s;width:auto}.home .section .section-heading a{color:#54a134;float:right;font-size:.9rem;font-weight:400;margin:0 8px;text-decoration:underline}.home .section .section-header-inline{align-items:center;display:flex;justify-content:space-between;padding-right:16px}.home .section .section-header-inline .section-heading{margin-bottom:0}.home .section .section-header-inline .control-wrap{align-items:center;display:flex;gap:8px;height:32px;position:relative}.home .section .section-header-inline .control-wrap.view-type-controls .label{animation:none;color:#48484a;font-size:.75rem;left:0;margin-left:4px;opacity:1;position:relative;top:0}.home .section .section-header-inline .control-wrap .controls{background:linear-gradient(120deg,#2b2b2b -80%,#171717 20%,#171717 60%,#0d0d0d);border:1px solid #242426;border-radius:9px;border-top-color:#363638;box-shadow:2px 2px 4px #000c;display:flex;padding:2px}.home .section .section-header-inline .control-wrap .controls .control{align-items:center;border-radius:16px;cursor:pointer;display:flex;justify-content:center;padding:4px 8px;transform:scale(1);transition:all .1s}.home .section .section-header-inline .control-wrap .controls .control:hover{background-color:#171717}.home .section .section-header-inline .control-wrap .controls .control.active{background-color:#0b0b0b;border-bottom:1px solid #363638;border-left:1px solid #363638;border-top:1px solid #363638;border-color:#545456 #363638 #363638 #545456;border-radius:16px!important;border-style:solid;border-width:1px;box-shadow:1px 1px 2px #000c;color:#e5e5e5;transform:scale(1.1);z-index:10}.home .section .section-header-inline .control-wrap .controls .control.active .icon{opacity:1}.home .section .section-header-inline .control-wrap .controls .control .icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:14px;opacity:.5;width:14px}.home .section .section-header-inline .control-wrap .controls .control .icon.card-view{background-image:url(https://img.icons8.com/sf-black-filled/64/FFFFFF/four-squares.png)}.home .section .section-header-inline .control-wrap .controls .control .icon.redefined-view{background-image:url(https://img.icons8.com/?size=100&id=JiA06eYfmkye&format=png&color=FFFFFF)}.home .section .projects{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr 1fr 1fr;padding:8px;width:100%}.home .section .projects .message{color:#3a3a3c}.home .section .projects.completed h3:after{color:#48484a;content:"Client Approved";font-size:.9rem;font-weight:400;margin-left:8px}.home .section .projects.completed .project{grid-template-columns:auto 128px}.home .section .projects.completed .project .project-options{align-items:center}.home .section .projects.selection{gap:16px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;overflow-x:scroll;padding-top:16px}.home .section .projects.selection .project{grid-template-columns:96px auto}.home .section .projects.selection .project-details{gap:8px}.home .section .projects.selection .project-details .details-top .info-bar,.home .section .projects.selection .project-details .details-top .tags{display:none}.home .section .projects.selection .project-details .project-summary{height:none}.home .section .projects.selection .project-cover{min-height:16px;width:96px}.home .section .projects.recent{padding-top:16px}.home .section .shoots{display:flex;gap:16px}.home .section .shoots .time{align-content:center;background-color:#0d0d0d;background:linear-gradient(140deg,#171717 50%,#101010);border-left:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-color:#2b2b2b #202020 #202020 #2b2b2b;border-radius:8px;border-style:solid;border-width:1px;box-shadow:2px 2px 4px #000c;display:grid;grid-row:1/3;justify-content:center;justify-items:center;min-width:136px;padding:8px;position:relative}.home .section .shoots .time .date{background-color:#2b2b2b;border-left:1px solid #48484a;border-radius:4px;border-top:1px solid #48484a;border-color:#636366 #48484a #48484a #636366;border-style:solid;border-width:1px;box-shadow:2px 2px 1px #000c;margin-bottom:4px;padding:8px 16px 4px}.home .section .shoots .time .date h5{color:#636366;font-size:.8rem;margin-top:-2px;text-align:center;text-transform:uppercase}.home .section .shoots .time .date h1{font-size:1.5rem;letter-spacing:.1rem;margin-top:-4px;text-shadow:1px 1px 4px #0006}.home .section .shoots .time .date .weekday{color:#8e8e93;font-size:.8rem;margin-top:-2px;text-transform:uppercase}.home .section .shoots .time p{color:#48484a;font-size:.8rem;margin-top:-2px}.home .section .shoots .time .in-ago-event-days{margin-bottom:4px}.home .section .shoots .time .event-name-label{color:#d1d1d6;font-size:.9rem;font-weight:600;margin-bottom:2px;margin-top:4px}.home .section .shoots .time .event-type-label{color:#8e8e93;font-size:.8rem;font-weight:400;margin-bottom:4px}.home .section .shoots .time .location{color:#636366;margin-top:0}.home .section .shoots .time .location:before{background-image:url(https://img.icons8.com/material/48/FFFFFF/marker--v1.png);background-position:50%;background-repeat:no-repeat;background-size:auto 80%;color:#0000;content:".";display:inline-table;height:16px;margin-right:4px;opacity:.1;width:12px}.home .section .shoots .time .time-number{color:#636366;margin-top:4px}.home .section .shoots .time .time-number:before{background-image:url(https://img.icons8.com/?size=100&id=70167&format=png&color=FFFFFF);background-position:50%;background-repeat:no-repeat;background-size:100% auto;color:#0000;content:".";display:inline-table;height:16px;margin-right:4px;opacity:.1;width:12px}.home .section.approval-pending .project-options{display:grid!important}.home .project.new{animation-delay:.15s}.home .project.upload{animation-delay:.25s;margin-left:-32px}.home-header .notifications{background-image:url(https://img.icons8.com/ios-filled/50/FFFFFF/appointment-reminders--v1.png);background-size:80%;height:28px;position:fixed;right:16px;top:16px;transform:rotate(0deg);width:28px;z-index:99}.home-header .notifications .new{background-color:#ff3b30;border:1px solid #1c1c1e;border-radius:50%;box-shadow:-1px 1px 2px 1px #0000004d;height:8px;position:absolute;right:4.8px;top:.8px;width:8px}@media only screen and (max-width:1500px){.home .section{padding:0}.home .section .projects{grid-template-columns:1fr 1fr 1fr}.home .section .projects.selection{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width:1200px){.home .section .projects{grid-template-columns:1fr 1fr 1fr}.home .section .projects.selection{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (max-width:1000px){.home .section .projects{grid-template-columns:1fr 1fr}.home .section .projects.selection{grid-template-columns:35vw 35vw 35vw!important}.App .home-header{left:80px}}@media only screen and (max-width:860px){.home .section .projects{grid-template-columns:1fr 1fr}.home .welcome-section,.home.selection{grid-template-columns:1fr}.home .welcome-section .actions{justify-content:flex-start;margin-top:32px}}@media only screen and (max-width:720px){.home .section .projects{grid-template-columns:1fr!important}.home .section .projects.selection{grid-template-columns:60vw 60vw!important}.home .section .projects .project .project-details{margin-left:16px}.home .section .projects .project .project-details .empty-message{display:none}.home .welcome-section .welcome-message.sub-message{font-size:1.6rem}}@media only screen and (max-width:580px){.home .section .projects{grid-template-columns:1fr}.home .section .projects .project .project-cover{width:120px}.home .section .projects .project .project-details{margin-left:0!important}.home .section .projects .project .project-details .empty-message{display:none}}@media only screen and (max-width:520px){.home .section .projects.selection{grid-template-columns:80vw 80vw!important}.home .project.upload{margin-left:0}.home .welcome-section{grid-template-columns:1fr;margin-top:8px}.home .welcome-section .welcome-message{font-size:2rem}.home .welcome-section .welcome-message:last-child{line-height:2.5rem;margin-top:8px}.home .welcome-section .welcome-message.sub-message{font-size:1.3rem;line-height:0rem;margin-bottom:8px;min-height:1rem}.home .welcome-section .actions{justify-content:flex-start;margin-top:16px;position:relative;right:0}.home .welcome-section .welcome-message-top h1{font-size:2.4rem!important}.home .section .projects{grid-template-columns:1fr}.home .section .shoots{overflow-x:scroll;padding-bottom:16px;padding-right:16px;width:100%}}.project{background:linear-gradient(120deg,#171717 50%,#0d0d0d);border-radius:8px;border-right:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-color:#b0b0b066 #a2c29c1a #363638 #363638;border-style:solid;border-width:1px;box-shadow:-1px 1px 6px #0003;box-shadow:2px 2px 4px #000c;cursor:pointer;display:grid;grid-template-columns:120px auto;margin-top:0;opacity:0;transform:scale(1) translateY(-8px);transition-duration:.2s;transition-timing-function:ease-in;width:100%}.project:hover{background:linear-gradient(30deg,#171717,#0d0d0d);border-top:1px solid #8bb98b40;box-shadow:2px 2px 4px #000c,0 0 8px 4px rgba(20,86,36,.075);transform:scale(1) translateY(-1px)!important;transition-duration:.2s!important;transition-timing-function:ease-out!important}.project:hover .cover-wrap{transform:scale(1.01);transition-duration:.1s;transition-timing-function:ease-in}.project:hover .project-cover{background-size:100%;border-left:1px solid #444446;border-radius:8px;border-right:1px solid #444446;border-top:1px solid #444446;border-color:#b0b0b080 rgba(162,194,156,.302) #444446 #b0b0b080;border-style:solid;border-width:1px;box-shadow:4px 4px 4px 1px #0006,inset 1px 1px 2px #ffffff4d;height:100%;min-height:96px;opacity:1;transform:scale(1.08) translateY(0) translateX(-3px);transition-duration:.05s;transition-timing-function:ease-in;width:120px}.project:hover .project-details{transition-duration:.2s!important;transition-timing-function:ease-out}.project:hover .project-summary{opacity:1!important}.project:hover .project-title{transform:scale(1.02) translateY(-1px) translateX(1%)!important}.project:hover .project-title,.project:hover .project-type{transition-duration:.15s!important;transition-timing-function:ease-in}.project:hover .project-type{transform:translateY(-1px)!important}.project:hover .right .status-signal{box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 2px #00ff0061,0 0 20px 10px rgba(0,255,0,.141)!important;transform:scale(1.1);transition-delay:.1s}.project:hover.draft .project-details .details-top .right .status-signal{box-shadow:0 0 8px 4px rgba(37,37,37,.639)}.project:hover.uploaded .project-details .details-top .right .status-signal{background-color:#ffd60a;box-shadow:0 1px 1px 1px #6758002e,0 0 10px 5px #ffd70038,0 0 4px 2px rgba(255,217,0,.345),0 0 20px 10px #ffff001a!important;transform:scale(1.1)}.project:hover .designing .project-details .details-top .right .status-signal{background-color:#da8fff;box-shadow:0 1px 1px 1px #5e2a7e2e,0 0 10px 5px #9b59b638,0 0 4px 2px rgba(156,89,182,.663),0 0 20px 10px #8714fa66!important;transform:scale(1.1)}.project:active{box-shadow:0 0 0 #000;transform:scale(.99) translateY(0)!important;transition-duration:.2s;transition-timing-function:ease-in}.project .cover-wrap{transition-duration:.1s;transition-timing-function:ease-out}.project .project-cover{background-color:#0d0d0d;background-image:url(/static/media/cake.5f801b216c47e90aa8bd.svg);background-position:50%;background-size:cover;border-left:1px solid #363638;border-radius:8px;border-top:1px solid #363638;border-color:#545456 #363638 #363638 #545456;border-style:solid;border-width:1px;box-shadow:2px 2px 4px #000c,inset 1px 1px 2px #00000080;height:100%;min-height:96px;opacity:1;transform:scale(1.05) translateX(0) translateY(0);transition-duration:.1s;width:120px}.project .project-details{grid-gap:1.6px;align-content:space-between;display:grid;gap:1.6px;margin:12px 12px 8px 16px;transition-duration:.1s}.project .project-details .details-top{grid-gap:8px;display:grid;gap:8px;grid-template-columns:auto 8px}.project .project-details .details-top .project-title{font-size:.9rem;margin-bottom:8px;margin-top:-4px;max-width:160px;overflow:hidden;transform:scale(1) translateX(0) translateY(0);transition-duration:.1s;white-space:nowrap}.project .project-details .details-top .project-expiration{color:#ff9f0a;font-size:.65rem;font-weight:500;letter-spacing:.2px;margin-bottom:4px;margin-top:-8px;opacity:.8}.project .project-details .details-top .project-type{color:#3a3a3c;font-size:.7rem;font-weight:400;line-height:20px;margin-top:-8px}.project .project-details .details-top .info-bar{align-items:center;display:grid;grid-template-columns:auto auto;justify-content:space-between;margin-left:-4px;margin-top:4px;opacity:.7}.project .project-details .details-top .info-bar .lr.button.mini{background-color:#001b30;border:1px solid #2fa3f7;box-shadow:-1px -1px 4px #000,-1px 0 8px rgba(47,164,247,.612);color:#2fa3f7;height:24px;line-height:20px;margin-right:-8px;padding:1px 4px}.project .project-details .details-top .info-bar .lr.button.mini.disabled{background-color:#071b2b;border:1px solid #39454f;color:#1368a4;display:none}.project .project-details .details-top .tags{display:flex;gap:6px}.project .project-details .details-top .tags .tag{background-color:#2b2b2b;border:1px solid #3a3a3c;border-radius:4px;color:#aeaeae;display:inline-block;font-size:.7rem;margin:0 0 4px;padding:2px 4px;white-space:nowrap}.project .project-details .details-top .tags .tag.project-dates{background-color:#202020;border:1px solid #2c2c2e;color:#8e8e93}.project .project-details .details-top .tags .tag.project-dates:first-child{background-color:#2b2b2b;border:1px solid #3a3a3c;color:#aeaeae}.project .project-details .details-top .tags .tag.extra{background-color:#171717;border:1px solid #1c1c1e;color:#48484a;margin-left:-6px;z-index:-1}.project .project-details .details-top .tags .event-dates{display:flex;gap:2px}.project .project-details .details-top .right .status-signal{background-color:#66b346;border-radius:50%;box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 1px rgba(0,255,0,.129),0 0 20px 10px rgba(0,255,0,.055);height:6px;position:absolute;right:6px;top:6px;transform:scale(1);transition-duration:.2s;width:6px}.project .project-details .details-top .right .status-signal:hover{background-color:#54a134}.project .project-details .empty-message{color:#363638;font-size:.8rem;font-weight:400;justify-content:start;text-align:left}.project .project-details .project-summary{align-items:center;display:flex;font-size:.8rem;gap:4px;height:100%;justify-content:space-between;transition-duration:.2s}.project .project-details .project-summary .summary-left{align-items:center;display:flex;font-weight:500;gap:8px}.project .project-details .project-summary .summary-right{grid-gap:4px;display:grid;gap:4px;justify-items:end}.project .project-details .project-summary .summary-right .quick-actions{display:flex;gap:4px}.project .project-details .project-summary .summary-item{opacity:.2}.project .project-details .project-summary .summary-item .icon{background-size:90%;margin-right:2px;opacity:.8!important;padding:8.8px;transition-duration:.1s}.project .project-details .project-summary .summary-item.active{opacity:.5}.project .project-details .project-summary .summary-item.active p{color:#aeaeae;font-size:.7rem;line-height:1rem}.project .project-details .project-summary .summary-item{cursor:default;display:flex;gap:0}.project .project-details .project-summary .summary-item:hover{opacity:1}.project .project-details .project-summary .summary-item:hover .icon{opacity:.8!important;transform:scale(1.15);transition-duration:.2s}.project .project-details .project-summary .summary-item:hover p{transform:scale(1.15);transition-delay:.1s;transition-duration:.1s}.project .project-details .project-summary .summary-item p{color:#545456;font-size:.7rem;line-height:1rem}.project .project-details .project-summary .summary-item .icon{background-position:50%;background-size:80%;opacity:.5;padding:0}.project .project-details .project-summary .collection-count .icon{background-image:url(https://img.icons8.com/?size=100&id=CXSefwAlx5SL&format=png&color=FFFFFF);background-size:80%}.project .project-details .project-summary .invoice-count .icon{background-image:url(https://img.icons8.com/pastel-glyph/64/FFFFFF/invoice-1.png)}.project .project-details .project-summary .photos-count .icon{background-image:url(https://img.icons8.com/?size=200&id=XANIzpZcz8xx&format=png&color=FFFFFF);background-size:85%}.project .project-details .project-summary .selected-count .icon{background-image:url(/static/media/selected.2b5aef241d72b3f6953d.svg)}.project .project-details .project-summary .share .icon{background-image:url(/static/media/play-circle.ee9e4112411a3c10e1ec.svg)}.project .project-details .project-summary .select .icon{background-image:url(/static/media/checkmark.7bea571189d6e17d41a4.svg)}.project .pin{background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:4px;display:flex;gap:4px;opacity:.5;padding:1px 4px 1px 1px}.project .pin .disk-label{background-image:url(https://img.icons8.com/?size=100&id=y7Lo1d4ZRKGB&format=png&color=FFFFFF);background-position:50%;background-size:100%;border-radius:4px;color:#636366;display:inline-block;font-size:.7rem;height:16px;padding:0;width:16px}.project .pin .pin-number{align-items:center;display:flex;font-size:.7rem;text-align:center}.project.new{grid-template-columns:120px auto;width:100%}.project.new .project-cover{background-image:url(https://img.icons8.com/?size=100&id=843&format=png&color=FFFFFF);background-size:30%}.project.new .project-details{align-content:center;margin:16px;text-align:center}.project.new .project-details .project-title{font-size:1.2REM;font-weight:500}.project.upload{grid-template-columns:120px auto;width:95%}.project.upload .project-cover{background-image:url(https://img.icons8.com/?size=100&id=RXegk50IKV5u&format=png&color=FFFFFF);background-size:40%}.project.upload .project-details{align-content:center;margin:16px;text-align:center}.project.upload .project-details .project-title{font-size:1.2REM;font-weight:500}.project.all{width:80%}.project.all .project-cover{background-color:#171717;background-image:url(/static/media/arrow-right.1cd705ff3a8d32dcbf7d.svg);background-position:45%;background-size:20%;border:1px solid #444446;transform:scale(1.05)}.project.all .project-details{align-content:center;margin:16px;text-align:center}.project.all:hover{opacity:.7!important}.project.all:hover .project-cover{background-position:55%}.project.Wedding .project-cover{background-image:url(https://img.icons8.com/dotty/80/FFFFFF/wedding-rings.png);background-size:50%}.project.Birthday .project-cover{background-image:url(https://img.icons8.com/ios/150/FFFFFF/birthday.png);background-size:40%}.project.Family .project-cover{background-image:url(https://img.icons8.com/?size=100&id=Tqqn1DieaMiE&format=png&color=FFFFFF);background-size:60%}.project.Maternity .project-cover{background-image:url(https://img.icons8.com/?size=100&id=xrI3gmcIrVPN&format=png&color=FFFFFF);background-size:50%}.project.Headshot .project-cover{background-image:url(https://img.icons8.com/?size=100&id=423kipnPTZJn&format=png&color=FFFFFF);background-size:50%}.project.Baptism .project-cover,.project.Newborn .project-cover{background-image:url(https://img.icons8.com/external-others-bomsymbols-/91/FFFFFF/external-angel-christmas-decoration-outline-others-bomsymbols-.png);background-size:50%}.project.draft .project-details .details-top .right .status-signal{animation:steady 1.5s infinite;background-color:#3a3a3c;border:.5px solid #545456;box-shadow:0 1px 1px 1px #151515,0 0 5px 4px hsla(0,0%,100%,.086),0 0 4px 1px #ffffff05,0 0 20px 10px hsla(0,0%,100%,.063);transform:scale(1.1)}.project.draft:hover .project-details .details-top .right .status-signal{box-shadow:0 1px 1px 0 #030303,0 0 10px 5px hsla(0,0%,100%,.141),0 0 4px 1px #ffffff05,0 0 20px 20px hsla(0,0%,100%,.027)!important}.project.uploaded:hover .project-details .details-top .right .status-signal{background-color:#66b346!important;box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 1px rgba(0,255,0,.129),0 0 20px 10px rgba(0,255,0,.055)!important}@keyframes slow-pulse{0%,to{box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 1px rgba(0,255,0,.129),0 0 20px 10px rgba(0,255,0,.055);opacity:.5}50%{box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 1px rgba(0,255,0,.129),0 0 20px 10px rgba(0,255,0,.055);opacity:1}}.project.selecting .project-details .details-top .right .status-signal{animation:fast-pulse .5s infinite;background-color:#54a134;box-shadow:0 1px 1px 1px #060,0 0 8px 5px rgba(0,255,0,.702),0 0 5px 1px #00ff0061,0 0 15px 10px rgba(0,255,0,.314);transform:scale(1.2)}.project.selecting:hover .project-details .details-top .right .status-signal{box-shadow:0 1px 1px 1px #060,0 0 12px 6px #0f0c,0 0 6px 2px rgba(0,255,0,.459),0 0 20px 15px #0f06!important}.project.selected .project-details .details-top .right .status-signal{animation:slow-glow 2s infinite;background-color:#ffd426;box-shadow:0 1px 1px 1px #141000,0 0 7px 4px rgba(255,221,0,.149),0 0 4px 1px #ffdd0061,0 0 15px 10px #ffdd0017;opacity:0;transform:scale(1.1)}.project.selected:hover .project-details .details-top .right .status-signal{box-shadow:0 1px 1px 1px #1e1900,0 0 10px 5px rgba(255,221,0,.243),0 0 5px 2px rgba(255,221,0,.459),0 0 20px 15px rgba(255,221,0,.102)!important}@keyframes slow-glow{0%,to{opacity:.1;transform:scale(1.1)}40%{opacity:1;transform:scale(1.15)}}@keyframes fast-pulse{0%,to{transform:scale(1.2)}50%{transform:scale(1.3)}}.project.editing .project-details .details-top .right .status-signal{animation:pulsing 1.5s ease-in-out infinite;background-color:#da8fff;box-shadow:0 1px 1px 1px #8000802e,0 0 10px 5px #a000a038,0 0 4px 2px rgba(176,0,176,.416),0 0 20px 10px #ff00ff0d!important;transform:scale(1.1)}.project.client-review .project-details .details-top .right .status-signal{animation:blinking 1.5s ease-in-out infinite;animation-delay:.1s;background-color:#ffb340;box-shadow:0 1px 1px 1px #d966002e,0 0 10px 5px #a7640038,0 0 4px 2px rgba(180,111,6,.416),0 0 20px 10px #ff80000d!important;transform:scale(1.1)}.project.completed .project-details .details-top .right .status-signal{animation:steady 1.5s infinite;background-color:#ffd60a;box-shadow:0 1px 1px 1px #ffcc002e,0 0 10px 5px #ffdd0038,0 0 4px 2px rgba(255,238,0,.416),0 0 20px 10px #ffff000d!important;transform:scale(1.1)}.project.archived .project-details .details-top .right .status-signal{animation:steady 1.5s infinite;background-color:#ccc;box-shadow:0 1px 1px 1px #d3d3d32e,0 0 10px 5px #cccccc38,0 0 4px 2px hsla(0,0%,73%,.416),0 0 20px 10px #bfbfbf0d!important;transform:scale(1.1)}.project.pending-payment .project-details .details-top .right .status-signal{animation:blinking 1.5s ease-in-out infinite;background-color:#ff6961;box-shadow:0 1px 1px 1px #ff00002e,0 0 10px 5px #ff333338,0 0 4px 2px hsla(0,100%,70%,.416),0 0 20px 10px #ff00000d!important;transform:scale(1.1)}.project.archive{background:#2b2b2b4d;border:1px dashed #63636680;opacity:.6}.project.archive .project-cover{border:1px solid #6363664d;filter:grayscale(1) brightness(.7)}.project.archive .project-title{color:#8e8e93}.project.archive .status-signal{animation:none!important;background-color:#8e8e93!important;box-shadow:0 0 4px #ffffff1a!important}.project.archive:hover{background:#2b2b2b80;border:1px solid #ff9f0a;opacity:.9}.project.archive:hover .project-cover{filter:grayscale(.5) brightness(.9)}.project.expired{background:linear-gradient(120deg,#171717e6,#0d0d0de6);border:1px solid #ff9f0a4d;opacity:.7}.project.expired .project-cover{border:1px solid #ff9f0a33;filter:grayscale(.8) sepia(.2) brightness(.6)}.project.expired .project-title{color:#aeaeae}.project.expired .project-expiration{color:#ff453a;font-weight:700;opacity:1}.project.expired .status-signal{animation:none!important;background-color:#ff453a!important;box-shadow:0 0 8px #ff453a66!important;opacity:.6}.project.expired:hover{border-color:#ff9f0a;opacity:.95}.project.expired:hover .project-cover{filter:grayscale(.4) sepia(.1) brightness(.8)}.project.expired:hover .status-signal{box-shadow:0 0 12px #ff453a99!important;opacity:1}.project:first-child{animation:fadeInUp .4s ease-out .1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:first-child .status-signal{animation:glowUp .6s ease-in-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(2){animation:fadeInUp .4s ease-out .15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(2) .status-signal{animation:glowUp .6s ease-in-out .62s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(3){animation:fadeInUp .4s ease-out .2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(3) .status-signal{animation:glowUp .6s ease-in-out .64s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(4){animation:fadeInUp .4s ease-out .25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(4) .status-signal{animation:glowUp .6s ease-in-out .66s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(5){animation:fadeInUp .4s ease-out .3s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(5) .status-signal{animation:glowUp .6s ease-in-out .68s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(6){animation:fadeInUp .4s ease-out .35s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(6) .status-signal{animation:glowUp .6s ease-in-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(7){animation:fadeInUp .4s ease-out .4s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(7) .status-signal{animation:glowUp .6s ease-in-out .72s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(8){animation:fadeInUp .4s ease-out .45s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(8) .status-signal{animation:glowUp .6s ease-in-out .74s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(9){animation:fadeInUp .4s ease-out .5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(9) .status-signal{animation:glowUp .6s ease-in-out .76s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(10){animation:fadeInUp .4s ease-out .55s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(10) .status-signal{animation:glowUp .6s ease-in-out .78s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(11){animation:fadeInUp .4s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(11) .status-signal{animation:glowUp .6s ease-in-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(12){animation:fadeInUp .4s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(12) .status-signal{animation:glowUp .6s ease-in-out .82s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(13){animation:fadeInUp .4s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(13) .status-signal{animation:glowUp .6s ease-in-out .84s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(14){animation:fadeInUp .4s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(14) .status-signal{animation:glowUp .6s ease-in-out .86s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(15){animation:fadeInUp .4s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(15) .status-signal{animation:glowUp .6s ease-in-out .88s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(16){animation:fadeInUp .4s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(16) .status-signal{animation:glowUp .6s ease-in-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(17){animation:fadeInUp .4s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(17) .status-signal{animation:glowUp .6s ease-in-out .92s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(18){animation:fadeInUp .4s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(18) .status-signal{animation:glowUp .6s ease-in-out .94s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(19){animation:fadeInUp .4s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(19) .status-signal{animation:glowUp .6s ease-in-out .96s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project:nth-child(20){animation:fadeInUp .4s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project:nth-child(20) .status-signal{animation:glowUp .6s ease-in-out .98s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project-card-refined{background:linear-gradient(145deg,#171717,#0d0d0d);border:1px solid #36363866;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.project-card-refined:hover{border-color:#66b3464d;box-shadow:0 12px 24px #0009;transform:translateY(-4px)}.project-card-refined:hover .card-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}.project-card-refined:hover .card-image{transform:scale(1.05)}.project-card-refined .card-image-wrapper{aspect-ratio:16/10;background-color:#2b2b2b;overflow:hidden;position:relative;width:100%}.project-card-refined .card-image-wrapper .card-image{background-position:50%;background-size:cover;height:100%;transition:transform .4s ease;width:100%}.project-card-refined .card-image-wrapper .card-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.project-card-refined .card-image-wrapper .card-overlay .overlay-details{align-items:center;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:12px}.project-card-refined .card-image-wrapper .card-overlay .overlay-details .dot{background:#66b346;border-radius:50%;height:4px;width:4px}.project-card-refined .card-image-wrapper .category-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2b2b2bcc;border:1px solid #ffffff1a;border-radius:6px;color:#8e8e93;font-size:.7rem;font-weight:600;left:12px;letter-spacing:.5px;padding:4px 10px;position:absolute;text-transform:uppercase;top:12px}.project-card-refined .card-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:16px}.project-card-refined .card-info .info-main .title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.project-card-refined .card-info .info-main .title-row .project-title{color:#8e8e93;flex:1 1;font-size:1.05rem;font-weight:600;line-height:1.3;margin:0;padding-right:12px}.project-card-refined .card-info .info-main .title-row .status-indicator{border-radius:50%;height:10px;margin-top:6px;width:10px}.project-card-refined .card-info .info-main .title-row .status-indicator.green{background:#66b346;box-shadow:0 0 8px #66b346}.project-card-refined .card-info .info-main .title-row .status-indicator.yellow{animation:pulse-yellow 2s infinite;background:#ffd60a;box-shadow:0 0 8px #ffd60a}.project-card-refined .card-info .info-main .title-row .status-indicator.red{background:#ff453a;box-shadow:0 0 8px #ff453a}.project-card-refined .card-info .info-main .title-row .status-indicator.grey{background:#3a3a3c;box-shadow:none}.project-card-refined .card-info .info-main .project-expiration{color:#ff9f0a;font-size:.75rem;font-weight:500;margin-bottom:12px}.project-card-refined .card-info .info-footer{align-items:center;border-top:1px solid #36363833;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.project-card-refined .card-info .info-footer .tags-row{display:flex;gap:8px}.project-card-refined .card-info .info-footer .tags-row .budget-tag,.project-card-refined .card-info .info-footer .tags-row .date-tag{background:#2b2b2b80;border:1px solid #36363833;border-radius:4px;color:#48484a;font-size:.7rem;padding:2px 8px}.project-card-refined .card-info .info-footer .lr-badge{background:#001b30;border:1px solid #2fa3f7;border-radius:3px;color:#2fa3f7;filter:grayscale(1);font-size:.7rem;font-weight:700;opacity:.3;padding:1px 4px}.project-card-refined .card-info .info-footer .lr-badge.active{box-shadow:0 0 8px #2fa3f766;filter:none;opacity:1}.project-card-refined.archive{opacity:.7}.project-card-refined.archive .card-image{filter:grayscale(1)}.project-card-refined.expired{border-color:#ff453a66}.project-card-refined.expired .project-title{color:#3a3a3c}@keyframes pulse-yellow{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.search-results .welcome-section{align-items:center;display:grid;font-family:Product Sans;grid-template-columns:auto 1fr 160px;justify-content:space-between;padding:16px}.search-results .welcome-section .welcome-message-top{display:FLEX;justify-content:start;margin-bottom:8px;margin-top:8px}.search-results .welcome-section .welcome-message-top h1{color:#8e8e93!important;font-size:3rem!important;font-weight:500!important}.search-results .welcome-section .welcome-message{animation:none;color:#636366;font-weight:600;opacity:1}.search-results .welcome-section .welcome-message:last-child{color:#3a3a3c;font-size:2rem;font-weight:500;margin-top:-16px}.search-results .welcome-section .welcome-message.sub-message .button{margin-left:16px}.search-results .welcome-section .welcome-message span{animation:fadeInLeft .5s ease-out .05s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.search-results .welcome-section .welcome-message .actions{display:flex;justify-content:flex-end}.search-results .welcome-section .actions{display:flex;justify-content:flex-end;position:absolute;right:40px;z-index:10}.search-results .search-result-section-label{animation:fadeInUp .5s ease-out forwards;color:#8e8e93;font-weight:400;margin-bottom:16px;opacity:0;padding:8px 16px;transform:translateY(10px)}.search-bar .search-input-wrapper{align-items:center;animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;display:flex;margin:6px 0;opacity:0}.search-bar .search-input-wrapper .search-input{align-items:center;background-color:#151515;border:1px solid #2b2b2b;border-radius:8px!important;box-shadow:inset -1px 1px 2px #0000004d;display:flex;height:32px;justify-content:center;padding:8px;text-align:center;width:112px}.search-bar .search-input-wrapper .search-input::placeholder{color:#545456;text-shadow:inset -1px 1px 2px #0000004d}.search-bar .search-input-wrapper .search-input.loading{-webkit-text-fill-color:#0000;animation:loadingGradient 1s linear infinite alternate;background:linear-gradient(90deg,rgba(56,125,22,.784) 30%,#a1ed08 45%,#a1ed08 48%,rgba(112,152,31,.737) 55%,rgba(19,45,6,.475) 90%);-webkit-background-clip:text;background-position:0;background-size:200%;border:2px solid #336c1b;font-weight:200;font-weight:600;transition-duration:1s}.search-bar .search-input-wrapper .icon.button{animation:fadeInUp .5s ease-in .7s;animation-fill-mode:forwards;background:none;height:100%;margin-left:8px;opacity:0;padding:5.6px 8px}.advanced-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:flex-end;opacity:.5;text-align:left}.advanced-toggle span{color:#336c1b;font-size:1rem;transition-duration:.1s}.advanced-toggle:hover span{color:#54a134;transition-duration:.1s}.advanced-toggle:hover .arrow{opacity:1!important;transition-delay:.05s;transition-duration:.3s}.advanced-toggle .arrow{background-image:url(https://img.icons8.com/?size=100&id=kHqsQPiFpGjM&format=png&color=336c1b);background-position:50%;background-size:110%;height:20px;margin-top:2px;width:20px}.advanced-toggle.up .arrow{opacity:.5}.advanced-toggle.up+.advanced-label{height:16px;margin-top:0;opacity:1;transition-delay:.1s;transition-duration:.1s}.advanced-toggle.down{margin-bottom:0;margin-top:0}.advanced-toggle.down .arrow{background-image:url(https://img.icons8.com/?size=100&id=lCACQM0xDqsw&format=png&color=336c1b)}.advanced-toggle.down span{color:#545456;font-size:1rem}.advanced-toggle.down+.advanced-label{height:0;margin-top:0;opacity:0;transition-duration:.1s}.advanced-toggle.down:hover span{color:#8e8e93;font-size:1rem}.advanced-options{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-in-out}.advanced-options .advanced-label{color:#545456;font-size:.875rem;left:0;opacity:0;position:absolute;transition-duration:.1s}.advanced-options .advanced-options-inner{overflow:hidden}.advanced-options.show{grid-template-rows:1fr}.validity-change-animation{animation:iconic-gradient 1s ease-out;color:#757575}@keyframes iconic-gradient{0%{background-position:0 50%;color:#757575}70%{background-position:100% 50%;color:#54a134;transform:scale(1.2) rotate(5deg)}to{background-position:100% 50%;color:#757575;transform:scale(1.2) rotate(5deg)}}.App .welcome-modal-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.App .welcome-modal-container{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;max-width:500px;padding:2rem;position:relative;text-align:center;width:90%}.App .close-button{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.App .welcome-modal-content h2{color:#333;font-size:1.8rem;margin-top:0}.App .welcome-modal-content p{color:#666;font-size:1.1rem;margin:1rem 0 1.5rem}.App .welcome-modal-content .cta-primary{background-color:#428924;border:none;border-radius:5px;color:#fffc;cursor:pointer;font-size:1.1rem;margin-bottom:.5rem;padding:.8rem;transition:background-color .2s;width:100%}.App .welcome-modal-content .cta-primary:hover{background-color:#54a134;color:#fff}.App .welcome-modal-content .cta-secondary{background-color:#0000;border:1px solid #ccc;border-radius:5px;color:#555;cursor:pointer;font-size:1rem;padding:.8rem;transition:background-color .2s;width:100%}.App .welcome-modal-content .cta-secondary:hover{background-color:#f0f0f0}.App .welcome-modal .modal{text-align:center}.App .welcome-modal .modal .modal-body{margin:0!important;overflow:hidden;padding:0}.App .welcome-modal .modal .modal-body .screens-slider{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1)}.App .welcome-modal .modal .modal-body .screens-slider .screen-content{flex-shrink:0;width:100%}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper{padding:0 64px}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper h2{font-size:2.4rem;margin:16px 16px 4px}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper p{color:#444}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper p span.highlight{color:#444;margin-top:16px}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper p span.mid-highlight{color:#fff3;margin-top:16px}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper p span.shadow{color:#333;margin-top:16px}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper .visual-placeholder{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:12px;height:224px;margin:32px 10%;width:80%}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper .visual-placeholder.welcome{background-image:url(/static/media/welcome-modal-image.09327c3b199e2467d51e.png);background-position:50% 50%;background-size:120%}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper .visual-placeholder.organize-projects{background-image:url(/static/media/welcome-modal-image2.366e04eb23c50897014b.png);background-position:60% 40%;background-size:100%}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper .visual-placeholder.smart-gallery{background-image:url(/static/media/welcome-modal-image3.32da1c62ed276db96b6b.png);background-position:60% 40%;background-size:100%}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper .visual-placeholder.collaboration-selection{background-image:url(/static/media/welcome-modal-image4.c95274619550a51cea48.png);background-position:60% 40%;background-size:120%}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper .visual-placeholder.create-project{background-image:url(/static/media/empty-projects-mascot.d86a9cdc0c09c0284850.png);background-position:50% 30%;background-size:auto 130%;height:224px;margin-bottom:8px;margin-top:8px}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper .create-project-tagline{font-size:1.6rem;font-weight:400;margin-top:32px}.App .welcome-modal .modal .modal-body .screens-slider .screen-content .welcome-screen-body-wrapper .create-project-tagline .highlight{margin-left:8px}.App .welcome-modal .modal .modal-footer{align-items:center;display:flex;flex-direction:column;gap:16px;padding:16px 32px}.App .welcome-modal .modal .modal-footer .step-indicator{display:flex;gap:8px}.App .welcome-modal .modal .modal-footer .step-indicator .dot{background-color:#ccc;border-radius:50%;height:8px;transition:background-color .3s;width:8px}.App .welcome-modal .modal .modal-footer .step-indicator .dot.active{background-color:#54a134}.App .welcome-modal .modal .actions{gap:16px;justify-content:end}@media only screen and (max-width:520px){.App .welcome-modal .modal .island{text-align:center;top:64px}.App .welcome-modal .modal .island .modal-body{min-width:auto;overflow:hidden;padding:0}.App .welcome-modal .modal .modal-footer{height:144px}}.field input::-webkit-calendar-picker-indicator{filter:invert(1)}.field select::-webkit-inner-spin-button{filter:invert(0);margin-right:-32px}.project-page-cover.project-cover{transition:all .4s cubic-bezier(.4,0,.2,1)}.project-page-cover.project-cover .project-cover-image img{transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-page-cover.project-cover:hover .project-cover-image img{transform:scale(1.02)}.project-page-cover.project-cover .cover-footer .static-tools.bottom{align-items:flex-end;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 16px;width:100%}.project-page-cover.project-cover .cover-footer .static-tools.bottom .client{display:flex;flex:1 1;flex-direction:column;gap:8px}.project-page-cover.project-cover .cover-footer .static-tools.bottom .project-name-editor{align-items:center;display:flex;gap:12px}.project-page-cover.project-cover .cover-footer .static-tools.bottom .project-name-editor h1{color:#fff;cursor:pointer;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:0 4px 12px #00000080;transition:color .2s}.project-page-cover.project-cover .cover-footer .static-tools.bottom .project-name-editor h1:hover{color:#54a134}.project-page-cover.project-cover .cover-footer .static-tools.bottom .project-name-editor .edit-pen{background-image:url(https://img.icons8.com/material-rounded/24/FFFFFF/edit--v1.png);background-repeat:no-repeat;background-size:contain;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:20px;opacity:0;transition:all .2s;width:20px}.project-page-cover.project-cover .cover-footer .static-tools.bottom .project-name-editor .edit-pen:hover{transform:scale(1.1)}.project-page-cover.project-cover .cover-footer .static-tools.bottom .project-name-editor:hover .edit-pen{opacity:.6}.project-page-cover.project-cover .cover-footer .static-tools.bottom .link-pin-container{align-items:center;display:flex;gap:12px;margin-top:8px}.project-page-cover.project-cover .cover-footer .static-tools.bottom .link-pin-container .link-pin{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;padding:4px 14px;transition:all .2s}.project-page-cover.project-cover .cover-footer .static-tools.bottom .link-pin-container .link-pin:hover{background:#ffffff1f;border-color:#fff3}.project-page-cover.project-cover .cover-footer .static-tools.bottom .link-pin-container .link-pin .linkToGallery{color:#ffffffb3;font-family:monospace;font-size:.9rem;text-decoration:none}.project-page-cover.project-cover .cover-footer .static-tools.bottom .link-pin-container .link-pin .copy.icon{cursor:pointer;margin-left:10px;opacity:.5}.project-page-cover.project-cover .cover-footer .static-tools.bottom .link-pin-container .link-pin .copy.icon:hover{opacity:1}.project-page-cover.project-cover .cover-footer .static-tools.bottom .link-pin-container .project-pin{background:#54a1341a;border:1px solid #54a13433;border-radius:6px;color:#54a134;font-size:.85rem;font-weight:600;padding:4px 10px}.project-page-cover.project-cover .cover-footer .static-tools.bottom .action-buttons{align-items:center;display:flex;gap:20px}.project-bashboard-toolbar{display:flex;justify-content:flex-end;margin-bottom:8px;width:100%}.project-bashboard-toolbar .view-cta{align-items:center;background:#0009;border:1px solid #ffffff1a;border-radius:12px;box-shadow:inset 0 2px 4px #0006;padding:4px;position:relative;width:80px}.project-bashboard-toolbar .view-cta .controls{display:flex;gap:4px}.project-bashboard-toolbar .view-cta .controls .control{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.project-bashboard-toolbar .view-cta .controls .control .icon{filter:brightness(0) invert(1);height:20px;opacity:.4;transition:opacity .2s;width:20px}.project-bashboard-toolbar .view-cta .controls .control:hover{background:#ffffff0d}.project-bashboard-toolbar .view-cta .controls .control:hover .icon{opacity:.7}.project-bashboard-toolbar .view-cta .controls .control.active{background:#ffffff26;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.project-bashboard-toolbar .view-cta .controls .control.active .icon{opacity:1}.App .qr-code-modal .modal-body{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0!important;padding:1rem 2rem;width:520px}.App .qr-code-modal .qr-code-container{background:#fff;border-radius:4px;margin-bottom:8px;padding:16px}.App .qr-code-modal .qr-code-label{color:#8e8e93;font-size:1.1rem;margin:16px 0}.App .qr-code-modal .qr-code-brand{color:#636366;font-size:1rem;font-weight:500;margin-bottom:16px;margin-top:-8px}.App .qr-code-modal .qr-code-name{color:#d1d1d6;font-size:1.5rem;font-weight:600}.App .qr-code-modal .qr-code-type{color:#8e8e93;font-size:.9rem;font-weight:500;margin-bottom:16px;margin-top:0}@media only screen and (max-width:520px){.App .qr-code-modal .modal-body{padding:1rem;width:100%}}.pin-reminder .pin-modal{max-width:400px;width:90%}.pin-reminder .pin-modal .pin-display-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 32px;padding:16px 8px;text-align:center}.pin-reminder .pin-modal .pin-display-container .pin-instruction{color:#d1d1d6;font-size:.95rem;margin:0;opacity:.8}.pin-reminder .pin-modal .pin-display-container .pin-value-animated{display:flex;gap:12px;justify-content:center;margin:10px 0}.pin-reminder .pin-modal .pin-display-container .pin-value-animated span{animation:pinPop .5s cubic-bezier(.175,.885,.32,1.275) both;color:#54a134;display:inline-block;font-size:3.5rem;font-weight:700;text-shadow:0 0 20px #54a1344d}.pin-reminder .pin-modal .pin-display-container .progress-container{background:#ffffff1a;border-radius:2px;height:4px;margin-top:10px;overflow:hidden;width:100%}.pin-reminder .pin-modal .pin-display-container .progress-container .progress-bar{background:#54a134;height:100%;transition:width 1s linear}.pin-reminder .pin-modal .pin-display-container .auto-close-label{color:#8e8e93;font-size:.85rem;margin:0}@keyframes pinPop{0%{opacity:0;transform:translateY(20px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-container.closingModal .pin-modal{animation:modalOut .3s ease forwards}@keyframes modalOut{to{opacity:0;transform:scale(.9)}}.App .share-gallery .modal .form-section{margin:16px 96px}.App .share-gallery .galleries-share-list-selection{grid-column-gap:16px;column-gap:16px;display:grid}.App .share-gallery .galleries-share-list-selection input{height:24px;transform:scale(1.5)}.App .share-gallery .galleries-share-list-selection .label{margin-left:16px}.App .share-gallery .galleries-share-list-selection .selection{justify-content:start}.App .share-gallery .galleries-share-list-selection .selection label{color:#535353;font-size:.9;margin-right:8px}.App .share-gallery .galleries-share-list-selection .selection input{transform:scale(1.2)}.App .share-gallery .gallery-field{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:192px 224px 8px}.App .share-gallery .gallery-field.selection-radio{display:flex;justify-content:center}.App .share-gallery .gallery-field.count-view{display:flex;font-size:.8rem;justify-content:center}.App .share-gallery .gallery-field.count-view .input{color:#636366}.App .share-gallery .form-item{align-items:center;display:flex;margin-left:0;margin-top:4px}.App .share-gallery .form-item input{margin:4px}.App .share-gallery .form-item label{color:#f2f2f7;font-size:1.2rem}.App .share-gallery .form-item p{color:#8e8e93;font-size:.7rem}.App .share-gallery .MuiFormControlLabel-label{align-items:center;display:flex}.App .share-gallery .MuiFormControlLabel-label .gallery-name{max-width:192px;overflow:hidden;white-space:nowrap}.App .share-gallery .MuiFormControlLabel-label .gallery-name.hide{color:#48484a;text-decoration:line-through;text-decoration-color:#636366}.App .share-gallery .MuiFormControlLabel-label .gallery-images-count{color:#636366;font-size:.8rem;height:1.2rem;margin-left:16px;width:96px}.App .share-gallery .gallery-details{grid-gap:8px;align-content:center;align-items:center;display:grid;gap:8px;justify-content:space-between}.App .share-gallery .gallery-details .project-name{color:#d1d1d6;font-size:1.2rem;margin:0}.App .share-gallery .gallery-details .project-type{color:#8e8e93;font-size:.9rem;margin:0}.App .share-gallery .gallery-view-status{grid-gap:8px;align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff26;border-radius:14px;box-shadow:0 4px 12px #0000001a,inset 0 1px 1px #ffffff1a;display:grid;gap:8px;grid-template-columns:auto auto 96px 32px;margin-top:8px;overflow:hidden;padding:10px 16px;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.App .share-gallery .gallery-view-status:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.App .share-gallery .gallery-view-status .button.icon{border-radius:16px;font-size:1rem;padding:4px 8px}.App .share-gallery .gallery-view-status .button.icon.secondary{font-size:.9rem}.App .share-gallery .gallery-view-status .button.icon.secondary.transparent-button{color:#8e8e93;font-weight:400}.App .share-gallery .gallery-view-status .button.icon.copy{margin-left:-12px;margin-right:4px;opacity:.2;padding:4px 2px;transition-delay:0s;transition-duration:.1s;transition-timing-function:ease-in}.App .share-gallery .gallery-view-status .button.icon.copy:hover{opacity:1}.App .share-gallery .gallery-view-status .button.icon.copy:before{background-size:80%}.App .share-gallery .gallery-view-status .primary{font-size:.9rem;padding:4px 6px}.App .share-gallery .gallery-view-status .link-group{align-items:center;display:flex;gap:8px}.App .share-gallery .gallery-view-status .link-group .link{color:#336c1b;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition-duration:.1s}.App .share-gallery .gallery-view-status .link-group .link:hover{color:#428924;text-decoration-color:#428924}.App .share-gallery .gallery-view-status .link-group .link:before{text-decoration-color:#0000}.App .share-gallery .gallery-view-status .client-label{color:#3a3a3c;text-align:end}.App .share-gallery .gallery-view-status .pin{border:1px solid #ffffff80}.App .share-gallery .gallery-view-status:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff14);border-color:#ffffff4d;box-shadow:0 8px 24px #0003,inset 0 1px 1px #fff3}.App .share-gallery .gallery-view-status:hover .link-group .link{color:#54a134;text-decoration:underline;text-decoration-color:#336c1b}.App .share-gallery .gallery-view-status:hover .link-group .link:before{text-decoration:none}.App .share-gallery .gallery-view-status:hover .link-group .copy{opacity:.7;transition-delay:.1s;transition-duration:.3s}.App .share-gallery .selection-toggle{align-items:center;display:flex;justify-content:center;min-width:48px}.App .share-gallery .selection-toggle .spinner-container{align-items:center;display:flex;height:16px;justify-content:center;margin:8px;width:32px}.App .share-gallery .selection-toggle .spinner{animation:spin .8s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.App .share-gallery .selection-toggle .toggle-status-label{color:#636366;font-size:.8rem;margin-right:8px;transition-delay:0s;transition-duration:.2s}.App .share-gallery .selection-toggle .toggle-status-label.toggle-off{color:#8e8e93;transition-delay:0s;transition-duration:.2s}.App .share-gallery .selection-toggle .css-19opgx6-MuiFormControlLabel-root{margin-right:0!important}.App .share-gallery .qr-code-preview{height:100%;position:relative;transition-duration:.1s;width:112px}.App .share-gallery .qr-code-preview:hover{transform:scale(1.1);transition-duration:.1s}.App .share-gallery .qr-code-preview .qr-code-container{background:#ffffffe6;border-radius:4px;height:96px;left:16px;padding:8px;position:absolute;top:-8px}.App .share-gallery .qr-code-preview .qr-code-container canvas{height:100%;width:40px}.App .share-gallery .select-galleries{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 8px 32px #0003,inset 0 1px 1px #ffffff0d;display:flex;flex-direction:column;margin-bottom:24px;margin-top:24px;overflow:hidden;position:relative}.App .share-gallery .select-galleries:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.App .share-gallery .select-galleries .selection-icon{background:rgba(101,144,187,.259) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="rgba%28255, 255, 255, 0.3%29"><path d="M1 7 L5 11 L13 1" stroke-width="3" stroke="gray" fill="transparent"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:50%;border-radius:50%;height:16px;margin-right:8px;opacity:.8;transition-delay:.1s;transition-duration:.2s;width:16px}.App .share-gallery .select-galleries .selection-icon.active{background:#0c84ff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="rgba%28255, 255, 255, 0%29"><path d="M1 7 L5 11 L13 1" stroke-width="3" stroke="white" fill="transparent"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:50%;transition-delay:.2s;transition-duration:.2s}.App .share-gallery .select-galleries .selection-icon.updating{animation:spin .8s linear infinite;background-image:none;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;transition:none}.App .share-gallery .select-galleries input{height:auto}.App .share-gallery .select-galleries .selection-status{align-items:center;display:flex;gap:8px}.App .share-gallery .select-galleries .selection-status .button.icon{background-color:#151515;border-radius:4px;color:#8e8e93;font-size:.9rem;padding:4px 8px}.App .share-gallery .select-galleries .selection-status.hide .selection-icon{background:hsla(240,2%,92%,.133) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="rgba%28255, 255, 255, 0%29"><path d="M1 7 L5 11 L13 1" stroke-width="2" stroke="white" fill="transparent"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:50%;opacity:.5}.App .share-gallery .select-galleries .gallery-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 16px;position:relative;transition:all .3s ease}.App .share-gallery .select-galleries .gallery-item:last-child{border-bottom:none}.App .share-gallery .select-galleries .gallery-item:hover{background:#ffffff0d}.App .share-gallery .select-galleries .gallery-item.updating{opacity:.8;pointer-events:none}.App .share-gallery .select-galleries .gallery-item.disabled{background:#ffffff03}.App .share-gallery .select-galleries .gallery-item.disabled .gallery-name{color:#ffffff4d!important}.App .share-gallery .select-galleries .gallery-item.disabled .gallery-images-count{color:#fff3!important}.App .share-gallery .select-galleries .gallery-item.disabled:hover{background:#0000}.App .share-gallery .select-galleries .gallery-info{align-items:center;cursor:pointer;display:flex;gap:12px}.App .share-gallery .select-galleries .gallery-info:hover .status-dot{transform:scale(1.2)}.App .share-gallery .select-galleries .status-dot{background-color:#555;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.App .share-gallery .select-galleries .status-dot.active{background-color:#54a134;box-shadow:0 0 8px #54a13466}.App .share-gallery .select-galleries .gallery-name{color:#fff;font-size:.95rem;font-weight:400}.App .share-gallery .select-galleries .gallery-images-count{color:#fff6;font-size:.75rem}.App .share-gallery .share-project-details{display:flex;gap:16px;height:96px}.App .share-gallery .share-project-details .project-cover{border:2px solid #48484a;border-radius:12px;height:100%;overflow:hidden}.App .share-gallery .share-project-details .project-cover img{height:100%}.App .share-gallery .client-label{color:#48484a;font-size:.8rem;margin-top:0}.App .share-gallery .client-notification{margin-top:24px}.App .link-pin{grid-gap:0;align-items:center;display:grid;font-size:1rem;gap:0;grid-template-columns:auto 32px;justify-content:start;margin-bottom:0;padding:4px 4px 4px 0}.App .link-pin .pin{border:1px solid #545456;border-radius:4px;line-height:1rem;padding:8px 12px}.App .link-pin .access{border:1px solid #242426;border-radius:4px;opacity:.6;padding:4px 8px}.App .link-pin{padding:0;white-space:nowrap}.App .link-pin .link{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(240,2%,92%,.039);border:1px solid #3a3a3c;border-radius:4px;color:#54a134;display:flex;height:28px;justify-content:space-between;padding:0 6px 0 8px}.App .link-pin .link:hover{background-color:rgba(0,0,0,.239);border:1px solid #48484a}.App .link-pin .link:hover .copy-link{opacity:1}.App .link-pin .link .copy-link{border:1px solid #535353;border-radius:4px;color:#6c6c70!important;cursor:pointer;opacity:.5;padding:2px 8px}.App .link-pin .linkToGallery{color:#7c7c80;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline;text-decoration-color:#0000;transition-duration:.1s}.App .link-pin .open-in-new{background-color:#f000!important;border:none;box-shadow:none;margin:0 0 0 8px;opacity:.4;padding:0;text-decoration-color:#fff0!important;transform:scale(1) translateX(0) translateY(px);transition-delay:.1s;transition-duration:.1s}.App .link-pin:hover{transform:scale(1)}.App .link-pin:hover .open-in-new{opacity:1;transform:scale(1.025) translateX(1px) translateY(-1px);transition-duration:.2s}.App .link-pin:hover .linkToGallery{color:#54a134;text-decoration-color:#54a134}.App .action-buttons{align-items:center;display:flex;gap:8px;justify-content:flex-start}@media only screen and (max-width:520px){.App .share-gallery .selection-toggle .toggle-status-label{display:none}.App .share-gallery .select-galleries .gallery-item{width:calc(100vw - 48px)}}.heading{border-bottom:1px solid #2b2b2b;color:#aeaeae;font-size:1.4rem;margin:0 0 16px;padding-bottom:8px}.side-panel{opacity:.2}.side-panel .project-expiration{color:#535353;margin-bottom:64px}.side-panel .heading{margin-left:4px;margin-top:4px}.side-panel .timeline{align-items:start;background-color:#171717;border:1px solid #2b2b2b;border-radius:4px;display:grid;grid-template-columns:2px auto;height:432px;margin-bottom:0;margin-top:0;overflow:scroll;padding:8px!important;width:320px}.side-panel .timeline .events{border-radius:4px;display:flex;flex-direction:column-reverse;gap:8px}.side-panel .timeline .events .timeline-event{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:24px auto;z-index:35}.side-panel .timeline .events .timeline-event.draft .status .signal{animation:steady 1.5s infinite;background-color:#ffd60a;box-shadow:0 1px 1px 1px #ffbf002e,0 0 10px 5px #ffcc0038,0 0 4px 2px rgba(255,221,0,.165),0 0 20px 10px #ffbf000d!important;transform:scale(1.1)}.side-panel .timeline .events .timeline-event.completed .status .signal{animation:pulsing 1.5s ease-in-out infinite;background-color:#66b346;box-shadow:0 1px 1px 1px #32cd322e,0 0 10px 5px #38cc0038,0 0 4px 2px #34dd002e,0 0 20px 10px #80ff000d!important;transform:scale(1.1)}.side-panel .timeline .events .timeline-event.pending .status .signal{animation:pulsing 1.5s ease-in-out infinite;animation-delay:.1s;background-color:#ffb340;box-shadow:0 1px 1px 1px #d966002e,0 0 10px 5px #a7640038,0 0 4px 2px rgba(180,111,6,.416),0 0 20px 10px #ff80000d!important;transform:scale(1.1)}.side-panel .timeline .events .timeline-event.in-progress .status .signal{animation:blinking 1.5s ease-in-out infinite;background-color:#66b346;box-shadow:0 1px 1px 1px #0080002e,0 0 10px 5px #00a00038,0 0 4px 2px rgba(0,176,0,.416),0 0 20px 10px #00ff000d!important;transform:scale(1.1)}.side-panel .timeline .events .timeline-event.upcomming{opacity:.5}.side-panel .timeline .events .timeline-event.upcomming .status .signal{animation:steady 1.5s infinite;background-color:rgba(65,149,177,.984);box-shadow:0 1px 1px 1px rgba(0,191,255,.051),0 0 10px 5px rgba(0,204,255,.086),0 0 4px 2px rgba(0,221,255,.157),0 0 20px 10px #00ffff0d!important;transform:scale(1.1)}.side-panel .timeline .events .timeline-event.upcomming .body{border:1px solid #2b2b2b}.side-panel .timeline .events .timeline-event .date{display:grid;font-size:.6rem;justify-content:center;margin-left:-6px;margin-top:4px}.side-panel .timeline .events .timeline-event .date .month{color:#aeaeae;font-size:.5rem;font-weight:800}.side-panel .timeline .events .timeline-event .date .day{font-size:1rem;margin-top:-4px}.side-panel .timeline .events .timeline-event .date .year{color:#535353;font-size:.5rem;margin-top:-4px}.side-panel .timeline .events .timeline-event .status{align-items:center;display:grid;justify-items:center;margin-left:-8px;z-index:35}.side-panel .timeline .events .timeline-event .status .signal{border-radius:70%;height:4px;margin-left:4px;width:4px}.side-panel .timeline .events .timeline-event .body{background-color:#0d0d0d;border:1px solid #535353;border-radius:4px;display:grid;grid-template-columns:24px auto;padding:6px 8px}.side-panel .timeline .events .timeline-event .title{color:#fff;font-size:.9rem;font-weight:400}.side-panel .timeline .events .timeline-event .description{color:#535353;font-size:.7rem;line-height:.7rem;margin-top:2px;max-height:40px;overflow:hidden}.side-panel .timeline .guide-line{align-items:stretch;background-color:hsla(0,0%,100%,.575);display:grid;height:calc(100% - 56px);transform:translateX(9.6px) translateY(24px);width:1px;z-index:30}.side-panel .client{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:80px auto}.side-panel .client .client-image .profile-picture{background-image:url(https://img.icons8.com/?size=100&id=11730&format=png&color=FFFFFF);background-position:50%;background-size:70%;height:80px;width:80px}.side-panel .client-details .client-field{align-items:center;color:#535353;display:flex;font-size:.8rem;gap:8px}.side-panel .client-details .client-field .highlight{color:#fff;font-weight:600}.side-panel .client-details .client-field.client-name{margin-bottom:8px}.side-panel .client-details .client-field.client-email p,.side-panel .client-details .client-field.client-phone p{color:#8e8e93}.side-panel .client-details .client-field.client-location p{color:#535353}@media only screen and (max-width:1230px){.side-panel{margin-top:0;padding-right:8px}.side-panel .timeline .events .timeline-event{grid-template-columns:1fr}.side-panel .timeline .events .timeline-event .body{padding:4px}.side-panel .timeline .events .timeline-event .date{display:flex;font-size:.6rem;gap:4px;justify-content:center}.side-panel .timeline .events .timeline-event .date .day,.side-panel .timeline .events .timeline-event .date .month,.side-panel .timeline .events .timeline-event .date .year{font-size:.5rem;line-height:.5rem;margin-top:0}}@media only screen and (max-width:1080px){.side-panel{margin-left:20px;margin-top:0;width:240px}}@media only screen and (max-width:768px){.side-panel{margin-left:20px;margin-top:40px;width:calc(100% - 40px)}}.archive-banner{align-items:center;background:linear-gradient(135deg,#2b2b2bf2,#171717e6);border-bottom:1px solid #ff9f0a26;display:flex;justify-content:center;min-height:140px;overflow:hidden;position:relative;width:100%;z-index:10}.archive-banner:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");height:100%;left:0;opacity:.03;top:0;width:100%}.archive-banner:after,.archive-banner:before{content:"";pointer-events:none;position:absolute}.archive-banner:after{background:radial-gradient(circle,#ff9f0a0d 0,#0000 70%);height:200%;left:-10%;top:-50%;transform:rotate(-15deg);width:40%}.archive-banner.expired-banner{background:linear-gradient(135deg,#2b2b2bfa,#171717f2);border-bottom:1px solid #ff9f0a40;min-height:256px}.archive-banner.expired-banner:after{animation:pulse-glow 4s ease-in-out infinite;background:radial-gradient(circle,#ff9f0a14 0,#0000 70%)}.archive-banner.expired-banner .status-badge{animation:pulse-border 2s ease-in-out infinite;background:#ff9f0a26;border:1px solid #ff9f0a66;box-shadow:0 0 20px #ff9f0a26;color:#ff9f0a}.archive-banner.expired-banner .banner-actions .button.secondary{background:#0000;border:1px solid #ff9f0a66;color:#fff}.archive-banner.expired-banner .banner-actions .button.secondary:hover{background:#ff9f0a1a;border-color:#ff9f0a}@keyframes pulse-glow{0%,to{opacity:.5;transform:rotate(-15deg) scale(1)}50%{opacity:1;transform:rotate(-15deg) scale(1.1)}}@keyframes pulse-border{0%,to{border-color:#ff9f0a66;box-shadow:0 0 10px #ff9f0a1a}50%{border-color:#ff9f0acc;box-shadow:0 0 20px #ff9f0a4d}}.archive-banner .banner-content{align-items:center;display:flex;gap:32px;max-width:1100px;padding:24px 32px;position:relative;width:100%;z-index:2}.archive-banner .banner-content .status-badge{background:#ff9f0a1a;border:1px solid #ff9f0a4d;border-radius:100px;box-shadow:0 0 15px #ff9f0a1a;color:#ff9f0a;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.archive-banner .banner-content .banner-info{flex:1 1}.archive-banner .banner-content .banner-info h3{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 6px}.archive-banner .banner-content .banner-info p{color:#8e8e93;font-size:14px;line-height:1.6;margin:0;max-width:600px}.archive-banner .banner-content .banner-info p strong{color:#c7c7cc;font-weight:600}.archive-banner .banner-content .banner-actions{align-items:center;display:flex;gap:16px}.archive-banner .banner-content .banner-actions .button.primary{background:#ff9f0a;border:none;border-radius:6px;box-shadow:0 4px 14px #ff9f0a33;color:#0b0b0b;font-weight:700;padding:10px 24px}.archive-banner .banner-content .banner-actions .button.primary:hover{background:#ffb33d;box-shadow:0 6px 20px #ff9f0a4d;transform:translateY(-2px)}.archive-banner .banner-content .banner-actions .button.primary:active{transform:translateY(0)}@media(max-width:900px){.archive-banner .banner-content{flex-direction:column;gap:16px;padding:32px 16px;text-align:center}.archive-banner .banner-content .banner-info p{max-width:100%}.archive-banner .banner-content .banner-actions,.archive-banner .banner-content .banner-actions .button{width:100%}}.projects-header,.teams-header{display:grid;grid-template-columns:1fr auto;justify-content:space-between;padding:12px}.projects-header .page-title,.teams-header .page-title{align-items:center;display:flex;gap:8px}.projects-header .page-title .icon.projects-ill,.teams-header .page-title .icon.projects-ill{background-image:url(/static/media/project-ill.ea8ea1cd14c22142e72c.jpg);background-position:50%;background-size:100%;height:64px;mix-blend-mode:lighten;width:64px}.projects-header .page-title h1,.teams-header .page-title h1{animation:fadeInLeft .5s ease-out 0s;animation-fill-mode:forwards;animation-timing-function:ease-out}.projects-header .actions,.teams-header .actions{animation:fadeInLeft .4s ease-out .2s;animation-fill-mode:forwards;animation-timing-function:ease-out;display:flex;justify-content:flex-end;opacity:0}.view-control{display:flex;font-size:.9rem;height:40px;justify-content:space-between;margin:8px 12px 0}.view-control .control-wrap{position:relative}.view-control .control-wrap.view-type-controls .label{left:-6px;text-align:right}.view-control .control-wrap .label{animation:fadeInLeft .5s ease-out .04s;animation-fill-mode:forwards;animation-timing-function:ease-out;color:#48484a;font-size:.8rem;left:4px;opacity:0;position:absolute;top:-20px;width:100%}.view-control .control-label{color:#48484a;padding:8px}.view-control .control-label.label-all-photos,.view-control .control-label.label-selected-photos{color:#636366}.view-control .controls{animation:fadeInLeft .5s ease-out .05s;animation-fill-mode:forwards;animation-timing-function:ease-out;background:linear-gradient(120deg,#2b2b2b -80%,#171717 20%,#171717 60%,#0d0d0d);border:1px solid #242426;border-radius:16px;border-top-color:#363638;box-shadow:2px 2px 4px #000c;display:flex;opacity:0;padding-right:4px;transition-duration:.15s}.view-control .controls:hover{transition-duration:.1s}.view-control .controls .control{border:1px solid #ffffff05;border-radius:8px;color:#7c7c80;cursor:pointer;font-size:.8rem;font-weight:400;gap:4px;line-height:1.1rem;padding:4px 11.2px;transform:scale(1);transition-duration:.1s;transition-timing-function:ease-out;white-space:nowrap}.view-control .controls .control:hover{background-color:#171717;color:#aeaeae;transition-duration:.1s}.view-control .controls .control:hover:last-child{border-radius:8px}.view-control .controls .control.active{background-color:#0b0b0b;border-bottom:1px solid #363638;border-left:1px solid #363638;border-top:1px solid #363638;border-color:#545456 #363638 #363638 #545456;border-radius:16px!important;border-style:solid;border-width:1px;box-shadow:1px 1px 2px #000c;color:#e5e5e5;transform:scale(1.1);transition-duration:.05s;transition-timing-function:ease-in;z-index:10}.view-control .controls .control.active .status-signal{opacity:1}.view-control .controls .control.active:hover{transition-duration:.1s}.view-control .controls .control.active .icon{background-size:120%;opacity:1}.view-control .controls .control.disabled{opacity:.2}.view-control .controls .control:hover .icon.card-view{background-size:110%}.view-control .controls .control:hover .icon.list-view{background-size:150%}.view-control .controls .control .icon{background-position:50%;background-size:100%;height:12.8px;opacity:.5;width:12.8px}.view-control .controls .control .icon.card-view{background-image:url(https://img.icons8.com/sf-black-filled/64/FFFFFF/four-squares.png)}.view-control .controls .control .icon.redefined-view{background-image:url(https://img.icons8.com/?size=100&id=JiA06eYfmkye&format=png&color=FFFFFF)}.view-control .controls .control .icon.list-view{background-image:url(https://img.icons8.com/?size=100&id=BjLaPJ1cFKRo&format=png&color=FFFFFF);background-size:140%}.view-control .controls .control.status-control{align-items:center;display:flex;gap:8px;padding-left:9.6px}.view-control .controls .control .status-signal{border-radius:50%;height:5px;opacity:.6;transform:scale(1);transition-duration:.2s;width:5px}.view-control .controls .control.control-live .status-signal{background-color:#66b346;box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 1px rgba(0,255,0,.129),0 0 20px 10px rgba(0,255,0,.055)}.view-control .controls .control.control-archive .status-signal{background-color:#636366;box-shadow:0 1px 1px 1px rgba(26,26,26,.639),0 0 10px 5px hsla(0,0%,45%,.141),0 0 20px 10px #8a8a8a05}.view-control .filter-controls{display:flex;gap:24px}.separator.horizontal{background-color:#1c1c1e;height:1px;margin:0;width:100%}.projects .section-heading{animation:fadeInUp .5s ease-out forwards;animation-delay:.5s;border-bottom:2px solid #1c1c1e;color:#c7c7cc;display:inline-block;font-weight:400;margin-bottom:8px;margin-left:8px;margin-top:16px;opacity:0;padding:0 16px 8px 0;transition-duration:.2s;width:auto}.projects .view-control{align-items:flex-end;display:flex;margin-bottom:16px;margin-top:16px}.projects .month-group{margin-bottom:0;margin-top:0}.projects .month-group .month-name{animation:fadeInUp .5s ease-out forwards;animation-delay:calc(.35s + .25s*(var(--group-index) - 1));color:#48484a;font-size:1rem;font-weight:400;margin-bottom:4px;opacity:0;padding:8px 24px}.projects .month-group .projects-list{color:#8e8e93;font-weight:400;padding:8px 16px}.projects .month-group .projects-list .project:first-child{animation:fadeInUp .5s ease-out calc(.45s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(2){animation:fadeInUp .5s ease-out calc(.465s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(3){animation:fadeInUp .5s ease-out calc(.48s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(4){animation:fadeInUp .5s ease-out calc(.495s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(5){animation:fadeInUp .5s ease-out calc(.51s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(6){animation:fadeInUp .5s ease-out calc(.525s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(7){animation:fadeInUp .5s ease-out calc(.54s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(8){animation:fadeInUp .5s ease-out calc(.555s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(9){animation:fadeInUp .5s ease-out calc(.57s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(10){animation:fadeInUp .5s ease-out calc(.585s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(11){animation:fadeInUp .5s ease-out calc(.6s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(12){animation:fadeInUp .5s ease-out calc(.615s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(13){animation:fadeInUp .5s ease-out calc(.63s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(14){animation:fadeInUp .5s ease-out calc(.645s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(15){animation:fadeInUp .5s ease-out calc(.66s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(16){animation:fadeInUp .5s ease-out calc(.675s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(17){animation:fadeInUp .5s ease-out calc(.69s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(18){animation:fadeInUp .5s ease-out calc(.705s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(19){animation:fadeInUp .5s ease-out calc(.72s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(20){animation:fadeInUp .5s ease-out calc(.735s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(21){animation:fadeInUp .5s ease-out calc(.75s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(22){animation:fadeInUp .5s ease-out calc(.765s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(23){animation:fadeInUp .5s ease-out calc(.78s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(24){animation:fadeInUp .5s ease-out calc(.795s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(25){animation:fadeInUp .5s ease-out calc(.81s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(26){animation:fadeInUp .5s ease-out calc(.825s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(27){animation:fadeInUp .5s ease-out calc(.84s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(28){animation:fadeInUp .5s ease-out calc(.855s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(29){animation:fadeInUp .5s ease-out calc(.87s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(30){animation:fadeInUp .5s ease-out calc(.885s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(31){animation:fadeInUp .5s ease-out calc(.9s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(32){animation:fadeInUp .5s ease-out calc(.915s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(33){animation:fadeInUp .5s ease-out calc(.93s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(34){animation:fadeInUp .5s ease-out calc(.945s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(35){animation:fadeInUp .5s ease-out calc(.96s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(36){animation:fadeInUp .5s ease-out calc(.975s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(37){animation:fadeInUp .5s ease-out calc(.99s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(38){animation:fadeInUp .5s ease-out calc(1.005s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(39){animation:fadeInUp .5s ease-out calc(1.02s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(40){animation:fadeInUp .5s ease-out calc(1.035s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(41){animation:fadeInUp .5s ease-out calc(1.05s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(42){animation:fadeInUp .5s ease-out calc(1.065s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(43){animation:fadeInUp .5s ease-out calc(1.08s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(44){animation:fadeInUp .5s ease-out calc(1.095s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(45){animation:fadeInUp .5s ease-out calc(1.11s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(46){animation:fadeInUp .5s ease-out calc(1.125s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(47){animation:fadeInUp .5s ease-out calc(1.14s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(48){animation:fadeInUp .5s ease-out calc(1.155s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(49){animation:fadeInUp .5s ease-out calc(1.17s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(50){animation:fadeInUp .5s ease-out calc(1.185s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(51){animation:fadeInUp .5s ease-out calc(1.2s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(52){animation:fadeInUp .5s ease-out calc(1.215s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(53){animation:fadeInUp .5s ease-out calc(1.23s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(54){animation:fadeInUp .5s ease-out calc(1.245s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(55){animation:fadeInUp .5s ease-out calc(1.26s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(56){animation:fadeInUp .5s ease-out calc(1.275s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(57){animation:fadeInUp .5s ease-out calc(1.29s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(58){animation:fadeInUp .5s ease-out calc(1.305s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(59){animation:fadeInUp .5s ease-out calc(1.32s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(60){animation:fadeInUp .5s ease-out calc(1.335s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(61){animation:fadeInUp .5s ease-out calc(1.35s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(62){animation:fadeInUp .5s ease-out calc(1.365s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(63){animation:fadeInUp .5s ease-out calc(1.38s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(64){animation:fadeInUp .5s ease-out calc(1.395s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(65){animation:fadeInUp .5s ease-out calc(1.41s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(66){animation:fadeInUp .5s ease-out calc(1.425s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(67){animation:fadeInUp .5s ease-out calc(1.44s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(68){animation:fadeInUp .5s ease-out calc(1.455s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(69){animation:fadeInUp .5s ease-out calc(1.47s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(70){animation:fadeInUp .5s ease-out calc(1.485s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(71){animation:fadeInUp .5s ease-out calc(1.5s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(72){animation:fadeInUp .5s ease-out calc(1.515s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(73){animation:fadeInUp .5s ease-out calc(1.53s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(74){animation:fadeInUp .5s ease-out calc(1.545s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(75){animation:fadeInUp .5s ease-out calc(1.56s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(76){animation:fadeInUp .5s ease-out calc(1.575s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(77){animation:fadeInUp .5s ease-out calc(1.59s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(78){animation:fadeInUp .5s ease-out calc(1.605s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(79){animation:fadeInUp .5s ease-out calc(1.62s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(80){animation:fadeInUp .5s ease-out calc(1.635s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(81){animation:fadeInUp .5s ease-out calc(1.65s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(82){animation:fadeInUp .5s ease-out calc(1.665s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(83){animation:fadeInUp .5s ease-out calc(1.68s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(84){animation:fadeInUp .5s ease-out calc(1.695s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(85){animation:fadeInUp .5s ease-out calc(1.71s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(86){animation:fadeInUp .5s ease-out calc(1.725s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(87){animation:fadeInUp .5s ease-out calc(1.74s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(88){animation:fadeInUp .5s ease-out calc(1.755s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(89){animation:fadeInUp .5s ease-out calc(1.77s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(90){animation:fadeInUp .5s ease-out calc(1.785s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(91){animation:fadeInUp .5s ease-out calc(1.8s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(92){animation:fadeInUp .5s ease-out calc(1.815s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(93){animation:fadeInUp .5s ease-out calc(1.83s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(94){animation:fadeInUp .5s ease-out calc(1.845s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(95){animation:fadeInUp .5s ease-out calc(1.86s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(96){animation:fadeInUp .5s ease-out calc(1.875s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(97){animation:fadeInUp .5s ease-out calc(1.89s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(98){animation:fadeInUp .5s ease-out calc(1.905s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(99){animation:fadeInUp .5s ease-out calc(1.92s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list .project:nth-child(100){animation:fadeInUp .5s ease-out calc(1.935s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.projects .month-group .projects-list.list{gap:16px;max-width:480px}.projects .month-group .projects-list.list .project .project-cover{min-height:80px}.projects .month-group.loaded-more .month-name{animation-delay:.1s}.projects .month-group.loaded-more .projects-list .project:first-child{animation:fadeInUp .5s ease-out .3s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(2){animation:fadeInUp .5s ease-out .34s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(3){animation:fadeInUp .5s ease-out .38s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(4){animation:fadeInUp .5s ease-out .42s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(5){animation:fadeInUp .5s ease-out .46s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(6){animation:fadeInUp .5s ease-out .5s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(7){animation:fadeInUp .5s ease-out .54s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(8){animation:fadeInUp .5s ease-out .58s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(9){animation:fadeInUp .5s ease-out .62s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(10){animation:fadeInUp .5s ease-out .66s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(11){animation:fadeInUp .5s ease-out .7s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(12){animation:fadeInUp .5s ease-out .74s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(13){animation:fadeInUp .5s ease-out .78s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(14){animation:fadeInUp .5s ease-out .82s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(15){animation:fadeInUp .5s ease-out .86s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(16){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(17){animation:fadeInUp .5s ease-out .94s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(18){animation:fadeInUp .5s ease-out .98s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(19){animation:fadeInUp .5s ease-out 1.02s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(20){animation:fadeInUp .5s ease-out 1.06s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(21){animation:fadeInUp .5s ease-out 1.1s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(22){animation:fadeInUp .5s ease-out 1.14s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(23){animation:fadeInUp .5s ease-out 1.18s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(24){animation:fadeInUp .5s ease-out 1.22s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(25){animation:fadeInUp .5s ease-out 1.26s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(26){animation:fadeInUp .5s ease-out 1.3s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(27){animation:fadeInUp .5s ease-out 1.34s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(28){animation:fadeInUp .5s ease-out 1.38s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(29){animation:fadeInUp .5s ease-out 1.42s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(30){animation:fadeInUp .5s ease-out 1.46s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(31){animation:fadeInUp .5s ease-out 1.5s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(32){animation:fadeInUp .5s ease-out 1.54s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(33){animation:fadeInUp .5s ease-out 1.58s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(34){animation:fadeInUp .5s ease-out 1.62s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(35){animation:fadeInUp .5s ease-out 1.66s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(36){animation:fadeInUp .5s ease-out 1.7s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(37){animation:fadeInUp .5s ease-out 1.74s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(38){animation:fadeInUp .5s ease-out 1.78s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(39){animation:fadeInUp .5s ease-out 1.82s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(40){animation:fadeInUp .5s ease-out 1.86s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(41){animation:fadeInUp .5s ease-out 1.9s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(42){animation:fadeInUp .5s ease-out 1.94s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(43){animation:fadeInUp .5s ease-out 1.98s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(44){animation:fadeInUp .5s ease-out 2.02s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(45){animation:fadeInUp .5s ease-out 2.06s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(46){animation:fadeInUp .5s ease-out 2.1s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(47){animation:fadeInUp .5s ease-out 2.14s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(48){animation:fadeInUp .5s ease-out 2.18s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(49){animation:fadeInUp .5s ease-out 2.22s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(50){animation:fadeInUp .5s ease-out 2.26s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(51){animation:fadeInUp .5s ease-out 2.3s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(52){animation:fadeInUp .5s ease-out 2.34s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(53){animation:fadeInUp .5s ease-out 2.38s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(54){animation:fadeInUp .5s ease-out 2.42s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(55){animation:fadeInUp .5s ease-out 2.46s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(56){animation:fadeInUp .5s ease-out 2.5s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(57){animation:fadeInUp .5s ease-out 2.54s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(58){animation:fadeInUp .5s ease-out 2.58s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(59){animation:fadeInUp .5s ease-out 2.62s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(60){animation:fadeInUp .5s ease-out 2.66s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(61){animation:fadeInUp .5s ease-out 2.7s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(62){animation:fadeInUp .5s ease-out 2.74s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(63){animation:fadeInUp .5s ease-out 2.78s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(64){animation:fadeInUp .5s ease-out 2.82s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(65){animation:fadeInUp .5s ease-out 2.86s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(66){animation:fadeInUp .5s ease-out 2.9s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(67){animation:fadeInUp .5s ease-out 2.94s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(68){animation:fadeInUp .5s ease-out 2.98s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(69){animation:fadeInUp .5s ease-out 3.02s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(70){animation:fadeInUp .5s ease-out 3.06s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(71){animation:fadeInUp .5s ease-out 3.1s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(72){animation:fadeInUp .5s ease-out 3.14s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(73){animation:fadeInUp .5s ease-out 3.18s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(74){animation:fadeInUp .5s ease-out 3.22s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(75){animation:fadeInUp .5s ease-out 3.26s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(76){animation:fadeInUp .5s ease-out 3.3s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(77){animation:fadeInUp .5s ease-out 3.34s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(78){animation:fadeInUp .5s ease-out 3.38s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(79){animation:fadeInUp .5s ease-out 3.42s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(80){animation:fadeInUp .5s ease-out 3.46s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(81){animation:fadeInUp .5s ease-out 3.5s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(82){animation:fadeInUp .5s ease-out 3.54s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(83){animation:fadeInUp .5s ease-out 3.58s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(84){animation:fadeInUp .5s ease-out 3.62s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(85){animation:fadeInUp .5s ease-out 3.66s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(86){animation:fadeInUp .5s ease-out 3.7s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(87){animation:fadeInUp .5s ease-out 3.74s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(88){animation:fadeInUp .5s ease-out 3.78s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(89){animation:fadeInUp .5s ease-out 3.82s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(90){animation:fadeInUp .5s ease-out 3.86s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(91){animation:fadeInUp .5s ease-out 3.9s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(92){animation:fadeInUp .5s ease-out 3.94s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(93){animation:fadeInUp .5s ease-out 3.98s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(94){animation:fadeInUp .5s ease-out 4.02s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(95){animation:fadeInUp .5s ease-out 4.06s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(96){animation:fadeInUp .5s ease-out 4.1s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(97){animation:fadeInUp .5s ease-out 4.14s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(98){animation:fadeInUp .5s ease-out 4.18s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(99){animation:fadeInUp .5s ease-out 4.22s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list .project:nth-child(100){animation:fadeInUp .5s ease-out 4.26s;animation-fill-mode:forwards}.projects .month-group.loaded-more .projects-list.list{gap:16px;grid-template-columns:1fr;max-width:480px}.projects .month-group.loaded-more .projects-list.list .project .project-cover{min-height:80px;width:96px}.projects .load-more-container{margin:8px 16px}.projects .project.new{animation-delay:.65s;animation-duration:.6s}.mascot-empty-projects{margin-top:calc(50vh - 320px);width:100%}.mascot-empty-projects .mascot-image{background-blend-mode:multiply;background-image:url(/static/media/empty-projects-mascot.d86a9cdc0c09c0284850.png);background-position:50%;background-size:100%;height:224px;margin:0 auto;width:256px}.mascot-empty-projects .mascot-label{grid-gap:16px;display:grid;gap:16px;margin:16px auto;max-width:384px;text-align:center;width:100%}.mascot-empty-projects .mascot-label span{color:#48484a;font-size:.95rem;line-height:.9rem}.mascot-empty-projects .mascot-label span.highlight{color:#8e8e93;font-weight:600}.mascot-empty-projects .mascot-label span.highlight.button{color:#d1d1d6}.mascot-empty-projects .mascot-label span.highlight.button.icon:before{background-size:80%;margin-right:-4px}.projects-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr 1fr;padding:8px 12px 12px;width:100%}.projects-list .message{color:#3a3a3c}.projects-list.completed h3:after{color:#48484a;content:"Client Approved";font-size:.9rem;font-weight:400;margin-left:8px}.projects-list.completed .project{grid-template-columns:auto 128px}.projects-list.completed .project .project-options{align-items:center}.teams-list{grid-gap:24px;grid-row-gap:32px;display:grid;gap:24px;grid-template-columns:minmax(200px,480px) minmax(200px,480px) minmax(200px,480px);margin-top:24px;padding:8px 24px 24px;row-gap:32px;width:100%}.teams-list .message{color:#3a3a3c}.teams-list.completed h3:after{color:#48484a;content:"Client Approved";font-size:.9rem;font-weight:400;margin-left:8px}.teams-list.completed .project{grid-template-columns:auto 128px}.teams-list.completed .project .project-options{align-items:center}@media only screen and (max-width:1800px){.teams-list{gap:32PX}.projects-list,.teams-list{grid-template-columns:1fr 1fr 1fr 1fr}.projects-list{gap:24PX}}@media only screen and (max-width:1600px){.teams-list{gap:32PX}.projects-list,.teams-list{grid-template-columns:1fr 1fr 1fr}.projects-list{gap:24PX}}@media only screen and (max-width:1300px){.teams-list{gap:32PX}.projects-list,.teams-list{grid-template-columns:1fr 1fr 1fr}.projects-list{gap:24PX}}@media only screen and (max-width:1200px){.teams-list{gap:32PX}.projects-list,.teams-list{grid-template-columns:1fr 1fr 1fr}.projects-list{gap:24PX}}@media only screen and (max-width:1080px){.teams-list{grid-template-columns:1fr 1fr}.projects-list{gap:24PX;grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:960px){.projects-list,.teams-list{grid-template-columns:1fr 1fr}.projects-list{gap:24PX}}@media only screen and (max-width:860px){.projects-list,.teams-list{grid-template-columns:1fr 1fr}.projects-list{gap:20PX}}@media only screen and (max-width:768px){.projects .view-control{align-items:flex-start;flex-direction:column;gap:16px;height:auto;margin:8px 12px 0;padding-bottom:8px}.projects .view-control .filter-controls{grid-gap:8px;display:grid;gap:8px;justify-content:start;justify-items:start;margin-bottom:8px;width:100%}.projects .view-control .filter-controls .control-wrap .label{left:0;margin-bottom:8px;position:relative;top:0}.projects .view-control .filter-controls .control-wrap .controls{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.projects .view-control .filter-controls .control-wrap .controls .control{flex-grow:1;text-align:center}.projects .view-control .view-type-controls{display:none;justify-content:flex-end;width:100%}.projects .view-control .view-type-controls .label{left:0;margin-bottom:8px;position:relative;top:0}}@media only screen and (max-width:640px){.projects-list,.teams-list{grid-template-columns:1fr}.projects-list{gap:32PX}}@media only screen and (max-width:520px){.projects-list,.teams-list{grid-template-columns:1fr}.projects-list{gap:16PX;padding:20px}.projects .view-control{background:none;margin-left:0;margin-right:0;overflow-x:hidden;padding-left:8px}}@media only screen and (max-width:480px){.projects-list,.teams-list{grid-template-columns:1fr}.projects-list{gap:32PX}}.modal.create-package .modal-body .template-selection h2{margin-bottom:1rem}.modal.create-package .modal-body .template-selection .templates-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.modal.create-package .modal-body .template-selection .templates-grid .template-card{border:1px solid #ccc;border-radius:8px;cursor:pointer;padding:1rem;text-align:center;transition:all .2s ease-in-out}.modal.create-package .modal-body .template-selection .templates-grid .template-card.selected{background-color:#e0e0e0;border-color:#333}.modal.create-package .modal-body .template-selection .templates-grid .template-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.modal.create-package .modal-body .pricing-tier-details .tiers-panel{display:flex;gap:8px;grid-template-columns:auto auto;height:128px;justify-content:center;justify-items:center;margin-bottom:8px}.modal.create-package .modal-body .pricing-tier-details .tiers-panel .button.primary{align-self:center;display:grid}.modal.create-package .modal-body .pricing-tier-details .tiers-panel .tier-header{align-items:center;border:1px solid #2b2b2b;border-radius:8px;display:grid;height:112px;position:relative;width:128px}.modal.create-package .modal-body .pricing-tier-details .tiers-panel .tier-header .tier-title{text-align:center}.modal.create-package .modal-body .pricing-tier-details .tiers-panel .tier-header:hover .close:before{opacity:.6;transition-delay:.2s}.modal.create-package .modal-body .pricing-tier-details .tiers-panel .tier-header .close{position:absolute;right:0;top:0}.modal.create-package .modal-body .pricing-tier-details .tiers-panel .tier-header .close:before{background-size:40%;opacity:.4;transition-duration:.1s;transition-timing-function:ease-in}.modal.create-package .modal-body .pricing-tier-details .tiers-panel .tier-header .close:hover:before{background-size:60%;opacity:.9;transition-duration:.1s;transition-timing-function:ease-in}.modal.create-package .modal-body .pricing-tier-details .tier .services-container{grid-gap:8px;display:grid;gap:8px}.modal.create-package .modal-body .pricing-tier-details .tier .service-input{align-items:center;display:grid;grid-template-columns:auto 32px;margin-bottom:0}.modal.create-package .package-details .tier{border:1px solid #eee;border-radius:8px;margin-bottom:1rem;padding:1rem}.modal.create-package .package-details .tier .tier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.package-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px}.package-card .package-card-header h3{font-size:1.25rem;margin:0}.package-card .package-card-body p{color:#555;margin:0}.package-teams-header,.packages-header{display:grid;grid-template-columns:1fr auto;justify-content:space-between;padding:12px}.package-teams-header h1,.packages-header h1{animation:fadeInLeft .5s ease-out 0s;animation-fill-mode:forwards;animation-timing-function:ease-out}.package-teams-header .actions,.packages-header .actions{animation:fadeInLeft .4s ease-out .2s;animation-fill-mode:forwards;animation-timing-function:ease-out;display:flex;justify-content:flex-end;opacity:0}.packages .section-heading{animation:fadeInUp .5s ease-out forwards;animation-delay:.5s;border-bottom:2px solid #1c1c1e;color:#c7c7cc;display:inline-block;font-weight:400;margin-bottom:8px;margin-left:8px;margin-top:16px;opacity:0;padding:0 16px 8px 0;transition-duration:.2s;width:auto}.packages .month-group{margin-bottom:0;margin-top:0}.packages .month-group .month-name{animation:fadeInUp .5s ease-out forwards;animation-delay:calc(.35s + .25s*(var(--group-index) - 1));color:#636366;font-size:1rem;font-weight:400;margin-bottom:8px;opacity:0;padding:8px 16px}.packages .month-group .packages-list{color:#8e8e93;font-weight:400;padding:8px 16px}.packages .month-group .packages-list .package:first-child{animation:fadeInUp .5s ease-out calc(.45s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(2){animation:fadeInUp .5s ease-out calc(.465s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(3){animation:fadeInUp .5s ease-out calc(.48s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(4){animation:fadeInUp .5s ease-out calc(.495s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(5){animation:fadeInUp .5s ease-out calc(.51s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(6){animation:fadeInUp .5s ease-out calc(.525s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(7){animation:fadeInUp .5s ease-out calc(.54s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(8){animation:fadeInUp .5s ease-out calc(.555s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(9){animation:fadeInUp .5s ease-out calc(.57s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(10){animation:fadeInUp .5s ease-out calc(.585s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(11){animation:fadeInUp .5s ease-out calc(.6s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(12){animation:fadeInUp .5s ease-out calc(.615s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(13){animation:fadeInUp .5s ease-out calc(.63s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(14){animation:fadeInUp .5s ease-out calc(.645s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(15){animation:fadeInUp .5s ease-out calc(.66s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(16){animation:fadeInUp .5s ease-out calc(.675s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(17){animation:fadeInUp .5s ease-out calc(.69s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(18){animation:fadeInUp .5s ease-out calc(.705s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(19){animation:fadeInUp .5s ease-out calc(.72s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(20){animation:fadeInUp .5s ease-out calc(.735s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(21){animation:fadeInUp .5s ease-out calc(.75s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(22){animation:fadeInUp .5s ease-out calc(.765s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(23){animation:fadeInUp .5s ease-out calc(.78s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(24){animation:fadeInUp .5s ease-out calc(.795s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(25){animation:fadeInUp .5s ease-out calc(.81s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(26){animation:fadeInUp .5s ease-out calc(.825s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(27){animation:fadeInUp .5s ease-out calc(.84s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(28){animation:fadeInUp .5s ease-out calc(.855s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(29){animation:fadeInUp .5s ease-out calc(.87s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(30){animation:fadeInUp .5s ease-out calc(.885s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(31){animation:fadeInUp .5s ease-out calc(.9s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(32){animation:fadeInUp .5s ease-out calc(.915s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(33){animation:fadeInUp .5s ease-out calc(.93s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(34){animation:fadeInUp .5s ease-out calc(.945s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(35){animation:fadeInUp .5s ease-out calc(.96s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(36){animation:fadeInUp .5s ease-out calc(.975s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(37){animation:fadeInUp .5s ease-out calc(.99s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(38){animation:fadeInUp .5s ease-out calc(1.005s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(39){animation:fadeInUp .5s ease-out calc(1.02s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(40){animation:fadeInUp .5s ease-out calc(1.035s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(41){animation:fadeInUp .5s ease-out calc(1.05s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(42){animation:fadeInUp .5s ease-out calc(1.065s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(43){animation:fadeInUp .5s ease-out calc(1.08s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(44){animation:fadeInUp .5s ease-out calc(1.095s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(45){animation:fadeInUp .5s ease-out calc(1.11s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(46){animation:fadeInUp .5s ease-out calc(1.125s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(47){animation:fadeInUp .5s ease-out calc(1.14s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(48){animation:fadeInUp .5s ease-out calc(1.155s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(49){animation:fadeInUp .5s ease-out calc(1.17s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(50){animation:fadeInUp .5s ease-out calc(1.185s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(51){animation:fadeInUp .5s ease-out calc(1.2s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(52){animation:fadeInUp .5s ease-out calc(1.215s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(53){animation:fadeInUp .5s ease-out calc(1.23s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(54){animation:fadeInUp .5s ease-out calc(1.245s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(55){animation:fadeInUp .5s ease-out calc(1.26s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(56){animation:fadeInUp .5s ease-out calc(1.275s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(57){animation:fadeInUp .5s ease-out calc(1.29s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(58){animation:fadeInUp .5s ease-out calc(1.305s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(59){animation:fadeInUp .5s ease-out calc(1.32s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(60){animation:fadeInUp .5s ease-out calc(1.335s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(61){animation:fadeInUp .5s ease-out calc(1.35s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(62){animation:fadeInUp .5s ease-out calc(1.365s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(63){animation:fadeInUp .5s ease-out calc(1.38s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(64){animation:fadeInUp .5s ease-out calc(1.395s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(65){animation:fadeInUp .5s ease-out calc(1.41s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(66){animation:fadeInUp .5s ease-out calc(1.425s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(67){animation:fadeInUp .5s ease-out calc(1.44s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(68){animation:fadeInUp .5s ease-out calc(1.455s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(69){animation:fadeInUp .5s ease-out calc(1.47s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(70){animation:fadeInUp .5s ease-out calc(1.485s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(71){animation:fadeInUp .5s ease-out calc(1.5s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(72){animation:fadeInUp .5s ease-out calc(1.515s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(73){animation:fadeInUp .5s ease-out calc(1.53s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(74){animation:fadeInUp .5s ease-out calc(1.545s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(75){animation:fadeInUp .5s ease-out calc(1.56s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(76){animation:fadeInUp .5s ease-out calc(1.575s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(77){animation:fadeInUp .5s ease-out calc(1.59s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(78){animation:fadeInUp .5s ease-out calc(1.605s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(79){animation:fadeInUp .5s ease-out calc(1.62s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(80){animation:fadeInUp .5s ease-out calc(1.635s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(81){animation:fadeInUp .5s ease-out calc(1.65s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(82){animation:fadeInUp .5s ease-out calc(1.665s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(83){animation:fadeInUp .5s ease-out calc(1.68s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(84){animation:fadeInUp .5s ease-out calc(1.695s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(85){animation:fadeInUp .5s ease-out calc(1.71s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(86){animation:fadeInUp .5s ease-out calc(1.725s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(87){animation:fadeInUp .5s ease-out calc(1.74s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(88){animation:fadeInUp .5s ease-out calc(1.755s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(89){animation:fadeInUp .5s ease-out calc(1.77s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(90){animation:fadeInUp .5s ease-out calc(1.785s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(91){animation:fadeInUp .5s ease-out calc(1.8s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(92){animation:fadeInUp .5s ease-out calc(1.815s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(93){animation:fadeInUp .5s ease-out calc(1.83s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(94){animation:fadeInUp .5s ease-out calc(1.845s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(95){animation:fadeInUp .5s ease-out calc(1.86s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(96){animation:fadeInUp .5s ease-out calc(1.875s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(97){animation:fadeInUp .5s ease-out calc(1.89s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(98){animation:fadeInUp .5s ease-out calc(1.905s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(99){animation:fadeInUp .5s ease-out calc(1.92s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list .package:nth-child(100){animation:fadeInUp .5s ease-out calc(1.935s + .15s*(var(--group-index) - 1));animation-fill-mode:forwards}.packages .month-group .packages-list.list{gap:16px;grid-template-columns:1fr;max-width:480px}.packages .month-group .packages-list.list .package .package-cover{min-height:80px;width:96px}.packages .month-group.loaded-more .month-name{animation-delay:.1s}.packages .month-group.loaded-more .packages-list .package:first-child{animation:fadeInUp .5s ease-out .3s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(2){animation:fadeInUp .5s ease-out .34s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(3){animation:fadeInUp .5s ease-out .38s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(4){animation:fadeInUp .5s ease-out .42s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(5){animation:fadeInUp .5s ease-out .46s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(6){animation:fadeInUp .5s ease-out .5s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(7){animation:fadeInUp .5s ease-out .54s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(8){animation:fadeInUp .5s ease-out .58s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(9){animation:fadeInUp .5s ease-out .62s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(10){animation:fadeInUp .5s ease-out .66s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(11){animation:fadeInUp .5s ease-out .7s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(12){animation:fadeInUp .5s ease-out .74s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(13){animation:fadeInUp .5s ease-out .78s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(14){animation:fadeInUp .5s ease-out .82s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(15){animation:fadeInUp .5s ease-out .86s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(16){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(17){animation:fadeInUp .5s ease-out .94s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(18){animation:fadeInUp .5s ease-out .98s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(19){animation:fadeInUp .5s ease-out 1.02s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(20){animation:fadeInUp .5s ease-out 1.06s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(21){animation:fadeInUp .5s ease-out 1.1s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(22){animation:fadeInUp .5s ease-out 1.14s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(23){animation:fadeInUp .5s ease-out 1.18s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(24){animation:fadeInUp .5s ease-out 1.22s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(25){animation:fadeInUp .5s ease-out 1.26s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(26){animation:fadeInUp .5s ease-out 1.3s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(27){animation:fadeInUp .5s ease-out 1.34s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(28){animation:fadeInUp .5s ease-out 1.38s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(29){animation:fadeInUp .5s ease-out 1.42s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(30){animation:fadeInUp .5s ease-out 1.46s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(31){animation:fadeInUp .5s ease-out 1.5s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(32){animation:fadeInUp .5s ease-out 1.54s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(33){animation:fadeInUp .5s ease-out 1.58s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(34){animation:fadeInUp .5s ease-out 1.62s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(35){animation:fadeInUp .5s ease-out 1.66s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(36){animation:fadeInUp .5s ease-out 1.7s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(37){animation:fadeInUp .5s ease-out 1.74s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(38){animation:fadeInUp .5s ease-out 1.78s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(39){animation:fadeInUp .5s ease-out 1.82s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(40){animation:fadeInUp .5s ease-out 1.86s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(41){animation:fadeInUp .5s ease-out 1.9s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(42){animation:fadeInUp .5s ease-out 1.94s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(43){animation:fadeInUp .5s ease-out 1.98s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(44){animation:fadeInUp .5s ease-out 2.02s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(45){animation:fadeInUp .5s ease-out 2.06s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(46){animation:fadeInUp .5s ease-out 2.1s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(47){animation:fadeInUp .5s ease-out 2.14s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(48){animation:fadeInUp .5s ease-out 2.18s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(49){animation:fadeInUp .5s ease-out 2.22s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(50){animation:fadeInUp .5s ease-out 2.26s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(51){animation:fadeInUp .5s ease-out 2.3s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(52){animation:fadeInUp .5s ease-out 2.34s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(53){animation:fadeInUp .5s ease-out 2.38s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(54){animation:fadeInUp .5s ease-out 2.42s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(55){animation:fadeInUp .5s ease-out 2.46s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(56){animation:fadeInUp .5s ease-out 2.5s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(57){animation:fadeInUp .5s ease-out 2.54s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(58){animation:fadeInUp .5s ease-out 2.58s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(59){animation:fadeInUp .5s ease-out 2.62s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(60){animation:fadeInUp .5s ease-out 2.66s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(61){animation:fadeInUp .5s ease-out 2.7s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(62){animation:fadeInUp .5s ease-out 2.74s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(63){animation:fadeInUp .5s ease-out 2.78s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(64){animation:fadeInUp .5s ease-out 2.82s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(65){animation:fadeInUp .5s ease-out 2.86s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(66){animation:fadeInUp .5s ease-out 2.9s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(67){animation:fadeInUp .5s ease-out 2.94s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(68){animation:fadeInUp .5s ease-out 2.98s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(69){animation:fadeInUp .5s ease-out 3.02s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(70){animation:fadeInUp .5s ease-out 3.06s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(71){animation:fadeInUp .5s ease-out 3.1s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(72){animation:fadeInUp .5s ease-out 3.14s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(73){animation:fadeInUp .5s ease-out 3.18s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(74){animation:fadeInUp .5s ease-out 3.22s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(75){animation:fadeInUp .5s ease-out 3.26s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(76){animation:fadeInUp .5s ease-out 3.3s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(77){animation:fadeInUp .5s ease-out 3.34s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(78){animation:fadeInUp .5s ease-out 3.38s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(79){animation:fadeInUp .5s ease-out 3.42s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(80){animation:fadeInUp .5s ease-out 3.46s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(81){animation:fadeInUp .5s ease-out 3.5s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(82){animation:fadeInUp .5s ease-out 3.54s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(83){animation:fadeInUp .5s ease-out 3.58s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(84){animation:fadeInUp .5s ease-out 3.62s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(85){animation:fadeInUp .5s ease-out 3.66s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(86){animation:fadeInUp .5s ease-out 3.7s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(87){animation:fadeInUp .5s ease-out 3.74s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(88){animation:fadeInUp .5s ease-out 3.78s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(89){animation:fadeInUp .5s ease-out 3.82s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(90){animation:fadeInUp .5s ease-out 3.86s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(91){animation:fadeInUp .5s ease-out 3.9s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(92){animation:fadeInUp .5s ease-out 3.94s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(93){animation:fadeInUp .5s ease-out 3.98s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(94){animation:fadeInUp .5s ease-out 4.02s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(95){animation:fadeInUp .5s ease-out 4.06s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(96){animation:fadeInUp .5s ease-out 4.1s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(97){animation:fadeInUp .5s ease-out 4.14s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(98){animation:fadeInUp .5s ease-out 4.18s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(99){animation:fadeInUp .5s ease-out 4.22s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list .package:nth-child(100){animation:fadeInUp .5s ease-out 4.26s;animation-fill-mode:forwards}.packages .month-group.loaded-more .packages-list.list{gap:16px;grid-template-columns:1fr;max-width:480px}.packages .month-group.loaded-more .packages-list.list .package .package-cover{min-height:80px;width:96px}.packages .load-more-container{margin:8px 16px}.packages .package.new{animation-delay:.65s;animation-duration:.6s}@keyframes delete-caution{0%{opacity:0}25%{opacity:.8}to{opacity:0}}.packages-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr 1fr;padding:8px 12px 12px;width:100%}.packages-list .message{color:#3a3a3c}.packages-list.completed h3:after{color:#48484a;content:"Client Approved";font-size:.9rem;font-weight:400;margin-left:8px}.packages-list.completed .package{grid-template-columns:auto 128px}.packages-list.completed .package .package-options{align-items:center}.package-teams-list{grid-gap:24px;grid-row-gap:32px;display:grid;gap:24px;grid-template-columns:minmax(200px,480px) minmax(200px,480px) minmax(200px,480px);margin-top:24px;padding:8px 24px 24px;row-gap:32px;width:100%}.package-teams-list .message{color:#3a3a3c}.package-teams-list.completed h3:after{color:#48484a;content:"Client Approved";font-size:.9rem;font-weight:400;margin-left:8px}.package-teams-list.completed .package{grid-template-columns:auto 128px}.package-teams-list.completed .package .package-options{align-items:center}@media only screen and (max-width:1800px){.package-teams-list{gap:32PX}.package-teams-list,.packages-list{grid-template-columns:1fr 1fr 1fr 1fr}.packages-list{gap:24PX}}@media only screen and (max-width:1600px){.package-teams-list{gap:32PX;grid-template-columns:1fr 1fr 1fr}.packages-list{gap:24PX;grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:1300px){.package-teams-list{gap:32PX;grid-template-columns:1fr 1fr 1fr}.packages-list{gap:20PX;grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:1200px){.package-teams-list{gap:32PX;grid-template-columns:1fr 1fr 1fr}.packages-list{gap:20PX;grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:1080px){.package-teams-list{grid-template-columns:1fr 1fr}.packages-list{gap:20PX;grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:960px){.package-teams-list,.packages-list{grid-template-columns:1fr 1fr}.packages-list{gap:16PX}}@media only screen and (max-width:860px){.package-teams-list,.packages-list{grid-template-columns:1fr 1fr}.packages-list{gap:20PX}}@media only screen and (max-width:640px){.package-teams-list,.packages-list{grid-template-columns:1fr}.packages-list{gap:32PX}.packages .view-type-controls{display:none}}@media only screen and (max-width:520px){.package-teams-list,.packages-list{grid-template-columns:1fr}.packages-list{gap:16PX;padding:20px}}@media only screen and (max-width:480px){.package-teams-list,.packages-list{grid-template-columns:1fr}.packages-list{gap:32PX}}.storage-page{padding:32px}.storage-page .page-header{animation:fadeInLeft .5s ease-out 0s;animation-fill-mode:forwards;animation-timing-function:ease-out;padding:16px}.storage-page .storage-info{grid-gap:40px;align-items:center;background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:8px;display:grid;gap:40px;grid-template-columns:1fr 1fr;justify-content:space-between;margin:8px 8px 40px;padding:16px}.storage-page .storage-info .storage-insight{color:#aeaeae;text-align:center}.storage-page .storage-info .storage-subscription{animation-delay:.3s;animation-duration:.5s;animation-fill-mode:forwards;animation-name:storage-subscription;opacity:0}.storage-page .storage-info .storage-subscription .subscription-group{animation-duration:.2s;animation-fill-mode:forwards;animation-name:storage-subscription;opacity:0}.storage-page .storage-info .storage-subscription .subscription-group:first-child{animation-delay:.3s}.storage-page .storage-info .storage-subscription .subscription-group:nth-child(2){animation-delay:.35s}.storage-page section{margin:16px 16px 32px}.storage-page section h2{margin-bottom:16px}.storage-page .breakdown,.storage-page .breakdown.storage{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.storage-page .breakdown.storage{animation-delay:.4s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:storage-breakdown-reveal;background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:8px;box-shadow:-1px 1px 6px #0003;height:auto;margin:8px;opacity:0;padding:24px;width:0}.storage-page .breakdown.storage .storage-class{animation-delay:.5s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:storage-class-reveal}.storage-page .breakdown.storage .storage-class.cold{animation:none;opacity:.1}.storage-page .breakdown.storage .storage-class-label{color:#aeaeae;font-weight:600;margin-bottom:16px}.storage-page .breakdown.storage .bar{background-color:#2b2b2b;border-radius:4PX;display:flex;height:24px;margin-bottom:8px;margin-top:8px}.storage-page .breakdown.storage .bar div{border-right:1px solid #2b2b2b}.storage-page .breakdown.storage .bar div:first-child{border-radius:4px 0 0 4px}.storage-page .breakdown.storage .bar div:last-child{border-radius:0 4px 4px 0;border-right:1px solid #0d0d0d}.storage-page .breakdown.storage .bar .photos{background-color:#54a134;box-shadow:0 0 2px #336c1b;height:100%;width:33.5%}.storage-page .breakdown.storage .bar .duplicates{background-color:#545456;height:100%;width:10%}.storage-page .breakdown.storage .bar .videos{background-color:#54a134;height:100%;width:20%}.storage-page .breakdown.storage .bar .used{background-color:#7c7c80;height:100%;width:20%}.storage-page .breakdown.storage .bar .limited{background-color:#545456;height:100%;width:4%}.storage-page .breakdown.storage .legends{display:flex;gap:16px}.storage-page .breakdown.storage .legends .legend{align-items:center;display:flex;gap:4px}.storage-page .breakdown.storage .legends .legend .label{color:#545456;font-size:.8rem}.storage-page .breakdown.storage .legends .legend .colour{background-color:azure;border:1px solid #0d0d0d;border-radius:50%;height:8px;width:8px}.storage-page .breakdown.storage .legends .legend .colour.photos{background-color:#54a134}.storage-page .breakdown.storage .legends .legend .colour.videos{background-color:#336c1b}.storage-page .breakdown.storage .legends .legend .colour.duplicates{background-color:#545456}.storage-page .breakdown.storage .legends .legend .colour.available{background-color:#2b2b2b}.storage-page .breakdown.storage .legends .legend .colour.used{background-color:#7c7c80}.storage-page .breakdown.storage .legends .legend .colour.limited{background-color:#545456}.storage-page .breakdown.projects{animation-delay:.7s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:storage-class-reveal;margin-top:40px;opacity:0}.storage-page .breakdown.projects .row{cursor:pointer;padding:8px 16px}.storage-page .breakdown.projects .row h3{margin-bottom:2px}.storage-page .breakdown.projects .project-size{color:#545456;display:flex;font-size:.8rem;gap:8px;justify-content:start;margin-top:4px;padding:0}.storage-page .breakdown.projects .project-size .created-label{color:#545456}.storage-page .breakdown.projects .project-size .count-label{color:#7c7c80}.storage-page .breakdown.projects .project-size .filesize-label{color:#aeaeae}.storage-page .breakdown .cold{opacity:.6}.storage-page .breakdown .cold .row-group .status-signal{background-color:#444446;border-radius:50%;box-shadow:0 1px 1px 1px rgba(2,32,2,.639);height:8px;margin-top:4.8px;transform:scale(1);transition-duration:.2s;width:8px}.storage-page .breakdown .row-group{overflow-y:scroll}.storage-page .breakdown .row-group .status-signal{background-color:#54a134;border-radius:50%;box-shadow:0 1px 1px 1px rgba(2,32,2,.639);height:8px;margin-top:4.8px;transform:scale(1);transition-duration:.2s;width:8px}.storage-page .row-group{border:1px solid #363638;border-radius:8px}.storage-page .row-group .row{align-items:center;border-bottom:1px solid #363638;display:grid;grid-template-columns:auto auto;justify-content:space-between;opacity:0;padding:24px}.storage-page .row-group .row:last-child{border-bottom:none}.storage-page .row-group .row .box-wrap{align-items:center;display:flex;gap:16px}.storage-page .row-group .row .action{align-items:center;display:flex;gap:8px}.storage-page .row-group .row .action .action-label{color:#545456;font-size:.8rem}.storage-page .row-group .row .box-content h3{margin-bottom:4px}.storage-page .row-group .row .box-content p{color:#7c7c80}.storage-page .row-group .row:first-child{animation:fadeInUp .1s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-page .row-group .row:nth-child(2){animation:fadeInUp .1s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-page .row-group .row:nth-child(3){animation:fadeInUp .1s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-page .row-group .row:nth-child(4){animation:fadeInUp .1s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-page .row-group .row:nth-child(5){animation:fadeInUp .1s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-page .row-group .row:nth-child(6){animation:fadeInUp .1s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-page .row-group .row:nth-child(7){animation:fadeInUp .1s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-page .row-group .row:nth-child(8){animation:fadeInUp .1s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-page .row-group .row:nth-child(9){animation:fadeInUp .1s ease-out 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-page .row-group .row:nth-child(10){animation:fadeInUp .1s ease-out 1.25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.storage-pie-wrap{align-items:start;display:flex}.storage-pie-wrap svg{animation:reveal-storage-space-pie;animation-duration:.5s;animation-fill-mode:forwards;transform:scale(.7)}.storage-pie-wrap .disabled{animation-delay:.1s}.storage-pie-wrap .storage-pie{border:8px solid #545456;border-radius:100%;height:160px;width:160px}.storage-pie-wrap .available-storage{stroke:#2b2b2b}.storage-pie-wrap .used-storage{stroke:#54a134;filter:drop-shadow(0 0 2px #336c1b);transition-duration:1s;transition-timing-function:ease-out}.storage-pie-wrap .used-storage-text{fill:#66b346;animation:reveal-storage-text;animation-delay:.2s;animation-duration:.5s;animation-fill-mode:forwards;font-size:.95rem;font-weight:700;opacity:0}.storage-pie-wrap .available-storage-text{fill:#7c7c80;animation:reveal-storage-text;animation-delay:.3s;animation-duration:.5s;animation-fill-mode:forwards;font-size:.4rem;font-weight:400;letter-spacing:-.05rem;opacity:0}.storage-pie-wrap svg:nth-child(2) .used-storage{animation-delay:5s}.storage-pie-wrap svg:nth-child(2) .used-storage-text{animation-delay:.3s}.storage-pie-wrap svg:nth-child(2) .available-storage-text{animation-delay:.4s}@keyframes reveal-storage-space-pie{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes reveal-storage-text{0%{opacity:0}to{opacity:1}}@keyframes storage-subscription{0%{opacity:0}to{opacity:1}}@keyframes storage-breakdown-reveal{0%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes storage-class-reveal{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:520px){.storage-page .storage-info{grid-template-columns:1fr}.storage-page .breakdown.storage{grid-template-columns:1fr;width:calc(100vw - 64px)}.storage-page .breakdown.projects{grid-template-columns:1fr}}@media only screen and (max-width:430px){.storage-page .storage-info{grid-template-columns:1fr}.storage-page .breakdown.storage{grid-template-columns:1fr;width:calc(100vw - 64px)}.storage-page .breakdown.projects{grid-template-columns:1fr}}.upload-completed .modal-body .success-content{align-items:center;display:flex;flex-direction:column;padding:32px 0;text-align:center}.upload-completed .modal-body .success-content .success-icon{align-items:center;background-color:#54a1341a;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.upload-completed .modal-body .success-content .success-icon img{filter:invert(65%) sepia(89%) saturate(326%) hue-rotate(74deg) brightness(118%) contrast(119%);height:40px;width:40px}.upload-completed .modal-body .success-content h2{color:#f2f2f7;font-size:1.5rem;margin-bottom:16px}.upload-completed .modal-body .success-content p{color:#48484a;font-size:1rem;line-height:1.5;max-width:80%}.upload-completed .modal-body .success-content p b{color:#8e8e93}.open-in-desktop .modal{max-width:450px;width:90%}.open-in-desktop .modal-body{padding:24px 32px}.open-in-desktop .instruction-section{text-align:center}.open-in-desktop .instruction-section .desktop-lite-logo{display:flex;justify-content:center;margin-bottom:20px}.open-in-desktop .instruction-section .desktop-lite-logo .app-icon{align-items:center;background:linear-gradient(135deg,#1a1a1a,#000);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 16px #0006,inset 0 1px 1px #ffffff1a;display:flex;height:64px;justify-content:center;position:relative;width:64px}.open-in-desktop .instruction-section .desktop-lite-logo .app-icon img{height:38px;width:38px}.open-in-desktop .instruction-section h3{color:#f2f2f7;font-size:1.8rem;margin-bottom:8px}.open-in-desktop .instruction-section .subtitle{color:#8e8e93;font-size:.95rem;margin-bottom:32px}.open-in-desktop .instruction-section .steps{display:flex;flex-direction:column;gap:24px;margin-bottom:16px;text-align:left}.open-in-desktop .instruction-section .steps .step{align-items:flex-start;display:flex;gap:16px}.open-in-desktop .instruction-section .steps .step .step-number{align-items:center;background-color:#ffffff1a;border:1px solid #0cff414d;border-radius:50%;color:#66b346;display:flex;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}.open-in-desktop .instruction-section .steps .step.done .step-number{background-color:#0cff411a;border-color:#0000;color:#fff;font-size:0}.open-in-desktop .instruction-section .steps .step.done .step-number:after{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') no-repeat 50%;background-size:contain;content:"";height:14px;width:14px}.open-in-desktop .instruction-section .steps .step.done .step-content{opacity:.8}.open-in-desktop .instruction-section .steps .step.done .step-content strong{color:#54a134}.open-in-desktop .instruction-section .steps .step.highlight .step-number{animation:pulse-blue 2s ease-in-out infinite;background-color:#428924;border-color:#54a134;box-shadow:0 0 10px #0cff3466;color:#fff}.open-in-desktop .instruction-section .steps .step.highlight .step-content .step-desc{color:#fff9}.open-in-desktop .instruction-section .steps .step .step-content p{line-height:1.4;margin:0}.open-in-desktop .instruction-section .steps .step .step-content p strong{color:#e5e5ea;font-size:1.1rem}.open-in-desktop .instruction-section .steps .step .step-content .download-link{color:#8e8e93;cursor:pointer;font-size:.85rem;font-weight:500;margin-left:10px;opacity:.7;text-decoration:none}.open-in-desktop .instruction-section .steps .step .step-content .download-link .highlight{border:none;border-radius:8px;color:#54a134;font-weight:700;margin-right:0;padding:4px}.open-in-desktop .instruction-section .steps .step .step-content .download-link:hover{opacity:1}.open-in-desktop .instruction-section .steps .step .step-content .step-desc{color:#636366;font-size:.85rem;margin-top:4px}.open-in-desktop .actions{gap:12px;justify-content:flex-end;padding:16px 32px 24px}@keyframes pulse-blue{0%{box-shadow:0 0 0 0 #0cff2466}70%{box-shadow:0 0 0 10px #0cff2400}to{box-shadow:0 0 0 0 #0cff3900}}@media only screen and (max-width:520px){.open-in-desktop .modal-body{padding:16px 20px}.open-in-desktop .instruction-section .steps{gap:20px}}.preview-wrapper{z-index:50}.App .preview,.preview-wrapper{height:100vh;left:0;position:fixed;top:0;width:100vw}.App .preview{background-color:#000;overflow:hidden;right:0}.App .preview .image-container{align-items:center;cursor:grab;display:flex;height:100%;justify-content:center;position:relative;width:100%}.App .preview .image-container:active{cursor:grabbing}.App .preview .image-wrap{align-items:center;background-color:#000;display:flex;height:100vh;justify-items:center;overflow:hidden;position:relative;width:100vw}.App .preview .controls{position:fixed;width:100%;z-index:100}.App .preview .controls.glass-panel{background:#0000;border-bottom:1px solid #fff0;border-top:1px solid #fff0}.App .preview .controls.glass-panel.top{top:0}.App .preview .controls.top{align-items:center;display:flex;height:calc(72px + env(safe-area-inset-top));justify-content:space-between;padding:env(safe-area-inset-top) 20px 0}.App .preview .controls.top .left-controls{align-items:center;display:flex;gap:12px}.App .preview .controls.top .left-controls .back{background-image:url(/static/media/arrow-round-back.22832232c2cd3c512ab8.svg);background-position:50%;background-repeat:no-repeat;background-size:24px;border-radius:50%;cursor:pointer;height:44px;transition:all .2s;width:44px}.App .preview .controls.top .left-controls .back:hover{background-color:#ffffff26}.App .preview .controls.top .left-controls .file-name{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:500;height:44px;letter-spacing:.3px;min-width:160px;overflow:hidden;text-shadow:0 1px 4px #0009}.App .preview .controls.top .left-controls .file-name .name-wrapper{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.App .preview .controls.top .right-controls{align-items:center;display:flex;gap:12px}.App .preview .controls.top .right-controls .icon{background-position:50%;background-repeat:no-repeat;background-size:22px;border-radius:50%;cursor:pointer;filter:brightness(0) invert(1);height:44px;transition:all .2s;width:44px}.App .preview .controls.top .right-controls .icon:hover{background-color:#ffffff26;transform:scale(1.05)}.App .preview .controls.top .right-controls .icon.options{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAyCAYAAABoBTo6AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAGlSURBVEhLY2RAAgUFBZE8PDxFP3/+VAcJs7GxXf/8+XPvpEmTVsGUMcIYjY2Nq5SUlBxNTU1FpKSkwMJPnz5lOHXq1NsHDx7sqq+vjwKJgTWAFAMVhnp6eiJbCGdv27aN4cyZM8tBmhhBzjAyMpocGxsrjFU1VHDx4sVvz549m8lYU1NzOiYmxkRdHexsnOD69esMy5cvP8lYWlr6qba2lhcI8Gr49OkTQ2tr62fSNQCddCo6OtpUQ0ODOCfl5eWFGRsbT4uLi8Pr6fnz57+7ePFiGixYl5mYmER6eXlhtWXz5s0MQMWLgX6NQ464ZQoKCm7A+BCWlpaGR9zJkyffPnnyZBtIMTziYMYC4yQEGFolv3790oQljQ8fPnRNnjx5HUbSwOtjJEm4k0ashvz8/HBgsBYDcxw4nbCzs1//8uVL94QJE9ZgBGtDQwM8x6FH3MOHD0nLcVu3bmUAZp7RHDea4/DlvtEsSkzZhBJKo3kaLciGbS2qqKjoBqx+UWrREydOvAM2g7ZirUWBSSOUj48PVNxrQYv7a8DQ6Z44ceJaWKABANsIjXpjGdb/AAAAAElFTkSuQmCC);background-size:auto 40%}.App .preview .controls.top .right-controls .icon.download{background-image:url(https://img.icons8.com/?size=100&id=8365&format=png&color=FFFFFF&stroke=500);background-size:auto 65%}.App .preview .controls.top .right-controls .interactive{align-items:center;border-radius:50%;display:flex;height:44px;justify-content:center;transition:background-color .2s;width:44px}.App .preview .controls.top .right-controls .interactive:hover{background-color:#fff0}.App .preview .controls.top .right-controls .interactive .download-btn,.App .preview .controls.top .right-controls .interactive button{align-items:center;background:none;border:none;display:flex;justify-content:center;padding:0}.App .preview .nav-button{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-clip:padding-box,border-box;background-image:linear-gradient(#ffffff1a,#ffffff1a),linear-gradient(135deg,#ffffff4d,#ffffff0d 50%,#ffffff4d);background-origin:padding-box,border-box;background-position:50%;background-repeat:no-repeat;background-size:24px,auto,auto;border:1px solid #0000;border-radius:50%;cursor:pointer;height:48px;position:fixed;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:90}.App .preview .nav-button:hover{background-image:linear-gradient(#ffffff40,#ffffff40),linear-gradient(135deg,#fff6,#ffffff1a 50%,#fff6)}.App .preview .nav-button.prev{background-image:url(/static/media/arrow-round-back.22832232c2cd3c512ab8.svg),linear-gradient(135deg,#fff3,#ffffff1f 40%,#ffffff1a 70%,#fff3);border-bottom:1px solid #ffffff08;border-left:1px solid #ffffff1f;border-top:1px solid #fff3;left:24px}.App .preview .nav-button.prev:hover{background-image:url(/static/media/arrow-round-back.22832232c2cd3c512ab8.svg),linear-gradient(#ffffff40,#ffffff40),linear-gradient(135deg,#fff6,#ffffff1a 50%,#fff6);transform:translateY(-50%) scale(1.1)}.App .preview .nav-button.next{background-image:url(/static/media/arrow-round-next.8269ec39a0eb2565c615.svg),linear-gradient(135deg,#fff3,#7575751a 40%,#7575751a 70%,#ffffff26);border-bottom:1px solid #ffffff05;border-left:1px solid #ffffff1a;border-top:1px solid #ffffff24;box-shadow:1px 1px 1px #0009;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.8));right:24px;transform:scale(1) translateY(-50%) rotate(180deg)}.App .preview .nav-button.next:hover{transform:scale(1.02) translateY(-50%) rotate(180deg)}.glass-dropdown-content{animation:fadeIn .2s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1e1e1ed9;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 40px #00000080;min-width:200px;padding:8px;z-index:1000}.glass-dropdown-content .dropdown-item{border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:.9rem;outline:none;padding:10px 12px;transition:background-color .15s}.glass-dropdown-content .dropdown-item:hover,.glass-dropdown-content .dropdown-item[data-highlighted]{background-color:#ffffff1a;color:#fff}.glass-dropdown-content .dropdown-item.delete-item{color:#ff6961}.glass-dropdown-content .dropdown-item.delete-item:hover,.glass-dropdown-content .dropdown-item.delete-item[data-highlighted]{background-color:#ff696126}@media only screen and (max-width:768px){.App .preview .controls.top{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0}.App .preview .controls.top .left-controls{gap:8px}.App .preview .controls.top .left-controls .file-name{font-size:.9rem;height:40px;min-width:100px}.App .preview .controls.top .left-controls .file-name .name-wrapper{max-width:50vw}.App .preview .controls.top .left-controls .back{background-size:20px;height:40px;width:40px}.App .preview .controls.top .right-controls{gap:4px}.App .preview .controls.top .right-controls .icon,.App .preview .controls.top .right-controls .interactive{background-size:20px;height:40px;width:40px}}.download-image-container{align-items:center;background:#fff0;display:inline-flex;position:relative;z-index:10}.download-image-container .download-button-group{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;overflow:hidden;padding-left:8px;transition:all .2s ease}.download-image-container .download-button-group:hover{background:#fff3;border-color:#ffffff4d}.download-image-container .download-button-group.has-preference .main-download-btn{color:#fc0}.download-image-container .main-download-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;position:relative;transition:opacity .2s}.download-image-container .main-download-btn:disabled{cursor:not-allowed;opacity:.5}.download-image-container .main-download-btn .zap-icon{fill:#fc0}.download-image-container .dropdown-trigger-btn{align-items:center;background:#0000;border:none;border-left:1px solid #ffffff1a;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px 4px}.download-image-container .dropdown-trigger-btn:hover{background:#ffffff1a}.download-image-container .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;position:absolute;width:14px}.download-dropdown-content{animation:slideUpAndFade .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414d9;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #00000080;min-width:180px;padding:6px;z-index:1000}.download-dropdown-content .dropdown-item{align-items:center;border-radius:8px;color:#fffc;cursor:pointer;display:flex;gap:12px;outline:none;padding:8px 10px;transition:all .1s ease}.download-dropdown-content .dropdown-item:hover:not(.disabled){background:#ffffff1a;color:#fff}.download-dropdown-content .dropdown-item.disabled{cursor:not-allowed;opacity:.4}.download-dropdown-content .dropdown-item .item-icon{align-items:center;display:flex;justify-content:center;opacity:.7}.download-dropdown-content .dropdown-item .item-text{display:flex;flex:1 1;flex-direction:column}.download-dropdown-content .dropdown-item .item-text .label{font-size:13px;font-weight:500}.download-dropdown-content .dropdown-item .item-text .desc{font-size:11px;opacity:.5}.download-dropdown-content .dropdown-item .pref-indicator{fill:#fc0;color:#fc0}.download-dropdown-content .dropdown-separator{background:#ffffff1a;height:1px;margin:4px 0}.download-dropdown-content .reset-item{justify-content:center}.download-dropdown-content .reset-item .label{font-size:11px;opacity:.7}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.like-button-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-image:linear-gradient(135deg,#fff3,#7575751f 40%,#7575751a 70%,#ffffff26);border-bottom:1px solid #ffffff1a;border-left:1px solid #ffffff1a;border-radius:100px;border-top:1px solid #ffffff1a;border-color:#ffffff80 #ffffff1a #ffffff05 #fff3;border-style:solid;border-width:1px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.like-button-container:hover{background:#fff3;transform:translateY(-2px)}.like-button-container:active{background-image:linear-gradient(135deg,#dcfcdd33,#7575751f 40%,#7575751a 70%,#ffffff26);border-bottom:1px solid #ffffff05;border-left:1px solid #ffffff1a;border-top:1px solid #84e79b80;transform:translateY(0)}.like-button-container .heart-icon{background-image:url(/static/media/heart.0cecd7adc58469500ee7.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:brightness(0) invert(1) contrast(1) drop-shadow(-2px -1px 0 rgba(67,67,67,.4));height:24px;opacity:.4;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:24px}.like-button-container .heart-icon.active{filter:none;filter:brightness(1.5) invert(0) drop-shadow(-2px -1px 0 rgb(189,255,201));opacity:1}.like-button-container .heart-icon.updating{animation:spin .8s linear infinite;background-image:none;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;filter:none;transition:none}.like-button-container .likes-count{color:#fff;font-size:.9rem;font-weight:600;min-width:1ch}@media only screen and (max-width:768px){.like-button-container{padding:6px 12px}.like-button-container .heart-icon{height:20px;width:20px}.like-button-container .likes-count{font-size:.8rem}}.selection-button-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-image:linear-gradient(135deg,#fff3,#7575751f 40%,#7575751a 70%,#ffffff26);border-bottom:1px solid #ffffff1a;border-left:1px solid #ffffff1a;border-radius:100px;border-top:1px solid #ffffff1a;border-color:#ffffff80 #ffffff1a #ffffff05 #fff3;border-style:solid;border-width:1px;cursor:pointer;display:flex;gap:8px;margin-right:12px;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.selection-button-container:hover{background:#fff3;transform:translateY(-2px)}.selection-button-container:active{background-image:linear-gradient(135deg,#dcfcdd33,#7575751f 40%,#7575751a 70%,#ffffff26);border-bottom:1px solid #ffffff05;border-left:1px solid #ffffff1a;border-top:1px solid #84e79b80;transform:translateY(0)}.selection-button-container .select-icon{background-image:url(https://img.icons8.com/?size=100&id=83205&format=png&color=FFFFFF);background-position:50%;background-repeat:no-repeat;background-size:100%;height:24px;opacity:.4;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:24px}.selection-button-container .select-icon.active{background-image:url(https://img.icons8.com/?size=100&id=83205&format=png&color=228BE6);border-radius:50%;box-shadow:0 0 0 4px #fff0;opacity:1;transform:scale(1.1)}.selection-button-container .select-icon.updating{animation:spin .8s linear infinite;background-image:none;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;transition:none}.selection-button-container .selection-label{color:#fff;font-size:.9rem;font-weight:600;min-width:1ch}@media only screen and (max-width:768px){.selection-button-container{margin-right:8px;padding:6px 12px}.selection-button-container .select-icon{height:20px;width:20px}.selection-button-container .selection-label{font-size:.8rem}}.controls.bottom{bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;width:100%;z-index:100}.controls.bottom.glass-panel{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(20px);background:#00000073;border-top:1px solid #ffffff14}.controls.bottom .bottom-controls-content{align-items:center;display:flex;height:72px;justify-content:center;padding:12px 20px}@media only screen and (max-width:768px){.controls.bottom .bottom-controls-content{height:64px;padding:8px 12px}}.image-gallery-designer{min-height:80vh;padding:8px}.image-gallery-designer .cover-photo-container{align-items:center;border-radius:8px;display:flex;height:300px;justify-content:center;margin-top:0;overflow:hidden;padding:0;position:relative;width:100%}.image-gallery-designer .cover-photo-container.large{height:50vh}.image-gallery-designer .cover-photo-container .cover-overlay{background-color:#000000e6;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:1}.image-gallery-designer .cover-photo-container .cover-photo{animation:gallery-photo-reveal .2s ease-out .02s;animation-fill-mode:forwards;border-radius:4px;height:100%;object-fit:cover;opacity:0;transform:scale(1.2);transition-duration:.1s;transition-timing-function:ease-in-out;width:100%;z-index:0}.image-gallery-designer .cover-photo-container .cover-photo-placeholder{color:#999;text-align:center;z-index:0}.image-gallery-designer .cover-photo-container .text-overlay{color:#fff;padding:20px;position:absolute;text-align:center;z-index:2}.image-gallery-designer .cover-photo-container .text-overlay.center{left:50%;top:50%;transform:translate(-50%,-50%)}.image-gallery-designer .cover-photo-container .text-overlay.top-left{left:20px;text-align:left;top:20px}.image-gallery-designer .cover-photo-container .text-overlay.top-right{right:20px;text-align:right;top:20px}.image-gallery-designer .cover-photo-container .text-overlay.bottom-left{bottom:20px;left:20px;text-align:left}.image-gallery-designer .cover-photo-container .text-overlay.bottom-right{bottom:20px;right:20px;text-align:right}.image-gallery-designer .cover-photo-container .text-overlay .cover-description,.image-gallery-designer .cover-photo-container .text-overlay .cover-title{animation:gallery-photo-reveal .2s ease-out .2s;animation-fill-mode:forwards;margin:0;opacity:0;text-shadow:1px 1px 3px #000000b3;transform:scale(1.2)}.image-gallery-designer .cover-photo-container .text-overlay .cover-title{color:#fff;font-size:2.5rem;font-weight:700}.image-gallery-designer .cover-photo-container .text-overlay .cover-description{color:#ffffffbf;font-size:1.2rem}.image-gallery-designer .cover-photo-container:hover .toolbar{opacity:1;transform:translateY(0);visibility:visible}.image-gallery-designer .cover-photo-container .color-dialog{background-color:#fffc;border:1px solid #fff;border-radius:8px;bottom:44px;box-shadow:0 4px 12px #00000080;display:flex;flex-wrap:wrap;left:50%;opacity:0;padding:10px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;width:192px;z-index:5}.image-gallery-designer .cover-photo-container .color-dialog:after{border:8px solid #0000;border-radius:2px;border-top-color:#fff;bottom:-16px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.image-gallery-designer .cover-photo-container .overlay-colour{position:relative}.image-gallery-designer .cover-photo-container .overlay-colour:hover .color-dialog{opacity:1;transform:translateX(-50%) translateY(-10px);visibility:visible}.image-gallery-designer .cover-photo-container .color-swatch{border:3px solid #fff;border-radius:50%;box-shadow:inset 0 1px 1px #0000001a,0 2px 2px #0006;cursor:pointer;height:24px;margin:5px;transition:border-color .2s ease;width:24px}.image-gallery-designer .cover-photo-container .color-swatch:hover{border-color:#fff}.image-gallery-designer .cover-photo-container .focus-control{position:relative}.image-gallery-designer .cover-photo-container .focus-dialog{background-color:#fffc;border:1px solid #fff;border-radius:8px;bottom:44px;box-shadow:0 4px 12px #00000080;left:50%;opacity:0;padding:10px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;z-index:5}.image-gallery-designer .cover-photo-container .focus-dialog:after{border:8px solid #0000;border-radius:2px;border-top-color:#fff;bottom:-16px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.image-gallery-designer .cover-photo-container .focus-control:hover .focus-dialog{opacity:1;transform:translateX(-50%) translateY(-10px);visibility:visible}.image-gallery-designer .cover-photo-container .focus-image-container{cursor:crosshair;position:relative}.image-gallery-designer .cover-photo-container .focus-image{border-radius:4px;height:auto;width:100%}.image-gallery-designer .cover-photo-container .focus-point{border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #00000080;height:20px;position:absolute;transform:translate(-50%,-50%);width:20px}.image-gallery-designer .cover-photo-container .focus-actions{display:flex;justify-content:space-around;margin-top:10px}.image-gallery-designer .cover-photo-container .focus-actions button{border:none;border-radius:5px;cursor:pointer;padding:5px 10px}.image-gallery-designer .cover-photo-container .focus-actions button.save-button{background:#428924;color:#fff;transition-delay:.1s;transition-duration:.1s;transition-timing-function:ease-in}.image-gallery-designer .cover-photo-container .focus-actions button.save-button:hover{background:#54a134}.image-gallery-designer .cover-photo-container .focus-actions button:disabled{background-color:#ccc0;color:#0000004d;cursor:not-allowed}.image-gallery-designer .cover-photo-container.small{height:200px}.image-gallery-designer .cover-photo-container.medium{height:300px}.image-gallery-designer .cover-photo-container.large{height:400px}.image-gallery-designer .cover-photo-container .cover-size-control{position:relative}.image-gallery-designer .cover-photo-container .cover-size-dialog{background-color:#fffc;border:1px solid #fff;border-radius:8px;bottom:44px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;gap:5px;left:50%;opacity:0;padding:10px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;z-index:5}.image-gallery-designer .cover-photo-container .cover-size-dialog:after{border:8px solid #0000;border-radius:2px;border-top-color:#fff;bottom:-16px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.image-gallery-designer .cover-photo-container .cover-size-dialog button{background-color:#fff;border:none;border-radius:5px;cursor:pointer;padding:5px 10px}.image-gallery-designer .cover-photo-container .cover-size-control:hover .cover-size-dialog{opacity:1;transform:translateX(-50%) translateY(-10px);visibility:visible}.image-grid-section{min-height:80PX;padding:40px 0}.image-grid-section .upload-area{border:2px dashed #ccc;border-radius:8px;color:#888;cursor:pointer;padding:40px;text-align:center;transition:all .3s ease}.image-grid-section .upload-area:hover{background-color:#f0f8ff;border-color:#007bff;color:#007bff}.image-grid-section .upload-area p{font-size:1.2em;margin:0}.image-grid-section .image-grid-display .image-grid-row{display:flex;gap:10px;justify-content:center;margin-bottom:10px;-webkit-user-select:none;user-select:none}.image-grid-section .image-grid-display .image-grid-row .image-grid-item{transition:transform .2s ease}.image-grid-section .image-grid-display .image-grid-row .image-grid-item img{border:1px solid #007bff00;opacity:0;transform:scale(1.2)}.image-grid-section .image-grid-display .image-grid-row .image-grid-item:hover img{border:1px solid #66b346}.image-grid-section .image-grid-display .image-grid-row div:first-child img{animation:gallery-photo-reveal .2s ease-out .2s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(2) img{animation:gallery-photo-reveal .2s ease-out .3s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(3) img{animation:gallery-photo-reveal .2s ease-out .4s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(4) img{animation:gallery-photo-reveal .2s ease-out .5s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(5) img{animation:gallery-photo-reveal .2s ease-out .6s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(6) img{animation:gallery-photo-reveal .2s ease-out .7s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(7) img{animation:gallery-photo-reveal .2s ease-out .8s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(8) img{animation:gallery-photo-reveal .2s ease-out .9s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(9) img{animation:gallery-photo-reveal .2s ease-out 1s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(10) img{animation:gallery-photo-reveal .2s ease-out 1.1s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(11) img{animation:gallery-photo-reveal .2s ease-out 1.2s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(12) img{animation:gallery-photo-reveal .2s ease-out 1.3s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(13) img{animation:gallery-photo-reveal .2s ease-out 1.4s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(14) img{animation:gallery-photo-reveal .2s ease-out 1.5s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(15) img{animation:gallery-photo-reveal .2s ease-out 1.6s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(16) img{animation:gallery-photo-reveal .2s ease-out 1.7s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(17) img{animation:gallery-photo-reveal .2s ease-out 1.8s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(18) img{animation:gallery-photo-reveal .2s ease-out 1.9s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(19) img{animation:gallery-photo-reveal .2s ease-out 2s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(20) img{animation:gallery-photo-reveal .2s ease-out 2.1s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(21) img{animation:gallery-photo-reveal .2s ease-out 2.2s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(22) img{animation:gallery-photo-reveal .2s ease-out 2.3s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(23) img{animation:gallery-photo-reveal .2s ease-out 2.4s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(24) img{animation:gallery-photo-reveal .2s ease-out 2.5s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(25) img{animation:gallery-photo-reveal .2s ease-out 2.6s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(26) img{animation:gallery-photo-reveal .2s ease-out 2.7s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(27) img{animation:gallery-photo-reveal .2s ease-out 2.8s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(28) img{animation:gallery-photo-reveal .2s ease-out 2.9s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(29) img{animation:gallery-photo-reveal .2s ease-out 3s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(30) img{animation:gallery-photo-reveal .2s ease-out 3.1s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(31) img{animation:gallery-photo-reveal .2s ease-out 3.2s;animation-fill-mode:forwards}.image-grid-section .image-grid-display .image-grid-row div:nth-child(32) img{animation:gallery-photo-reveal .2s ease-out 3.3s;animation-fill-mode:forwards}.upload-content{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;opacity:.5}.upload-icon{color:#888;height:60px;width:60px}.upload-main-text{font-size:1.4em;font-weight:700;margin:0}.upload-sub-text{color:#aaa;font-size:1em;margin:0}.carousel-section{margin-bottom:20px;padding:20px}.text-block-section{padding:64px 40px;text-align:center}.sub-gallery-section{border:1px dashed #007bff;color:#007bff}.embed-section,.sub-gallery-section{margin-bottom:20px;padding:20px;text-align:center}.embed-section{border:1px dashed #28a745;color:#28a745}.gallery-sections{margin-top:20px;padding:0 40px;position:relative}.gallery-sections .section-container{padding-bottom:40px;position:relative}.gallery-sections .section-wrapper{cursor:grab;min-height:24px;padding:8px;position:relative}.gallery-sections .section-wrapper.default-wrapper{min-height:100vh}.gallery-sections .section-wrapper:hover{background-color:#fff6;border-radius:8px;cursor:grab}.gallery-sections .section-wrapper[aria-pressed=true]{cursor:grabbing}.gallery-sections .section-wrapper .toolbar{bottom:auto;display:grid;height:0;left:auto;padding:0;position:sticky;top:48px;transform:translateX(48px) translateY(0)}.gallery-sections .section-wrapper:hover .toolbar{opacity:1;transform:translateX(3%) translateY(0);visibility:visible}.gallery-sections .section-wrapper .add-section-icon-container{border-bottom:2px solid hsla(0,0%,45%,.071);display:flex;gap:10px;justify-content:center;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease-in-out;width:100%;z-index:10}.gallery-sections .section-wrapper .add-section-icon-container.top{top:-40px}.gallery-sections .section-wrapper .add-section-icon-container.bottom{bottom:-1.6px}.gallery-sections .section-wrapper .add-section-icon-container .add-section-icon{background-image:url(https://img.icons8.com/?size=100&id=ZB0vd3H4wGis&format=png&color=1A1A1A);background-position:50%;background-repeat:no-repeat;background-size:60%;border:1px solid #1a1a1a2e;border-radius:50%;box-shadow:0 1px 3px #0000;box-shadow:0 0 1px #0009;cursor:pointer;font-size:20px;height:40px;line-height:28px;opacity:.5;text-align:center;transform:translateY(20px);transition-duration:.1s;width:40px}.gallery-sections .section-wrapper .add-section-icon-container .add-section-icon:hover{background-color:#fff;border:1px solid rgba(26,26,26,.259);box-shadow:0 0 6px #0000004d;opacity:1;transition-duration:.1s}.gallery-sections .section-wrapper .add-section-icon-container .merge-sections-icon{background-image:url(https://img.icons8.com/ios/50/1A1A1A/data-in-both-directions.png);background-position:50%;background-repeat:no-repeat;background-size:50%;border:1px solid #1a1a1a2e;border-radius:50%;box-shadow:0 1px 3px #0000;box-shadow:0 0 1px #0009;cursor:pointer;font-size:20px;height:40px;line-height:28px;opacity:.5;text-align:center;transform:translateY(20px);transition-duration:.1s;width:40px}.gallery-sections .section-wrapper .add-section-icon-container .merge-sections-icon:hover{background-color:#fff;border:1px solid rgba(26,26,26,.259);box-shadow:0 0 6px #0000004d;opacity:1;transition-duration:.1s}.gallery-sections .section-wrapper:hover .add-section-icon-container{opacity:1}.gallery-sections .add-section-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.gallery-sections .add-section-dialog-overlay .add-section-dialog{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:90%}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-header h2{font-size:1.5em;margin:0}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-header .close-dialog{background:none;border:none;color:#aaa;cursor:pointer;font-size:2em}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-header .close-dialog:hover{color:#333}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-body{padding:10px 0}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-body .section-option{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:10px 20px}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-body .section-option:last-child{border-bottom:none}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-body .section-option:hover{background-color:#f9f9f9}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-body .section-option .section-option-icon{color:#555;font-size:2em;margin-right:15px}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-body .section-option .section-option-text{flex-grow:1;text-align:left}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-body .section-option .section-option-text h3{font-size:1.1em;margin:0}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-body .section-option .section-option-text p{color:#777;font-size:.9em;margin:0}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-body .section-option .section-option-add{color:#007bff;font-size:2em}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-footer{border-top:1px solid #eee;color:#777;font-size:.9em;padding:15px 20px}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-footer a{color:#007bff;text-decoration:none}.gallery-sections .add-section-dialog-overlay .add-section-dialog .add-section-dialog-footer a:hover{text-decoration:underline}.dashboard-tabs{min-width:46vw}.dashboard-tabs .tabs{box-shadow:0 4px 4px #0003;display:flex;position:relative;width:max-content}.dashboard-tabs .tabs .button{border:1px solid #171717;border-bottom-color:#2b2b2b;border-radius:0;box-shadow:none;color:#2b2b2b;color:#6c6c70;font-size:1rem;font-weight:400;height:36px;margin:0;opacity:0;padding:8px 24px}.dashboard-tabs .tabs .button:first-child{animation:fadeInUp .4s ease-out .2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(2){animation:fadeInUp .4s ease-out .25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(3){animation:fadeInUp .4s ease-out .3s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(4){animation:fadeInUp .4s ease-out .35s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(5){animation:fadeInUp .4s ease-out .4s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(6){animation:fadeInUp .4s ease-out .45s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(7){animation:fadeInUp .4s ease-out .5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(8){animation:fadeInUp .4s ease-out .55s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(9){animation:fadeInUp .4s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(10){animation:fadeInUp .4s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(11){animation:fadeInUp .4s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(12){animation:fadeInUp .4s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(13){animation:fadeInUp .4s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(14){animation:fadeInUp .4s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(15){animation:fadeInUp .4s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(16){animation:fadeInUp .4s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(17){animation:fadeInUp .4s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(18){animation:fadeInUp .4s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(19){animation:fadeInUp .4s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:nth-child(20){animation:fadeInUp .4s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.dashboard-tabs .tabs .button:first-child{border-radius:4px 0 0 4px}.dashboard-tabs .tabs .button:last-child{border-radius:0 4px 4px 0}.dashboard-tabs .tabs .button:hover{background-color:#0d0d0d;color:#bcbcbe;transform:translateY(0)}.dashboard-tabs .tabs .button:active{background-color:#000;border:1px solid #0d0d0d;border-bottom-color:#428924;color:#fff;opacity:.8}.dashboard-tabs .tabs .active{background-color:#0d0d0d;border:1px solid #0d0d0d;border-bottom-color:#54a134;border-radius:2px;color:#fff}.dashboard-tabs .tabs .active:hover{background-color:#0d0d0d;border:1px solid #171717;border-bottom-color:#428924;color:#fff}.dashboard-tabs .galleries{display:flex;gap:32px}.dashboard-tabs .gallery .thumbnails{height:128px;margin-bottom:8px;width:192px}.dashboard-tabs .collection-name{text-align:start}.project-dashboard{align-content:normal;align-items:start;column-gap:24px;justify-content:start;justify-items:start;margin-top:0;min-height:calc(100vh - 456px);padding:16px;position:relative;row-gap:0}.project-dashboard.locked{cursor:not-allowed;filter:grayscale(.8) contrast(.9) opacity(.7);pointer-events:none;position:relative;-webkit-user-select:none;user-select:none}.project-dashboard.locked:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.project-dashboard.locked:after{content:"🔒";font-size:4rem;left:50%;opacity:.1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:101}.project-dashboard.locked .heading-section,.project-dashboard.locked .headings{opacity:.6}.project-dashboard.locked .button,.project-dashboard.locked .card,.project-dashboard.locked .cta{cursor:not-allowed}.project-dashboard .headings{grid-gap:24px;display:grid;gap:24px}.project-dashboard .sub-projects .headings{border-bottom:1px solid #2c2c2e;display:flex;gap:8px;justify-content:space-between;margin-bottom:16px}.project-dashboard .box{background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:8px;box-shadow:1px 1px 4px #0d0d0d;padding:4px;position:relative}.project-dashboard .status{padding:6px;right:0;top:0}.project-dashboard .status .signal{border-radius:50%;height:4px;width:4px}.project-dashboard .status .signal,.project-dashboard .status.confirmed .signal{background-color:#428924;box-shadow:0 0 2px 2px #00000080,0 0 4px rgba(149,229,114,.624),0 0 2px 4px rgba(85,161,52,.082),0 0 8px 8px rgba(66,149,31,.129)}.project-dashboard .status.draft .signal{background-color:#545456;box-shadow:0 0 2px 2px #00000080,0 0 4px hsla(0,0%,85%,.086),0 0 2px 4px rgba(73,73,73,.082),0 0 8px 8px rgba(93,93,93,.129)}.project-dashboard .status.large{padding:8px}.project-dashboard .status.large .signal{border-radius:50%;height:6px;width:6px}.project-dashboard .circle{align-content:center;align-items:center;background-color:#0d0d0d;border:8px solid #8e8e93;border-radius:50%;display:grid;font-size:1rem;font-weight:600;height:108px;justify-items:center;text-shadow:2px 2px 4px #000c,0 0 12px rgba(7,179,7,.925);width:112px}.project-dashboard .circle .edit.text{font-size:.6rem;font-weight:400;margin-top:6px}.project-dashboard .circle.cyan{border:5px solid #70d7ff}.project-dashboard .circle.green{border:5px solid #242426}.project-dashboard .circle.orange{border:5px solid #ffb340;box-shadow:2px 2px 4px #170f03}.project-dashboard .circle.gray{background-image:url(https://img.icons8.com/?size=100&id=T1yqgs4BX777&format=png&color=FFFFFF);background-position:50%;background-size:50%;border:0 solid #444446;box-shadow:2px 2px 4px #170f03;opacity:.5;width:100%}.project-dashboard svg g{align-items:center;display:grid;width:100%}.project-dashboard svg .amount{fill:#aeaeae;font-size:.25rem;text-align:center;width:40px}.project-dashboard svg .amount.highlight{fill:#f2f2f7;font-size:.4rem;font-weight:600}.project-dashboard .gallery-overview{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.project-dashboard .gallery-overview .galleries{margin-left:0;max-width:calc(100vw - 104px)}.project-dashboard .dashboard-overview{align-items:start;grid-template-columns:auto auto;justify-content:space-between;width:100%}.project-dashboard .tools-overview{grid-gap:16px;display:grid;gap:16px;justify-items:start;margin-left:8px;margin-top:8px;opacity:.7;transition-duration:.2s}.project-dashboard .tools-overview.empty{display:flex;gap:48px}.project-dashboard .tools-overview:hover{opacity:1}.project-dashboard .tools-overview .card .button{padding:6px 8px}.project-dashboard .tools-overview .section{opacity:0}.project-dashboard .tools-overview .section:first-child{animation:fadeInUp .4s ease-out .4s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(2){animation:fadeInUp .4s ease-out .45s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(3){animation:fadeInUp .4s ease-out .5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(4){animation:fadeInUp .4s ease-out .55s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(5){animation:fadeInUp .4s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(6){animation:fadeInUp .4s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(7){animation:fadeInUp .4s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(8){animation:fadeInUp .4s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(9){animation:fadeInUp .4s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(10){animation:fadeInUp .4s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(11){animation:fadeInUp .4s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(12){animation:fadeInUp .4s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(13){animation:fadeInUp .4s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(14){animation:fadeInUp .4s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(15){animation:fadeInUp .4s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(16){animation:fadeInUp .4s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(17){animation:fadeInUp .4s ease-out 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(18){animation:fadeInUp .4s ease-out 1.25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(19){animation:fadeInUp .4s ease-out 1.3s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .tools-overview .section:nth-child(20){animation:fadeInUp .4s ease-out 1.35s;animation-fill-mode:forwards;animation-timing-function:ease-out}.project-dashboard .financials-overview{grid-gap:0;display:grid;gap:0;grid-template-columns:auto auto;justify-content:start;margin-bottom:24px}.project-dashboard .financials-overview .payments.invoices{animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project-dashboard .financials-overview .payments.expenses{animation:fadeInUp .6s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.project-dashboard .financials-overview.has-payments{gap:16px}.project-dashboard .payments .card{grid-gap:16px;display:grid;gap:16px;grid-template-columns:136px auto}.project-dashboard .payments .card .payments-list{grid-gap:8px;align-content:start;display:grid;gap:8px;min-width:144px}.project-dashboard .payments .card .payments-list .amount-card{align-items:center;border-radius:4px;color:#8e8e93;cursor:pointer;display:flex;font-size:.9rem;gap:8px;height:36px;justify-content:space-between;line-height:17.6px;padding:8px 20px 8px 8px;transition-duration:.1s;transition-timing-function:ease-out}.project-dashboard .payments .card .payments-list .amount-card:hover{border:1px solid #8e8e93;box-shadow:2px 2px 6px #000000b3;color:#e5e5ea;transform:scale(1.01);transition-duration:.1s;transition-timing-function:ease-in}.project-dashboard .payments .card .payments-list .amount-card span.direction{color:#8e8e93}.project-dashboard .payments .card .payments-list .amount-card.balance{color:#636366}.project-dashboard .payments .card .payments-list .amount-card.draft{background-color:#151515;border:1px solid #2c2c2e;box-shadow:1px 1px 2px #00000080,inset 1px 1px 2px #00000080;opacity:.8}.project-dashboard .payments .card .payments-list .amount-card.draft:hover{border:1px solid #3a3a3c;box-shadow:2px 2px 2px #0006;color:#e5e5ea;transform:none}.project-dashboard .payments .card .payments-list .amount-card .percentage{color:#636366;font-size:.8rem}.project-dashboard .payments .card .payments-list .amount-card .status{top:9.6px}.project-dashboard .payments .card .payments-list .amount-card .pending .signal{animation:blink 4s infinite;background-color:#ffb340;box-shadow:0 0 2px 2px #00000080,0 0 4px rgba(150,132,60,.475),0 0 2px 4px rgba(161,155,52,.082),0 0 8px 8px rgba(149,121,31,.129)}.project-dashboard .payments .card .payments-list .amount-card .draft .signal{background-color:#444446;box-shadow:0 0 2px 2px #00000080,0 0 4px #97979633,0 0 2px 4px hsla(0,0%,65%,.082),0 0 8px 8px hsla(0,0%,53%,.039)}.project-dashboard .payments .card .payments-list .amount-card:first-child .signal{animation-delay:1.5s}.project-dashboard .payments .card .payments-list .amount-card:nth-child(2) .signal{animation-delay:2s}.project-dashboard .payments .card .payments-list .amount-card:nth-child(3) .signal{animation-delay:2.5s}.project-dashboard .payments .card .payments-list .amount-card:nth-child(4) .signal{animation-delay:3s}.project-dashboard .payments .card .payments-list .amount-card:nth-child(5) .signal{animation-delay:3.5s}.project-dashboard .payments .card .payments-list .button{margin:4px 0 0}.project-dashboard .payments .card .chart{grid-gap:8px;border:1px solid #2b2b2b;cursor:pointer;display:grid;gap:8px;grid-template-rows:auto auto;min-height:160px;padding:12.8px;transition-duration:.1s;transition-timing-function:ease-out}.project-dashboard .payments .card .chart .ring-chart{position:relative}.project-dashboard .payments .card .chart .message{color:#aeaeae;font-size:.8rem;text-align:center}.project-dashboard .payments .card .chart .amounts-insight{align-content:center;align-items:center;display:grid;height:100%;justify-content:center;justify-items:center;left:0;position:absolute;top:0;width:100%}.project-dashboard .payments .card .chart .amounts-insight .amount{color:#636366}.project-dashboard .payments .card .chart .amounts-insight .amount.highlight{color:#f2f2f7;font-size:1.5rem;text-shadow:0 0 24px rgba(111,245,53,.592),0 0 4px rgba(111,245,53,.796)}.project-dashboard .payments .card .chart .amounts-insight .amount.of{font-size:.8rem;transform:translateX(-4px)}.project-dashboard .payments .card .chart .amounts-insight .amount.paid-label{color:#54a134;font-size:.6rem;margin-top:-12px}.project-dashboard .payments .card .chart .amounts-insight .amount span{color:#48484a;font-size:.5rem}.project-dashboard .payments .card .chart .button{margin:0;width:100%}.project-dashboard .payments .card .chart:hover{border:1px solid #535353;box-shadow:2px 2px 6px rgba(0,0,0,.773);transform:scale(1.02) translateY(-2px);transition-timing-function:ease-in}.project-dashboard .payments .card .chart:hover .circle.green{border:5px solid #8e8e93;box-shadow:0 0 2px #01110180,inset 0 0 4px #01110180,0 0 4px #04920480,inset 2px 2px 4px #04920480,0 0 20px #04920466,inset 2px 2px 20px #04920466;transition-duration:.1s}.project-dashboard .payments .card .chart:hover .status.large .signal{background-color:#6ff535;box-shadow:0 0 4px 1px #000c,0 0 8px rgba(111,209,69,.898),0 0 2px 4px rgba(85,161,52,.082),0 0 8px 8px #42951f2e;transition-delay:.1s;transition-duration:.1s}.project-dashboard .payments .card.single .amounts-insight{opacity:.3}.project-dashboard .payments .card:hover .payments-list .amount-card{animation-duration:.6s;animation-name:sub-card-reveal;box-shadow:2px 2px 6px rgba(0,0,0,.773)}.project-dashboard .payments .card:hover .payments-list .amount-card:first-child{animation-delay:.4s}.project-dashboard .payments .card:hover .payments-list .amount-card:nth-child(2){animation-delay:.45s}.project-dashboard .payments .card:hover .payments-list .amount-card:nth-child(3){animation-delay:.5s}.project-dashboard .payments .card:hover .payments-list .amount-card:nth-child(4){animation-delay:.55s}.galleries .list{display:flex;gap:48px;margin-bottom:16px;width:100%}.galleries .list .gallery-list{display:flex;gap:24px;margin-bottom:0;overflow-x:scroll;overflow-y:auto;padding:8px 8px 16px}.galleries .list .gallery-list .gallery{cursor:pointer;opacity:0}.galleries .list .gallery-list .gallery:first-child{animation:fadeInUp .4s ease-out .4s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(2){animation:fadeInUp .4s ease-out .45s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(3){animation:fadeInUp .4s ease-out .5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(4){animation:fadeInUp .4s ease-out .55s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(5){animation:fadeInUp .4s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(6){animation:fadeInUp .4s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(7){animation:fadeInUp .4s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(8){animation:fadeInUp .4s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(9){animation:fadeInUp .4s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(10){animation:fadeInUp .4s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(11){animation:fadeInUp .4s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(12){animation:fadeInUp .4s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(13){animation:fadeInUp .4s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(14){animation:fadeInUp .4s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(15){animation:fadeInUp .4s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(16){animation:fadeInUp .4s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(17){animation:fadeInUp .4s ease-out 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(18){animation:fadeInUp .4s ease-out 1.25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(19){animation:fadeInUp .4s ease-out 1.3s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .list .gallery-list .gallery:nth-child(20){animation:fadeInUp .4s ease-out 1.35s;animation-fill-mode:forwards;animation-timing-function:ease-out}.galleries .ctas{grid-gap:8px;display:grid;gap:8px;grid-template-columns:auto auto;justify-content:stretch;margin-top:20px;width:100%}.galleries .ctas .label{color:#aeaeae;font-size:.9rem;margin:auto 8px}.galleries .ctas .button{margin:0;padding:4px 11.2px;text-align:center;width:auto}.galleries .ctas .button.lr{padding:4px 8px}.shoots .time{opacity:0}.shoots .time:first-child{animation:fadeInUp .4s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(2){animation:fadeInUp .4s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(3){animation:fadeInUp .4s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(4){animation:fadeInUp .4s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(5){animation:fadeInUp .4s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(6){animation:fadeInUp .4s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(7){animation:fadeInUp .4s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(8){animation:fadeInUp .4s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(9){animation:fadeInUp .4s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(10){animation:fadeInUp .4s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(11){animation:fadeInUp .4s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(12){animation:fadeInUp .4s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(13){animation:fadeInUp .4s ease-out 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(14){animation:fadeInUp .4s ease-out 1.25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(15){animation:fadeInUp .4s ease-out 1.3s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(16){animation:fadeInUp .4s ease-out 1.35s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(17){animation:fadeInUp .4s ease-out 1.4s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(18){animation:fadeInUp .4s ease-out 1.45s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(19){animation:fadeInUp .4s ease-out 1.5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.shoots .time:nth-child(20){animation:fadeInUp .4s ease-out 1.55s;animation-fill-mode:forwards;animation-timing-function:ease-out}.App .gallery{border-radius:8px;position:relative;top:8px;transition-duration:.3s}.App .gallery .thumbnails{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;height:128px;opacity:.6;transition-duration:.2S;width:176px}.App .gallery .thumbnails .thumbnail{position:relative;transform:translateY(0);transition-duration:.2s;transition-timing-function:ease-in}.App .gallery .thumbnails .thumbnail:hover{transform:translateY(-4px);transition-duration:.1s;transition-timing-function:ease-out}.App .gallery .thumbnails .thumbnail .count{align-items:center;color:#535353;display:grid;font-size:.8rem;text-align:center}.App .gallery .thumbnails .thumbnail .backthumb{border:1px solid #3a3a3c;border-radius:16px;box-shadow:4px 3px 4px #000c;height:100%;overflow:hidden;width:100%}.App .gallery .thumbnails .thumbnail .bthumb1{background-position:center 20%;background-size:cover;border:1px solid #48484a;box-shadow:0 0 12px #bebebe00,6px 4px 6px #0000;opacity:1;position:absolute;transition-duration:.2s;z-index:5}.App .gallery .thumbnails .thumbnail .bthumb2{background-color:#1c1c1e;border:1px solid #444446;position:absolute;transform:rotate(2deg) translateY(-6px) scale(1);transition-delay:.1s;transition-duration:.4s;transition-timing-function:ease-in}.App .gallery .thumbnails .thumbnail .bthumb3{background-color:#242426;border:1px solid #444446;position:absolute;transform:rotate(-6deg) translateY(-3px) scale(1);transition-delay:.2s;transition-duration:.3s;transition-timing-function:ease-in}.App .gallery .thumbnails .thumbnail .filesCount{align-items:center;border-radius:3px;bottom:4px;color:#c7c7cc;display:flex;font-size:.7rem;gap:1px;left:4px;opacity:.8;text-shadow:1px 1px 1px #00000080}.App .gallery .thumbnails .thumbnail .filesCount .icon-show{height:20px}.App .gallery .gallery-name{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;border-radius:0 0 8px 8px;border-top:1px solid #fff3;bottom:0;box-shadow:-1px 0 2px #000;color:#8e8e93;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;overflow:hidden;padding:8px;position:absolute;text-align:left;text-shadow:1px 1px 2px #000c;width:100%}.App .gallery .gallery-name p{margin-left:6px}.App .gallery .card-gallery-name{display:flex;justify-content:space-between}.App .gallery .card-gallery-name [data-radix-popper-content-wrapper]{background-color:#171717;border:1px solid #535353;border-radius:4px;margin-left:-48px;margin-top:-64px;padding:0}.App .gallery .card-gallery-name [data-radix-popper-content-wrapper] p{cursor:pointer;padding:8px 16px}.App .gallery .card-gallery-name [data-radix-popper-content-wrapper] p:hover{background-color:#2b2b2b}.App .gallery.active,.App .gallery:hover{transform:translate(0);transition-delay:0s;transition-duration:.2s;transition-timing-function:ease-in}.App .gallery.active .thumbnails,.App .gallery:hover .thumbnails{opacity:1}.App .gallery.active .thumbnails .thumbnail,.App .gallery:hover .thumbnails .thumbnail{transition-delay:0s;transition-duration:.1s;transition-timing-function:ease-in}.App .gallery.active .thumbnails .thumbnail .backthumb,.App .gallery:hover .thumbnails .thumbnail .backthumb{background-color:#0d0d0d;border:1px solid #3a3a3c;box-shadow:6px 4px 6px #0006}.App .gallery.active .thumbnails .thumbnail .bthumb1,.App .gallery:hover .thumbnails .thumbnail .bthumb1{background-blend-mode:normal,color-dodge;border:1px solid #48484a;position:absolute;transform:rotate(0deg)}.App .gallery.active .thumbnails .thumbnail .bthumb2,.App .gallery:hover .thumbnails .thumbnail .bthumb2{border:1px solid #48484a;box-shadow:3px 1px 2px #00000080;opacity:1;position:absolute;transform:rotate(0deg) translateY(-12px) scale(.8);transition-delay:0s;transition-duration:.1s;transition-timing-function:ease-in}.App .gallery.active .thumbnails .thumbnail .bthumb3,.App .gallery:hover .thumbnails .thumbnail .bthumb3{border:1px solid #636366;box-shadow:2px 1px 0 #00000080;opacity:1;position:absolute;transform:rotate(0deg) translateY(-6px) scale(.9);transition-delay:0s;transition-duration:.1s;transition-timing-function:ease-in}.App .gallery.active .thumbnails .thumbnail.thumb1,.App .gallery:hover .thumbnails .thumbnail.thumb1{grid-row:1/3;transition-duration:.2s}.App .gallery.active .thumbnails .thumbnail.thumb1 .backthumb,.App .gallery:hover .thumbnails .thumbnail.thumb1 .backthumb{border-radius:16px;height:100%;width:100%}.App .gallery.active .thumbnails .thumbnail.thumb1 .bthumb1,.App .gallery:hover .thumbnails .thumbnail.thumb1 .bthumb1{box-shadow:inset 1px 2px 4px #00000080;opacity:1;position:absolute;transform:rotate(0deg);z-index:5}.App .gallery.active .thumbnails .thumbnail.thumb1 .bthumb2,.App .gallery:hover .thumbnails .thumbnail.thumb1 .bthumb2{opacity:.5;position:absolute;transform:rotate(0deg) translateY(-16px) scale(.8);transition-duration:.2s}.App .gallery.active .thumbnails .thumbnail.thumb1 .bthumb3,.App .gallery:hover .thumbnails .thumbnail.thumb1 .bthumb3{opacity:.5;position:absolute;transform:rotate(0deg) translateY(-8px) scale(.9);transition-duration:.2s}.App .gallery.active .thumbnails .thumbnail.thumb1 .bthumb4,.App .gallery:hover .thumbnails .thumbnail.thumb1 .bthumb4{opacity:.2;position:absolute;transform:rotate(0deg) translateY(-10px) scale(.9);transition-duration:.2s}.App .gallery.active .thumbnails .thumbnail.thumb2,.App .gallery:hover .thumbnails .thumbnail.thumb2{transform:scale(1.05) translateY(-2px);transition-delay:.1s}.App .gallery.active .thumbnails .thumbnail.thumb3,.App .gallery:hover .thumbnails .thumbnail.thumb3{transform:scale(1.01) translateY(-1px);transition-delay:.3s}.App .gallery.active .gallery-name,.App .gallery:hover .gallery-name{color:#f2f2f7;margin-left:0}.App .gallery.active.new .thumbnails .thumbnail .bthumb1,.App .gallery:hover.new .thumbnails .thumbnail .bthumb1{background-blend-mode:normal,color-dodge;background-position:center calc(50% - 16px),50%;background-repeat:no-repeat;background-size:60%,100%;background-size:40%,110%;border:1px solid #636366;opacity:1;transition-duration:.3s}.App .gallery.active.new .gallery-name,.App .gallery:hover.new .gallery-name{padding-left:24px;padding-right:24px;transform:translateY(-4px)}.App .gallery.active .thumbnails .thumbnail.thumb1 .bthumb1{border-bottom:1px solid #8e8e93;border-right:1px solid #8e8e93;border-color:#8e8e93 #48484a #48484a #8e8e93;border-style:solid;border-width:1px;box-shadow:0 2px 2px px #0009,0 0 8px #bebebe4d;opacity:1;transition-duration:1s}.App .gallery.active .thumbnails .thumbnail.thumb1 .bthumb1 .gallery-name{border-radius:0 0 16px 16px;border-top:1px solid #ffffff4d;transition-delay:0s;transition-duration:1s}.App .gallery.active .thumbnails .thumbnail:hover{transform:translate(0);transition-delay:0s;transition-duration:.2s;transition-timing-function:ease-in}.App .gallery.active .thumbnails .thumbnail:hover.thumb1 .bthumb1{border:1px solid #8e8e93;box-shadow:0 0 12px #bebebe80,6px 4px 6px #0006;opacity:1;transition-duration:1s}.App .gallery.active .thumbnails .thumbnail:hover.thumb1 .bthumb1 .gallery-name{border-top:1px solid #ffffff80;transition-delay:0s;transition-duration:1s}.App .gallery.new{animation:fadeInUp .5s ease-in .4s;animation-fill-mode:forwards;cursor:pointer;opacity:0}.App .gallery.new.empty-gallery{margin-bottom:24px}.App .gallery.new .thumbnails{grid-template-columns:1fr;height:128px;opacity:1;width:160px}.App .gallery.new .thumbnails .thumbnail.thumb1{grid-row:1/3;transform:none}.App .gallery.new .thumbnails .thumbnail .backthumb{background-color:#0d0d0d;border-bottom:1px solid #636366;border-right:1px solid #636366;border-color:#636366 #3a3a3c #3a3a3c #636366;border-style:dashed;border-width:1px}.App .gallery.new .thumbnails .thumbnail .backthumb:hover{border:1px dashed #636366}.App .gallery.new .thumbnails .thumbnail .bthumb1{background-blend-mode:normal,color-dodge;background-color:#0d0d0d;background-image:url(https://img.icons8.com/?size=100&id=11153&format=png&color=ffffff);background-position:center calc(50% - 16px),50%;background-repeat:no-repeat;background-size:40%,110%;border-radius:22px!important;box-shadow:2px 2px 4px #000c;height:128px;opacity:1;opacity:.6;position:absolute;transform:rotate(0deg) translateY(0) translateX(0) scale(1);transition-duration:.1s;z-index:5}.App .gallery.new .thumbnails .thumbnail .bthumb1 .button{bottom:4px;left:8px;position:absolute;width:calc(100% - 16px)}.App .gallery.new .thumbnails .thumbnail .bthumb2{opacity:.3;position:absolute;transform:rotate(-4deg) translateY(0) translateX(0) scale(1);transition-delay:.1s;transition-duration:.2s;transition-timing-function:ease-in}.App .gallery.new .thumbnails .thumbnail .bthumb3{opacity:.2;position:absolute;transform:rotate(-8deg) translateY(0) scale(1);transition-delay:.2s;transition-duration:.2s;transition-timing-function:ease-in}.App .gallery.new .thumbnails .thumbnail .bthumb4{opacity:.1;position:absolute;transform:rotate(-12deg) translateY(0) translateX(0) scale(1);transition-delay:.2s;transition-duration:.2s;transition-timing-function:ease-in;z-index:-2}.App .gallery.new .thumbnails .thumbnail p{bottom:-28px;color:#66b346;position:absolute;text-align:center;width:100%;z-index:6}.App .gallery.new .heading{z-index:3}.App .gallery.new .gallery-name{align-self:center;display:flex;margin-top:8px;text-align:center}.App .gallery.no-images .thumbnails .thumbnail.thumb1{grid-row:1/3}.App .gallery.no-images .thumbnails .thumbnail.thumb1 .backthumb.bthumb1{background-size:50%}.App .gallery.no-images .thumbnails .thumbnail.thumb2 .bthumb1{background-color:#0d0d0d}.App .gallery.no-images .thumbnails .thumbnail.thumb3 .bthumb1{background-color:#0d0d0d;padding:4px}.App .gallery.no-images .heading{margin-bottom:16px}.App .gallery.no-images .gallery-name{margin-top:16px;text-align:center}.selected .thumbnails .thumbnail.thumb1{grid-row:1/2}.active-box{background-color:#0d0d0d;border:1px solid #0d0d0d;border-radius:4px;height:172px;left:48px;margin-left:-16px;margin-top:-16px;opacity:.2;position:absolute;transition-duration:.2s;transition-timing-function:ease-in-out;width:216px;z-index:-1}.shoots .shoot-list{grid-gap:8px;display:grid;gap:8px}.shoots .shoot-list .event-container{border-bottom:1px solid #2b2b2b;display:flex;gap:24px;padding-bottom:16px}.shoots .shoot-list .event-container:last-child{border-bottom:none}.shoots .shoot-list .event-container .crew{display:flex;gap:8px}.shoots .shoot-list .event-container .crew .crew-card{grid-gap:8px;cursor:pointer;display:grid;gap:8px;min-width:112px;transition-duration:.1s;transition-timing-function:ease-out}.shoots .shoot-list .event-container .crew .crew-card .name{color:#d1d1d6;font-size:.8rem;text-align:center}.shoots .shoot-list .event-container .crew .crew-card .role{color:#636366;font-size:.7rem}.shoots .shoot-list .event-container .crew .crew-card:hover{border:1px solid #535353;box-shadow:2px 2px 6px rgba(0,0,0,.773);transform:scale(1.02) translateY(-2px);transition-timing-function:ease-in}.shoots .shoot-list .event-container .crew .assistants{grid-gap:4px;display:grid;gap:4px;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:128px}.shoots .shoot-list .event-container .crew .assistants .assistant-card{height:64px}.shoots .shoot-list .event-container .crew .assistants .assistant-card .avatar{background-color:#171717;border:1px solid #535353;border-radius:50%;box-shadow:2px 2px 4px #000;height:44px;margin:auto;width:44px}.shoots .shoot-list .event-container .crew .assistants .assistant-card.new-crew{background-color:#171717;background-image:url(https://img.icons8.com/wired/64/FFFFFF/add.png);background-position:center 8px;background-size:50%;cursor:pointer;position:relative;transition-duration:.1s;transition-timing-function:ease-out}.shoots .shoot-list .event-container .crew .assistants .assistant-card.new-crew p{bottom:6px;font-size:.8rem;position:absolute;text-align:center;width:44px}.shoots .shoot-list .event-container .crew .assistants .assistant-card.new-crew:hover{background-color:#0d0d0d;border:1px solid #535353;box-shadow:2px 2px 6px rgba(0,0,0,.773);transform:scale(1.01) translateY(-1px);transition-timing-function:ease-in}.shoots .shoot-list .event-container .shoot{display:flex;gap:16px;height:176px}.shoots .shoot-list .event-container .shoot .time{align-content:center;background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:8px;box-shadow:2px 2px 8px #0006;display:grid;grid-row:1/3;justify-content:center;justify-items:center;min-width:136px;padding:4px;position:relative}.shoots .shoot-list .event-container .shoot .time .date{background-color:#2b2b2b;border:1px solid #48484a;border-radius:4px;margin-bottom:4px;padding:4px 16px}.shoots .shoot-list .event-container .shoot .time .date h5{color:#8e8e93;margin-top:-4px;text-align:center}.shoots .shoot-list .event-container .shoot .time .date h1{font-size:1.5rem;margin-bottom:-2px}.shoots .shoot-list .event-container .shoot .time p{color:#48484a;font-size:.8rem;margin-top:-2px}.shoots .shoot-list .event-container .shoot .time .event-type-label{color:#d1d1d6;font-size:.9rem;font-weight:600;margin-top:8px}.shoots .shoot-list .event-container .shoot .time .location{color:#8e8e93;margin-top:8px}.shoots .shoot-list .event-container .shoot .time .location:before{background-image:url(https://img.icons8.com/material/48/FFFFFF/marker--v1.png);background-position:50%;background-repeat:no-repeat;background-size:auto 80%;color:#0000;content:".";display:inline-table;height:16px;width:20px}.shoots .shoot-list .event-container .shoot .details{border:1px solid #2b2b2b;border-radius:4px;box-shadow:2px 2px 8px #0006;display:grid;padding:8px;text-align:center}.shoots .shoot-list .event-container .shoot .details .team-badges{display:grid;justify-items:center}.shoots .shoot-list .event-container .shoot .details .team-badges .badge{background-color:#2b2b2b;border:1px solid #535353;border-radius:50%;height:32px;position:absolute;width:32px}.shoots .shoot-list .event-container .shoot .details .team-badges .badge.second{margin-left:24px;opacity:.5;z-index:-1}.shoots .shoot-list .event-container .shoot .details .team-badges .badge.third{margin-left:-24px;opacity:.4;z-index:-1}.shoots .shoot-list .event-container .shoot .cta{box-shadow:2px 2px 8px #0006;margin:0;text-align:center}.shoots .shoot-list .event-container .shoot.new{width:auto}.shoots .shoot-list .event-container .shoot.new .time{cursor:pointer;min-height:176px;min-width:136px;transition-duration:.1s}.shoots .shoot-list .event-container .shoot.new .time .status{padding:4px;position:relative;position:absolute!important;right:4px;top:4px}.shoots .shoot-list .event-container .shoot.new .time .icon{background-image:url(https://img.icons8.com/?size=100&id=86302&format=png&color=FFFFFF);background-position:50%;background-size:50%;height:112px;opacity:.5;width:100%}.shoots .shoot-list .event-container .shoot.new .time .button{margin:0}.shoots .shoot-list .event-container .shoot.new .time:hover{border:1px solid #535353;box-shadow:2px 2px 6px rgba(0,0,0,.773);transform:scale(1.02) translateY(-2px);transition-duration:.1s;transition-timing-function:ease-in}.shoots .shoot-list .event-container .shoot.new .time:hover .button{transform:scale(1.01) translateY(-1px)}.shoots .new-shoot{background-color:#2b2b2b;background-position:8px;background-size:auto 60%;border:1px solid #171717;border-radius:4px;cursor:pointer;font-weight:400;line-height:24px;margin:-2px 0 0;padding:0 8px;text-align:center;transition-duration:.1s}.shoots .new-shoot:hover{border:1px solid #8e8e93;box-shadow:2px 2px 6px #000000b3;color:#66b346;transition-duration:.2s;transition-timing-function:ease-in}.shoots .heading-crew{border-bottom:1px solid #2c2c2e;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.shoots .heading-crew .heading{border:none;margin-bottom:0}.shoots .heading-shoots{display:flex;gap:8px;justify-content:space-between}.avatar{background-color:#171717;background-size:100%!important;border:1px solid #535353;border-radius:8px;box-shadow:2px 2px 4px #000;height:72px;margin:auto;width:72px}.avatar.jane-0005{background-image:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS_YNd0KfrIVqUEQP9KlCujsRsIZ5tEC7KQzxGCtD0lsXuxFi-rJ0SIQlnmv5tHTJ3QLDM&usqp=CAU)!important}.avatar.john-0004{background-image:url(https://www.francisjtaylor.co.uk/wp-content/uploads/2021/06/Francis-J-Taylor.jpg)!important}.avatar.abhay-0002{background-image:url(https://avatars.githubusercontent.com/u/13717741?v=4)!important}.avatar.sam-0001{background-image:url(/static/media/sam.c866536311526353db17.jpg)!important}.heading-section{align-items:center;display:flex;gap:8px;height:32px;justify-content:space-between;margin-bottom:8px}.heading-section .heading{border:none;margin-bottom:0;padding-bottom:0}.heading-section .heading span{color:#6c6c70;font-size:1rem;font-weight:400;margin-left:8px}.heading-section .button{margin-bottom:0!important;margin:0 -2px 0 0}.galleries .heading-section,.gallery .heading-section{animation:fadeInUp .4s ease-in .2s;animation-fill-mode:forwards;margin-left:16px;opacity:0}.galleries.new .heading-section,.gallery.new .heading-section{margin-bottom:8px;margin-left:8px}@media only screen and (max-width:1080px){.project-dashboard{flex-wrap:wrap}.project-dashboard .dashboard-overview{width:calc(100vw - 128px)}.project-dashboard .financials-overview{grid-template-columns:auto}}@media only screen and (max-width:992px){.project-dashboard .project-dashboard-header .tools{margin-right:0}.project-dashboard .dashboard-tabs .tabs{display:flex}}@media only screen and (max-width:768px){.project-dashboard{grid-template-columns:1fr}.project-dashboard .financials-overview{grid-template-columns:auto}.project-dashboard .shoots .headings{grid-template-columns:1fr}.project-dashboard .shoots .event-container{display:grid}.project-dashboard .shoots .event-container .shoot{grid-template-columns:1fr 1fr;width:100%}.project-dashboard-header .control-wrap{display:none}}@media only screen and (max-width:520px){.App .project-dashboard{grid-template-columns:1fr;padding:0}.App .project-dashboard .heading.heading-crew{display:none}.App .project-dashboard .dashboard-overview{width:calc(100vw - 32px)}.App .project-dashboard .templates{display:grid;width:100%}.App .project-dashboard .shoots{display:grid}.App .project-dashboard .shoots .headings{grid-template-columns:1fr;padding-right:16px}.App .project-dashboard .shoots .event-container{display:grid}.App .project-dashboard .shoots .event-container .shoot{grid-template-columns:1fr 1fr;overflow-x:scroll;width:100%}.App .project-dashboard .shoots .event-container .crew{display:grid;grid-template-columns:1fr 1fr}.App .project-dashboard .shoots .event-container .crew .assistants,.App .project-dashboard .shoots .event-container .time{width:100%}.App .project-dashboard .shoots .shoot-list{gap:32px}.App .project-dashboard .financials-overview{margin-top:16px}.App .project-dashboard .list{margin-top:0}.App .project-dashboard .galleries{max-width:100%}}@keyframes sub-card-reveal{0%{border:1px solid #3a3a3c}80%{border:1px solid #48484a}to{border:1px solid #3a3a3c}}.gallery-page{overflow:hidden!important}.project-collections{height:100%;outline:none;overflow-y:scroll;scroll-behavior:smooth}.gallery-pin-container{grid-gap:8px;color:#000;display:grid;gap:8px;justify-items:center;margin-top:16px}.gallery-pin-container .pin-inputs-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:56px 56px 56px 56px;justify-content:center;margin-bottom:32px}.gallery-pin-container .pin-inputs-container input{background-color:#ebebf0;border:1px solid #0000;border-radius:8px;color:#363638;font-family:Menlo,Courier New;font-size:2rem;font-weight:800;height:72px;padding:16px 8px;text-align:center}.gallery-pin-container .pin-inputs-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gallery-pin-container .pin-inputs-container input:focus{background-color:#d8d8dc;caret-color:#8e8e93;outline:none}.gallery-pin-container .pin-inputs-container input.error{animation:shake .4s ease-in-out;border:1px solid #d70015}.gallery-pin-container .pin-inputs-container input.error:first-of-type{animation-delay:.1s}.gallery-pin-container .pin-inputs-container input.error:nth-of-type(2){animation-delay:.11s}.gallery-pin-container .pin-inputs-container input.error:nth-of-type(3){animation-delay:.13s}.gallery-pin-container .pin-inputs-container input.error:nth-of-type(4){animation-delay:.15s}.App .select-project *{color:#000000e6}.App .select-project .button{color:#ffffffe6}.App .select-project section ol li{opacity:.2;position:absolute}.App .select-project section ol li .absolute.right-2.top-2{left:auto;position:absolute;right:0!important;top:0}.App .select-project section ol li:hover{opacity:1}.App .select-project section ol li:first-child{opacity:.2025}.App .select-project section ol li:nth-child(2){opacity:.18}.App .select-project section ol li:nth-child(3){opacity:.1575}.App .select-project section ol li:nth-child(4){opacity:.135}.App .select-project section ol li:nth-child(5){opacity:.1125}.App .select-project section ol li:nth-child(6){opacity:.09}.App .select-project section ol li:nth-child(7){opacity:.0675}.App .select-project section ol li:nth-child(8){opacity:.045}.App .select-project section ol li:nth-child(9){opacity:.0225}.App .select-project section ol li:nth-child(10){opacity:0}.App .select-project section ol li:first-child{opacity:.8}.App .select-project .gallery-info{position:relative;text-align:center;z-index:3}.App .select-project .gallery-info .projet-name{color:#000000e6;font-family:Lastri,sans-serif;font-size:2rem;margin-bottom:8px}.App .select-project .gallery-info .sync-status{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 4px 12px #0000001a;display:inline-flex;font-size:.85rem;gap:8px;padding:8px 16px;position:fixed;right:24px;top:24px;transition:all .3s ease;z-index:1000}.App .select-project .gallery-info .sync-status .sync-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:16px;width:16px}.App .select-project .gallery-info .sync-status.syncing{background-color:#fffc;border:1px solid #ff950033;color:#409cff}.App .select-project .gallery-info .sync-status.syncing .sync-icon{animation:spin 2s linear infinite;background-image:url(https://img.icons8.com/?size=100&id=33936&format=png&color=409cff);background-size:110%}.App .select-project .gallery-info .sync-status.saved{background-color:#fffc;border:1px solid #32adf04d;color:#409cff;font-weight:600}.App .select-project .gallery-info .sync-status.saved .sync-icon{background:#007aff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white"><path d="M1 7 L5 11 L13 1" stroke-width="2" stroke="white" fill="transparent"/></svg>') no-repeat 50%;background-size:50%;border-color:#409cff;border-radius:50%;box-shadow:0 0 0 4px #fff3;transform:scale(1.1);transition-duration:.1s}.App .select-project .gallery-info p{color:#000000b3}.App .select-project .project-header{background-position:center 30%;background-size:100%;display:grid;position:relative}.App .select-project .project-header .back-btn{left:8px;position:absolute;top:8px;z-index:2}.App .select-project .project-header .banner{align-items:center;background:linear-gradient(180deg,#fff0,#fff0 20%,#fff 90%,#fff);margin:0 auto 40px;max-height:calc(100vh - 480px);max-width:100vw;position:relative;top:0;z-index:1}.App .select-project .selected-completed{margin:32px auto 0;text-align:center}.App .select-project .selected-completed h4{font-size:2rem}.App .select-project .selected-completed .selected-files-count{color:#535353;margin-bottom:16px;margin-top:16px}.App .select-project .selected-completed .selected-files-count b{color:#0d0d0d}.App .select-project .selected-completed .button-label{color:#aeaeae;margin-top:32px}.App .select-project .shared-collection{padding:0 8px}.App .select-project .shared-collection .gallery:hover{transform:translate(0) scale(1)}.App .select-project .shared-collection .view-control{color:#000000b3;font-size:.7rem;justify-content:center;margin-bottom:0;margin-top:32px;overflow-x:scroll;width:calc(100% - 8px)}.App .select-project .shared-collection .view-control .controls{background:linear-gradient(120deg,#dfdfdf -80%,#ececec 20%,#eaeaea 60%,#f3f3f3);border:1px solid #535353;box-shadow:none}.App .select-project .shared-collection .view-control .controls .control.active{background-color:#fff;border:1px solid #0d0d0d;box-shadow:none;color:#000}.App .select-project .shared-collection .selection-completed-label{color:#54a134;margin-top:16px;text-align:center}.App .select-project .collections-panel{display:flex;justify-content:center;margin-top:24px;overflow-x:scroll;padding:0 8px;z-index:1}.App .select-project .collections-panel .collection-tab{background-color:#fff;border:1px;border-bottom:2px solid #d8d8dc;border-radius:0;color:#aeaeae;display:flex;gap:8px;margin-left:-1px;padding:8px 40px;white-space:nowrap}.App .select-project .collections-panel .collection-tab .photo-count-label{opacity:0;width:0}.App .select-project .collections-panel .collection-tab.client-selection-tab{border:1px solid #66b346;border-radius:4px;font-size:.9rem;padding:4px 12px}.App .select-project .collections-panel .collection-tab.client-selection-tab a{color:#54a134;padding:0}.App .select-project .collections-panel .collection-tab a{color:#6c6c70;padding:0}.App .select-project .collections-panel .collection-tab.active{border-bottom:2px solid #0d0d0d;z-index:10!important}.App .select-project .collections-panel .collection-tab.active .photo-count-label{margin-left:6px;margin-right:8px;opacity:.5}.App .select-project .collections-panel .collection-tab.active a{color:#000}.App .select-project .collections-panel .collection-tab:nth-child(n){z-index:5;z-index:calc(5 - var(--n, 0))}.App .select-project .collections-panel .collection-tab:first-child{--n:1}.App .select-project .collections-panel .collection-tab:nth-child(2){--n:2}.App .select-project .collections-panel .collection-tab:nth-child(3){--n:3}.App .select-project .collections-panel .collection-tab:nth-child(4){--n:4}.App .select-project .no-images-message{margin:40px 8px 8px;text-align:center}.App .select-project .gallery{margin:8px auto 0;max-width:1120px;padding:8px}.App .select-project .gallery .photos{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;width:100%}.App .select-project .gallery .photos .photo{background-color:#fff;background-size:cover;border:1px solid #0000;border-radius:2px;min-height:200px;position:relative;width:calc(100% - 8px)}.App .select-project .gallery .photos .photo .img{width:100%}.App .select-project .gallery .photos .photo:hover input[type=checkbox]{opacity:1;transform:scale(1.05)}.App .select-project .gallery .photos .photo input[type=checkbox]{appearance:none;background:#0003 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="rgba%28255, 255, 255, 0%29"><path d="M1 7 L5 11 L13 1" stroke-width="2" stroke="white" fill="transparent"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:80%;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px 2px #26262666;cursor:pointer;height:24px;left:8px;opacity:.5;outline:none;position:absolute;top:8px;transform:scale(1);transition-duration:0s;transition-timing-function:ease-out;width:24px}.App .select-project .gallery .photos .photo input[type=checkbox]:checked{background:#007aff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white"><path d="M1 7 L5 11 L13 1" stroke-width="2" stroke="white" fill="transparent"/></svg>') no-repeat 50%;background-size:50%;border-color:#409cff;box-shadow:0 0 0 4px #fff3;opacity:1;transform:scale(1.1);transition-duration:.1s}.App .select-project .collection-actions-footer{border-top:1px solid #0000000d;display:flex;justify-content:center;margin:40px 0;padding:20px 0;width:100%}.App .select-project .collection-actions-footer .button{border-radius:50px;box-shadow:0 10px 20px #0000001a;font-size:1.1rem;min-width:280px;padding:16px 32px;transition:all .3s ease}.App .select-project .collection-actions-footer .button:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-2px)}@media only screen and (max-width:830px){.select-project .shared-collection{padding:8px}.select-project .gallary .photos{grid-template-columns:1fr}}@media only screen and (max-width:520px){.App .select-project .collections-panel{justify-content:start;max-width:99vw}.App .select-project .collections-panel .collection-tab{padding:8px}.App .select-project .collections-panel .collection-tab a{font-size:.9rem}.App .select-project .collections-panel.client-selection{justify-content:center}.App .select-project .shared-collection{padding:8px}.App .select-project .gallary .photos{grid-template-columns:1fr;justify-content:start}.App .select-project .pagination{justify-content:end}}.selection-sync-completed .modal-body .success-content{align-items:center;display:flex;flex-direction:column;padding:32px 0;text-align:center}.selection-sync-completed .modal-body .success-content .success-icon{align-items:center;background-color:#54a1341a;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.selection-sync-completed .modal-body .success-content .success-icon img{filter:invert(65%) sepia(89%) saturate(326%) hue-rotate(74deg) brightness(118%) contrast(119%);height:40px;width:40px}.selection-sync-completed .modal-body .success-content h2{color:#f2f2f7;font-size:1.5rem;margin-bottom:16px}.selection-sync-completed .modal-body .success-content p{color:#48484a;font-size:1rem;line-height:1.5;max-width:80%}.selection-sync-completed .modal-body .success-content p b{color:#8e8e93}.Notifications{margin-top:80px}.Notifications ol{--offset:62px}.alert-container ol{margin-right:-24px}.alert{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#0003;border-radius:4px;box-shadow:1px 1px 4px #0000;color:#fff;display:flex;justify-content:center;padding:8px 16px;text-align:center;text-shadow:1px 1px 4px #00000080;transition-duration:.1s}.alert button[data-close-button]{background-color:#00000080}.App .select-project .alert{background-color:#e5e5e5;color:#fff}.App .select-project .alert.warning{background-color:#ff9500}.App .select-project .alert *{color:#fff}.App .select-project .alert.success{background-color:#54a134;border:1px solid #336c1b;color:#fff}.alert.show{transition-duration:.2s}.alert.success{border:1px solid #54a134;color:#fff;transition-timing-function:ease-out}.alert.success-negative{border:1px solid #ff3b30}.alert.error{animation:shake .5s ease-in-out;animation-delay:.15s;border:1px solid #ff453a;color:#fff}.alert.warning{background-color:#c93400;border:1px solid #ff9500}@keyframes shake{0%{transform:translate(-50%)}20%{transform:translate(calc(-50% - 5px))}40%{transform:translate(calc(-50% + 5px))}60%{transform:translate(calc(-50% - 5px))}80%{transform:translate(calc(-50% + 5px))}to{transform:translate(-50%)}}.associate{background:linear-gradient(120deg,#171717 50%,#0d0d0d);border-radius:8px;border-right:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-color:#bae6ba33 #a2c29c1a #242426 #242426;border-style:solid;border-width:1px;box-shadow:-1px 1px 6px #0003;box-shadow:2px 2px 4px #000c;display:grid;grid-template-columns:80px auto;margin-top:0;opacity:0;padding-left:40px;transform:scale(1) translateY(-8px);transition-duration:.2s;width:100%}.associate:hover{background:linear-gradient(30deg,#0b0b0b,#0d0d0d);border-right:1px solid #b9d1b440;border-top:1px solid #8bb98b40;box-shadow:2px 2px 4px #000c,0 0 8px 4px rgba(20,86,36,.075);transition-duration:.4s;transition-duration:.3s;transition-timing-function:ease-in}.associate:hover .cover-wrap{transform:scale(1.02);transition-duration:.1s;transition-timing-function:ease-in}.associate:hover .associate-cover{background-size:100%;border:1px solid #444446;border-radius:8px;height:100%;min-height:96px;opacity:1;transition-timing-function:ease-in;width:120px}.associate:hover .associate-details{transition-duration:.2s!important;transition-timing-function:ease-out}.associate:hover .associate-summary{opacity:1!important}.associate:hover.draft{box-shadow:4PX -4PX 2px 0 rgba(44,44,44,.224)}.associate:hover.draft .associate-details .details-top .right .status-signal{box-shadow:0 0 8px 4px rgba(37,37,37,.639)}.associate:hover.uploaded .associate-details .details-top .right .status-signal{background-color:#ffd60a;box-shadow:0 1px 1px 1px #6758002e,0 0 10px 5px #ffd70038,0 0 4px 2px rgba(255,217,0,.345),0 0 20px 10px #ffff001a!important;transform:scale(1.1)}.associate:hover .designing .associate-details .details-top .right .status-signal{background-color:#da8fff;box-shadow:0 1px 1px 1px #5e2a7e2e,0 0 10px 5px #9b59b638,0 0 4px 2px rgba(156,89,182,.663),0 0 20px 10px #8714fa66!important;transform:scale(1.1)}.associate:hover .right .status-signal{box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 2px #00ff0061,0 0 20px 10px #0f03!important;transform:scale(1.1);transition-delay:.1s}.associate:active{box-shadow:0 0 0 #000;transform:scale(.99) translateY(0)!important;transition-duration:.2s;transition-timing-function:ease-in}.associate .cover-wrap{margin-left:-40px;margin-right:40px;transition-duration:.1s;transition-timing-function:ease-out}.associate .associate-cover.avatar{background-color:#0d0d0d;background-image:url(https://img.icons8.com/glyph-neue/128/FFFFFF/gender-neutral-user.png);background-position:50%;background-size:cover;border-left:1px solid #545456;border-radius:8px;border-top:1px solid #545456;border-color:#7c7c80 #545456 #545456 #7c7c80;border-style:solid;border-width:1px;box-shadow:2px 2px 4px #000c,inset 1px 1px 2px #00000080;height:120px;opacity:1;transform:scale(1.05) scale(1.1);transition-duration:.1s;width:104px}.associate .associate-details{grid-gap:1.6px;align-content:space-between;display:grid;gap:1.6px;margin:12px 12px 8px 4px;transition-duration:.1s}.associate .associate-details .details-top{display:grid;grid-template-columns:auto 8px}.associate .associate-details .details-top .associate-title{font-size:1.2rem;margin-bottom:4px}.associate .associate-details .details-top .associate-type{background-color:#171717;border:1px solid #2b2b2b;border-radius:4px;color:#636366;font-size:.7rem;font-weight:400;line-height:16px;padding:1px 4px}.associate .associate-details .details-top .right .status-signal{background-color:#66b346;border-radius:50%;box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 1px rgba(0,255,0,.129),0 0 20px 10px rgba(0,255,0,.055);height:8px;transform:scale(1);transition-duration:.2s;width:8px}.associate .associate-details .details-top .right .status-signal:hover{background-color:#54a134}.associate .associate-details .details-top .left .card-details{display:grid;grid-template-columns:auto auto}.associate .associate-details .details-top .left .card-details .left-section .icon{opacity:.6}.associate .associate-details .details-top .left .card-details .right-section{align-items:end;display:flex;flex-direction:column;gap:4px;justify-content:flex-end;margin-bottom:8px}.associate .associate-details .details-top .left .card-details .right-section .items{color:#636366;font-size:.8rem;text-align:right}.associate .associate-details .details-top .left .card-details .right-section .items span{color:#48484a;font-size:.7rem}.associate .associate-details .details-top .left .roles{display:flex;gap:4px;margin-top:-2px}.associate .associate-details .details-top .left .card-title{align-items:center;display:flex;gap:16px;margin-bottom:4px}.associate .associate-details .details-top .left .card-title .access-level{color:#444446;font-size:.8rem}.associate .associate-details .details-top .left .card-email{display:flex;gap:4px;margin-top:8px}.associate .associate-details .details-top .left .card-email .icon{background-repeat:no-repeat;background-size:80%;height:24px;width:24px}.associate .associate-details .details-top .left .card-email .icon.email{background-image:url(https://img.icons8.com/sf-regular-filled/96/FFFFFF/new-post.png)}.associate .associate-details .details-top .left .card-email .associate-email{font-size:.8rem}.associate .associate-details .details-top .left .card-phone{display:flex;gap:4px;margin-top:-4px}.associate .associate-details .details-top .left .card-phone .icon{background-repeat:no-repeat;background-size:80%;height:24px;width:24px}.associate .associate-details .details-top .left .card-phone .icon.phone{background-image:url(https://img.icons8.com/sf-regular-filled/96/FFFFFF/phone.png)}.associate .associate-details .details-top .left .card-phone .associate-phone{font-size:.8rem}.associate .associate-details .empty-message{color:#363638;font-size:.8rem;font-weight:400;justify-content:start;text-align:left}.associate .associate-details .associate-summary{align-items:center;display:flex;font-size:.8rem;gap:4px;height:100%;justify-content:space-between;transition-duration:.2s}.associate .associate-details .associate-summary .summary-left{align-items:end;display:flex;font-weight:500;gap:6px}.associate .associate-details .associate-summary .summary-right{grid-gap:4px;display:grid;gap:4px;justify-items:end}.associate .associate-details .associate-summary .summary-right .quick-actions{display:flex;gap:4px}.associate .associate-details .associate-summary .summary-item{opacity:.2}.associate .associate-details .associate-summary .summary-item .icon{background-size:90%;opacity:.9!important;padding:8.8px;transition-duration:.1s}.associate .associate-details .associate-summary .summary-item.active{opacity:.8}.associate .associate-details .associate-summary .summary-item.active p{color:#aeaeae;font-size:.7rem;line-height:1rem}.associate .associate-details .associate-summary .summary-item{display:flex;gap:2px}.associate .associate-details .associate-summary .summary-item:hover .icon{transform:scale(1.4);transition-duration:.2s}.associate .associate-details .associate-summary .summary-item p{color:#545456;font-size:.7rem;line-height:1rem}.associate .associate-details .associate-summary .summary-item .icon{background-position:50%;background-size:80%;opacity:.5;padding:8px}.associate .associate-details .associate-summary .collection-count .icon{background-image:url(/static/media/folders.928831ac028864b1d0e8.svg)}.associate .associate-details .associate-summary .invoice-count .icon{background-image:url(https://img.icons8.com/pastel-glyph/64/FFFFFF/invoice-1.png)}.associate .associate-details .associate-summary .photos-count .icon{background-image:url(/static/media/images.c01fd0fd6cc4ea73f72e.svg)}.associate .associate-details .associate-summary .selected-count .icon{background-image:url(/static/media/selected.2b5aef241d72b3f6953d.svg)}.associate .associate-details .associate-summary .share .icon{background-image:url(/static/media/play-circle.ee9e4112411a3c10e1ec.svg)}.associate .associate-details .associate-summary .select .icon{background-image:url(/static/media/checkmark.7bea571189d6e17d41a4.svg)}.associate .pin{background-color:#2b2b2b;border:1px solid #535353;border-radius:4px;display:flex;gap:0;opacity:.5;padding:1px 4px 1px 1px}.associate .pin .pin-label{background-image:url(https://img.icons8.com/ios-filled/50/FFFFFF/key.png);background-position:50%;background-size:50%;border-radius:4px;color:#636366;display:inline-block;font-size:.7rem;height:16px;padding:0;width:16px}.associate .pin .pin-number{align-items:center;display:flex;font-size:.7rem;text-align:center}.associate.new .associate-cover{background-size:20%}.associate.new .associate-details{align-content:center;margin:16px;text-align:center}.associate.all{width:80%}.associate.all .associate-cover{background-color:#171717;background-image:url(/static/media/arrow-right.1cd705ff3a8d32dcbf7d.svg);background-position:45%;background-size:20%;border:1px solid #444446;transform:scale(1.05)}.associate.all .associate-details{align-content:center;margin:16px;text-align:center}.associate.all:hover{opacity:.7!important}.associate.all:hover .associate-cover{background-position:55%}.associate.Wedding .associate-cover{background-image:url(https://img.icons8.com/dotty/80/FFFFFF/wedding-rings.png);background-size:50%}.associate.Birthday .associate-cover{background-image:url(https://img.icons8.com/ios/150/FFFFFF/birthday.png);background-size:40%}.associate.Baptism .associate-cover{background-image:url(https://img.icons8.com/external-others-bomsymbols-/91/FFFFFF/external-angel-christmas-decoration-outline-others-bomsymbols-.png);background-size:50%}.associate.draft .associate-details .details-top .right .status-signal{animation:steady 1.5s infinite;background-color:#ffd60a;box-shadow:0 1px 1px 1px #ffbf002e,0 0 10px 5px #ffcc0038,0 0 4px 2px rgba(255,221,0,.165),0 0 20px 10px #ffbf000d!important;transform:scale(1.1)}.associate.upcoming .associate-details .details-top .right .status-signal{animation:steady 1.5s infinite;background-color:#00bfff;box-shadow:0 1px 1px 1px #00bfff2e,0 0 10px 5px #00ccff38,0 0 4px 2px rgba(0,221,255,.416),0 0 20px 10px #00ffff0d!important;transform:scale(1.1)}.associate.uploaded .associate-details .details-top .right .status-signal{animation:pulsing 1.5s ease-in-out infinite;background-color:#66b346;box-shadow:0 1px 1px 1px #32cd322e,0 0 10px 5px #38cc0038,0 0 4px 2px #34dd002e,0 0 20px 10px #80ff000d!important;transform:scale(1.1)}.associate.selecting .associate-details .details-top .right .status-signal{animation:blinking 1.5s ease-in-out infinite;background-color:#66b346;box-shadow:0 1px 1px 1px #0080002e,0 0 10px 5px #00a00038,0 0 4px 2px rgba(0,176,0,.416),0 0 20px 10px #00ff000d!important;transform:scale(1.1)}.associate.editing .associate-details .details-top .right .status-signal{animation:pulsing 1.5s ease-in-out infinite;background-color:#da8fff;box-shadow:0 1px 1px 1px #8000802e,0 0 10px 5px #a000a038,0 0 4px 2px rgba(176,0,176,.416),0 0 20px 10px #ff00ff0d!important;transform:scale(1.1)}.associate.client-review .associate-details .details-top .right .status-signal{animation:blinking 1.5s ease-in-out infinite;animation-delay:.1s;background-color:#ffb340;box-shadow:0 1px 1px 1px #d966002e,0 0 10px 5px #a7640038,0 0 4px 2px rgba(180,111,6,.416),0 0 20px 10px #ff80000d!important;transform:scale(1.1)}.associate.completed .associate-details .details-top .right .status-signal{animation:steady 1.5s infinite;background-color:#ffd60a;box-shadow:0 1px 1px 1px #ffcc002e,0 0 10px 5px #ffdd0038,0 0 4px 2px rgba(255,238,0,.416),0 0 20px 10px #ffff000d!important;transform:scale(1.1)}.associate.archived .associate-details .details-top .right .status-signal{animation:steady 1.5s infinite;background-color:#ccc;box-shadow:0 1px 1px 1px #d3d3d32e,0 0 10px 5px #cccccc38,0 0 4px 2px hsla(0,0%,73%,.416),0 0 20px 10px #bfbfbf0d!important;transform:scale(1.1)}.associate.pending-payment .associate-details .details-top .right .status-signal{animation:blinking 1.5s ease-in-out infinite;background-color:#ff6961;box-shadow:0 1px 1px 1px #ff00002e,0 0 10px 5px #ff333338,0 0 4px 2px hsla(0,100%,70%,.416),0 0 20px 10px #ff00000d!important;transform:scale(1.1)}.associate:first-child{animation:fadeInUp .4s ease-out .2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:first-child .status-signal{animation:glowUp .6s ease-in-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(2){animation:fadeInUp .4s ease-out .25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(2) .status-signal{animation:glowUp .6s ease-in-out .62s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(3){animation:fadeInUp .4s ease-out .3s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(3) .status-signal{animation:glowUp .6s ease-in-out .64s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(4){animation:fadeInUp .4s ease-out .35s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(4) .status-signal{animation:glowUp .6s ease-in-out .66s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(5){animation:fadeInUp .4s ease-out .4s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(5) .status-signal{animation:glowUp .6s ease-in-out .68s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(6){animation:fadeInUp .4s ease-out .45s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(6) .status-signal{animation:glowUp .6s ease-in-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(7){animation:fadeInUp .4s ease-out .5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(7) .status-signal{animation:glowUp .6s ease-in-out .72s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(8){animation:fadeInUp .4s ease-out .55s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(8) .status-signal{animation:glowUp .6s ease-in-out .74s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(9){animation:fadeInUp .4s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(9) .status-signal{animation:glowUp .6s ease-in-out .76s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(10){animation:fadeInUp .4s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(10) .status-signal{animation:glowUp .6s ease-in-out .78s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(11){animation:fadeInUp .4s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(11) .status-signal{animation:glowUp .6s ease-in-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(12){animation:fadeInUp .4s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(12) .status-signal{animation:glowUp .6s ease-in-out .82s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(13){animation:fadeInUp .4s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(13) .status-signal{animation:glowUp .6s ease-in-out .84s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(14){animation:fadeInUp .4s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(14) .status-signal{animation:glowUp .6s ease-in-out .86s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(15){animation:fadeInUp .4s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(15) .status-signal{animation:glowUp .6s ease-in-out .88s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(16){animation:fadeInUp .4s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(16) .status-signal{animation:glowUp .6s ease-in-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(17){animation:fadeInUp .4s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(17) .status-signal{animation:glowUp .6s ease-in-out .92s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(18){animation:fadeInUp .4s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(18) .status-signal{animation:glowUp .6s ease-in-out .94s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(19){animation:fadeInUp .4s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(19) .status-signal{animation:glowUp .6s ease-in-out .96s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.associate:nth-child(20){animation:fadeInUp .4s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.associate:nth-child(20) .status-signal{animation:glowUp .6s ease-in-out .98s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}@keyframes glowUp{0%{opacity:0}to{opacity:1}}@keyframes upload-blinking{0%,to{opacity:1}50%,60%{opacity:.2}}@keyframes steady{0%{opacity:1}to{opacity:1}}@keyframes pulsing{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes blinking{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes rapid-blinking{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:1}}.App .loading-container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0c0c0ce6;display:flex;height:100dvh;justify-content:center;width:100vw}.App .loading-container .loading-spinner{animation:logo-spin infinite;animation-duration:4s;background-image:url(/static/media/fotoflow-pro-logo.336228920b45431a569e.png);background-position:50%;background-size:100%;height:48px;opacity:.8;width:48px}.App .loading-container .loading-subcontext{-webkit-text-fill-color:#0000;animation:loadingGradient 1s linear infinite alternate;background:linear-gradient(90deg,rgba(66,137,36,.784) 30%,#5da140 45%,#428924 48%,rgba(66,137,36,.737) 55%,rgba(66,137,36,.475) 90%);-webkit-background-clip:text;background-position:0;background-size:200%;font-weight:200;font-weight:400;margin-left:0;margin-top:8px;text-align:center;transition-duration:1s}.App .loading-container .loading-context{color:#aeaeae;text-align:center}.App .onboarding-container{align-content:center;align-items:center;animation-direction:alternate;animation-duration:30s;animation-iteration-count:infinite;animation-name:background-parallax;background-image:url(/static/media/earth-background-dark-flipped.5ade7aec5ff740b1240b.jpg);background-size:auto 100%;display:grid;grid-template-rows:auto auto auto;height:100dvh;justify-content:start;left:0;margin-left:0;padding-left:160px;top:0;width:100vw}.App .onboarding-container .error-container{color:#b25000;font-size:.9rem;margin-top:8px}.App .onboarding-container .error-container.privacyPolicy-error{margin-bottom:16px;margin-top:0;transition-duration:.2s}.App .onboarding-container .error-container.privacyPolicy-error.hide-error{opacity:0;transition-delay:.1s;transition-duration:.5s;transition-timing-function:ease-out}.App .onboarding-container .logo{animation:logo-spin infinite;animation-duration:18s;background-image:url(/static/media/fotoflow-pro-logo.336228920b45431a569e.png);background-position:50%;background-size:100%;height:80px;left:0;position:relative;top:-64px;transform:rotate(0deg) scale(1.2);width:80px}.App .onboarding-container .logo.loading{animation-duration:4s}@keyframes background-parallax{0%{background-position:10% 10%;background-size:auto 100%}to{background-position:100% 100%;background-size:auto 120%}}.user-authentication{display:grid;justify-content:start;margin-bottom:8px;opacity:1;transform:scale(1) translateX(0);transition-duration:.3s}.user-authentication.user-contact-screen{transform:scale(.9) translateX(-16px);transition-delay:1s;transition-duration:.8s}.user-authentication.user-contact-screen p{opacity:0}.user-authentication.user-contact-screen .logged-user{opacity:1}.user-authentication .onboarding-greeting{grid-gap:0;align-items:center;color:#8e8e93;display:grid;flex-wrap:wrap;font-size:1.8rem;gap:0;justify-items:start;margin-bottom:0}.user-authentication .onboarding-greeting span.timeGreeting{animation:fadeInLeft .3s ease-out .3s forwards;color:#aeaeae;font-weight:600;transform:translate(-48px)}.user-authentication .onboarding-greeting span.timeGreeting.icon{content:"";margin-right:8px}.user-authentication .onboarding-greeting span.timeGreeting.icon:before{color:#fff;margin-right:8px}.user-authentication .onboarding-greeting span.timeGreeting.icon.late-night:before,.user-authentication .onboarding-greeting span.timeGreeting.icon.night:before{content:"🌜"}.user-authentication .onboarding-greeting span.timeGreeting.icon.early-bird:before,.user-authentication .onboarding-greeting span.timeGreeting.icon.morning:before{content:"🌅"}.user-authentication .onboarding-greeting span.timeGreeting.icon.noon:before{content:"🌞"}.user-authentication .onboarding-greeting span.timeGreeting.icon.evening:before{content:"🌃"}.user-authentication .onboarding-greeting span.timeGreeting.icon.golden-hour:before{content:"🌇"}.user-authentication .onboarding-greeting p{color:#8e8e93}.user-authentication .onboarding-greeting .iconic-gradient-white{-webkit-text-fill-color:#0000;animation:fadeInLeft .3s ease-in .3s forwards;background:linear-gradient(140deg,#a3de8a,#a9c38b 40%,#c1c1c1 95%,#e3e3e3);-webkit-background-clip:text;font-size:1.8rem;font-weight:600}.user-authentication .iconic-gradient-green{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#428924,#71af33 40%,#5f9c45 95%,#3c5a2f);-webkit-background-clip:text;font-size:1.5rem;font-weight:500}.user-authentication .onboarding-invitation-message{align-items:center;animation:fadeInUp .4s ease-out .8s forwards;color:#8e8e93;display:flex;font-size:1.4rem;gap:8px;margin-bottom:48px;margin-top:8px;opacity:0;transform:translateY(2px);white-space:nowrap}.user-authentication .onboarding-invitation-message .icon-unlock{background-image:url(https://img.icons8.com/?size=100&id=nhWxQog3KCvk&format=png&color=FFFFFF);background-position:50% 30%;background-size:70%;height:40px;margin-right:0;width:40px}.user-authentication .continue-with{font-weight:200;margin-bottom:8px;margin-left:4px}.user-authentication .activate-fotoflow-whatsapp{display:flex;gap:4px;margin-bottom:24px}.user-authentication .activate-fotoflow-whatsapp p{color:#f2f2f7}.user-authentication .activate-fotoflow-whatsapp a{color:#428924;text-decoration:underline;text-decoration-color:#68872d}.user-authentication .onboarding-message{animation:fadeInUp .3s ease-out 1s forwards;color:#636366;font-size:.9rem;margin-bottom:8px;margin-left:0;margin-top:16px;max-width:18rem;opacity:0;transform:translateY(2px)}.activate-fotoflow-whatsapp{color:#8e8e93}.contact-whatsapp{color:#f2f2f7;margin-top:48px}.contact-whatsapp p{border:1px solid #2b2b2b;border-radius:4px;color:#8e8e93;cursor:pointer;display:inline;padding:16px 24px}.contact-whatsapp p:hover{background-color:#171717;transition-duration:.2s}.contact-whatsapp p a{color:#d1d1d6;margin-left:8px}.wishlist-whatsapp{color:#66b346;margin-top:16px}.wishlist-whatsapp p{border:1px solid #336c1b;border-radius:4px;color:#66b346;cursor:pointer;display:inline;padding:16px 24px}.wishlist-whatsapp p:hover{background-color:#171717;transition-duration:.2s}.wishlist-whatsapp p a{color:#66b346;margin-left:0}.App .button.google-login-button{align-items:center;animation:fadeInUp .3s ease-out 1.05s;animation-fill-mode:forwards;background:#171717;border:1px solid #aeaeae;box-shadow:2px 2px 4px #000;color:#d1d1d6;display:flex;font-size:1.1rem;font-weight:200;gap:16px;height:48px;justify-content:center;margin:0 16px 0 0;opacity:0;padding:24px 16px 24px 24px;transform:translateY(0);transition-duration:.1s;width:272px}.App .button.google-login-button:hover{border:1px solid #d8d8dc;transition-delay:.2s}.App .button.google-login-button.error-shake{animation:shake-button .4s;animation-iteration-count:2;animation-timing-function:ease-in-out}@keyframes shake-button{0%{transform:translateX(0)}25%{transform:translateX(10px)}75%{transform:translateX(-12px)}to{transform:translateX(0)}}.App .button.google-login-button.google{background-color:#0d0d0d;border:1px solid #aeaeae}.App .button.google-login-button.google:hover{border:1px solid #ebebf0}.App .button.google-login-button .google-logo{background-image:url(/static/media/google-logo.97b93d058714fd6109fb.png);background-position:50%;background-size:110%;border:none;height:24px;width:24px}.unavaillable-referral-code{opacity:.2}.logged-user{align-items:center;display:flex;gap:16px;justify-content:start;margin-bottom:32px;margin-left:0;margin-top:-16px}.logged-user.minimize-gmail-user .logout-button{margin-left:-16px;opacity:0;transition-delay:0s}.logged-user.minimize-gmail-user .logged-user-info{margin-left:-8px;opacity:0;transition-delay:.2s}.logged-user .user-image{animation:popin-badge;animation-delay:.5s;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;background-size:cover;border:1px solid #2b2b2b;border-radius:50%;box-shadow:inset 2px 2px 2px #0006,2px 2px 2px #000;height:48px;position:relative;transform:scale(0);width:48px}.logged-user .user-image:after{animation:popin-badge;animation-delay:.6s;animation-duration:.2s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;background-image:url(/static/media/google-logo.97b93d058714fd6109fb.png);background-size:contain;border-radius:16px;box-shadow:0 0 2px 2px #0009;color:#0000;content:".";display:block;height:20px;position:absolute;right:-4px;top:-4px;transform:scale(0);width:20px}@keyframes popin-badge{0%{transform:scale(.4)}90%{transform:scale(1.1)}to{transform:scale(1)}}.logged-user .logged-user-info{-webkit-text-fill-color:#0000;animation:iconic-gradient-white-progress 1s linear both;animation-delay:.2s;animation-iteration-count:1;background:linear-gradient(90deg,rgba(89,112,78,.812) 50%,rgba(103,135,45,.545) 75%,#68872d 80%,rgba(103,135,45,.545));-webkit-background-clip:text;background-position:50%;background-size:200%;border:1px solid #54a134;border-radius:4px;color:#535353;display:flex;font-size:.8rem;font-weight:200;font-weight:600;margin-left:0;opacity:0;opacity:1;padding:4px 8px;transition-duration:.2s;transition-duration:.3s}.logged-user .logged-user-info span{color:#636366;font-weight:200;margin-right:4px}@keyframes iconic-gradient-white-progress{0%{background-position:0;border:1px solid #242426;opacity:0}35%{background-position:150%;border:1px solid #363638;opacity:.6}60%{background-position:150%;border:1px solid #428924;opacity:1}to{background-position:50%;border:1px solid #336c1b;opacity:1}}.logged-user .logout-button{color:#3a3a3c;cursor:pointer;font-size:.9rem;margin-left:0;opacity:1;padding:8px;transition-delay:.2s;transition-duration:.2s}.screen{text-shadow:2px 4px 8px #000;transition-duration:.1s;width:50vw}.screen .screen-title{color:#d1d1d6;display:flex;margin-bottom:40px}.screen .screen-title .back-form{background-image:url(https://img.icons8.com/?size=100&id=40217&format=png&color=FFFFFF);background-position:50%;background-size:70%;cursor:pointer;height:32px;margin-right:8px;width:32px}.screen .section-intro{color:#3a3a3c;font-size:2rem;font-weight:500;line-height:2.2rem;margin-bottom:0;transition-duration:.2s;width:40vw}.screen .section-intro.small{color:#2c2c2e;font-size:1.8rem;margin-bottom:-16px;transition-duration:.5s}.screen .section-intro.highlight{animation:section-intro-color .5s ease .8s;animation-fill-mode:forwards}.screen .section-intro.selected-field{margin-bottom:8px;transition-duration:.2s;transition-timing-function:ease-in}.screen .section-intro.selected-field.studio-name-label{margin-bottom:-8px}@keyframes section-intro-color{0%{color:#2c2c2e}to{color:#636366}}.screen .form-group{display:grid;justify-items:start;margin-bottom:112px;margin-top:0}.screen .form-group input{background-color:#f000;border:1px solid;border-color:#0000 #0000 #636366;font-size:3rem;height:4rem;margin-left:-8px;margin-top:8px;padding:40px 8px;text-shadow:2px 4px 32px #0000001a;transition-duration:.2s;width:25rem}.screen .form-group input::placeholder{color:#1c1c1e!important;transition-duration:.5s}.screen .form-group input:focus{border-bottom:1px solid #d1d1d6;margin-left:-24px;outline:none;padding:40px 18.4px;width:calc(35rem + 64px)}.screen .form-group input:focus::placeholder{color:#8e8e93}.screen .form-group .message{padding:16px 8px}.screen .form-group .message.error.perfect{color:#428924;opacity:.9}.screen .form-group .message.error.low{color:#9e8b1d;opacity:.7}.screen .form-group .message.error.medium{color:#ff9f0a;opacity:.8}.screen .form-group .message.error.high{color:#ff453a}.screen .form-group .message.success{color:#54a134}.screen .form-group .grid{grid-gap:16px;align-items:center;display:grid;gap:16px}.screen .form-group .grid.three{grid-template-columns:1fr 1fr 1fr 1fr}.screen .form-group .option{align-content:center;align-items:center;background-color:#0d0d0d;border:1px solid #535353;border-radius:4px;cursor:pointer;display:grid;font-size:1.2rem;font-weight:600;height:96px;justify-items:center;min-width:128px;padding:16px;text-align:center;transition-duration:.2s}.screen .form-group .option p{color:#d1d1d6}.screen .form-group .option p.description{color:#636366;font-size:.8rem;font-weight:400}.screen .form-group .option:hover{background-color:#171717;border:1px solid #535353;transition-duration:.1s}.screen .form-group .option:hover p{color:#fff}.screen .form-group .studio-domain-selector{align-items:center;display:flex;gap:4px;margin-left:-4px;margin-top:24px;opacity:0}.screen .form-group .studio-domain-selector.active{opacity:1;transition-duration:.1s}.screen .form-group .studio-domain-selector.active .web-icon{background-image:url(https://img.icons8.com/?size=100&id=K6FkUVH0GtOD&format=png&color=777777);background-position:50%;background-repeat:no-repeat;background-size:80%;height:32px;width:32px}.screen .form-group .studio-domain-selector.active .studio-domain{margin-left:0;opacity:.5}.screen .form-group .studio-domain-selector.taken .studio-domain{border:1px solid #ff9f0a}.screen .form-group .studio-domain-selector.taken .auto-checking.input-reaction{-webkit-text-fill-color:#0000;animation:loadingGradient 1s linear infinite alternate;background:linear-gradient(90deg,rgba(255,159,10,.784) 30%,#ff9f0a 45%,#ff9f0a 48%,rgba(255,159,10,.737) 55%,rgba(255,159,10,.475) 90%);-webkit-background-clip:text;background-position:0;background-size:200%;font-weight:200;font-weight:400;transition-duration:1s}.screen .form-group .studio-domain-selector.available .input-reaction{color:#428924}.screen .form-group .studio-domain-selector.available .input-reaction:before{color:#87d413;content:"✓ ";font-size:1.5rem}.screen .form-group .studio-domain-selector.checking .input-reaction{-webkit-text-fill-color:#0000;animation:loadingGradient 1s linear infinite alternate;background:linear-gradient(90deg,rgba(255,159,10,.784) 30%,#ff9f0a 45%,#ff9f0a 48%,rgba(255,159,10,.737) 55%,rgba(255,159,10,.475) 90%);-webkit-background-clip:text;background-position:0;background-size:200%;font-weight:200;font-weight:400;transition-duration:1s}.screen .form-group .studio-domain-selector .input-reaction{margin-left:8px;opacity:.6}.screen .form-group .studio-domain-selector .web-icon{background-image:url(https://img.icons8.com/?size=100&id=K6FkUVH0GtOD&format=png&color=777777);background-position:50%;background-repeat:no-repeat;background-size:80%;height:32px;transition-duration:.2s;width:32px}.screen .form-group .domain-input-container{display:FLEX}.screen .form-group .studio-domain{border:1px solid #535353;border-radius:16px;color:#545456;display:flex;font-size:1.5rem;font-size:1rem;margin-left:0;padding:4px 12px;transition-delay:.05s;transition-duration:1s}.screen .form-group .studio-domain .url-prefix{color:#8e8e93;margin-right:2px;-webkit-user-select:none;user-select:none}.screen .form-group .studio-domain .sub-domain-input{font-size:1rem;height:16px;margin:-32px 0 0;padding:0 0 4px;position:relative;top:0;width:160px}.screen .form-group .studio-domain .sub-domain-input:after{background-image:url(https://img.icons8.com/?size=100&id=8192&format=png&color=ffffff);background-position:50%;background-repeat:no-repeat;background-size:90%;color:#0000;content:"";margin-left:8px;padding:8px}.screen .form-group .studio-domain span{color:#aeaeae}.screen .form-group .studio-domain span.available{color:#f2f2f7;position:relative}.screen .form-group .studio-domain span.taken{color:#2c2c2e;position:relative}.screen .form-group .studio-domain span.suggestions{grid-gap:8px;display:grid;gap:8px;justify-content:start;justify-items:start;left:-8px;position:absolute;top:32px}.screen .form-group .studio-domain span.suggestions.focus-out{opacity:0;transition-duration:.1s}.screen .form-group .studio-domain span.suggestions.focus-out:hover{opacity:1;transition-duration:.1s}.screen .form-group .studio-domain span.suggestions .suggestion{border:1px solid #363638;border-radius:16px;cursor:pointer;padding:2px 8px;white-space:nowrap}.screen .form-group .studio-domain span.suggestions .suggestion:hover{border:1px solid #545456;color:#fff}.screen .form-group .studio-domain div{position:relative}.screen .form-group p.taken{color:#8e8e93;margin-left:8px;opacity:.8}.screen .create-studio-button{opacity:.1!important}.screen .create-studio-button.active{opacity:1!important;transition-delay:.5s;transition-duration:.3s}.screen #contactNumber{width:27rem}.screen #contactNumber:focus{width:28rem}.privacy-policy-modal{width:80vw}.privacy-policy-modal .modal-body{overflow:hidden;padding:24px 64px 8px}.privacy-policy-modal .modal-body .logo{animation:logo-spin infinite;animation-duration:18s;background-image:url(/static/media/fotoflow-pro-logo.336228920b45431a569e.png);background-position:50%;background-size:100%;height:80px;left:calc(50% - 40px);opacity:1;position:relative;top:0;transform:rotate(0deg) scale(1.2);width:80px;z-index:40}@keyframes logo-spin{0%{opacity:1;transform:rotate(0deg)}99.999%{opacity:1;transform:rotate(4turn)}to{opacity:1;transform:rotate(0deg)}}.privacy-policy-modal .modal-body .privacy-policy{margin-bottom:128px;margin-top:32px}.privacy-policy-modal .modal-body .privacy-policy section{margin-bottom:25.888px}.privacy-policy-modal .modal-body .privacy-policy h2{margin-bottom:16px}.privacy-policy-modal .modal-body .privacy-policy ul{margin-left:9.8887515451px;margin-top:8px}.privacy-policy-modal .modal-body .privacy-policy ul li{color:#8e8e93;line-height:1.2rem;margin-bottom:6.1117129451px}.privacy-policy-modal .modal-body .privacy-policy ul li strong{color:#d1d1d6}.privacy-policy-modal .modal-body .privacy-policy p{color:#aeaeae}.privacy-policy-modal .modal-body .privacy-policy p strong{color:#f2f2f7}.privacy-policy-statment{align-items:center;display:flex;gap:16px;margin-bottom:8px;margin-left:0;margin-top:8px;opacity:.2}.privacy-policy-statment.active{opacity:1;transition-delay:1.6s;transition-duration:.2s}.privacy-policy-statment input{border:1px solid #007bff;padding:0 8px;width:16px}.privacy-policy-statment input.privacyPolicy-error-input{border:1px solid #54a134;padding:8px;transform:scale(1.5);transition-duration:.2s;transition-timing-function:ease-in-out}.privacy-policy-statment label{color:#636366;white-space:nowrap;width:100%}@media only screen and (max-width:1230px){.App .onboarding-container{height:100dvh;padding-left:64px;width:100vw}.App .onboarding-container .screen,.App .onboarding-container .screen .section-intro{width:100%}.App .onboarding-container .screen .section-intro span.name-label{color:#aeaeae}.App .onboarding-container .screen .form-group input{width:100%}}@media only screen and (max-width:520px){.App .onboarding-container{height:100dvh;padding-left:24px;padding-right:24px}.App .onboarding-container .logo{left:0;position:relative;top:-32px}.App .onboarding-container .screen{width:100%!important}.App .onboarding-container .screen .create-studio-button{width:100%}.App .onboarding-container .screen .url-prefix{display:none}.App .onboarding-container .screen .studio-domain-selector{display:grid;width:100%}.App .onboarding-container .screen .studio-domain-selector .input-reaction{margin-left:40px}.App .onboarding-container .screen span.suggestions{flex-wrap:wrap;left:0;top:64px;width:calc(100vw - 96px)}.App .onboarding-container .screen .form-group input{font-size:3rem;width:calc(100vw - 32px)}.App .onboarding-container .screen .form-group input:focus{margin-left:-16px}.App .onboarding-container .screen .form-group input.sub-domain-input{font-size:1rem;width:calc(100vw - 112px)}.App .onboarding-container .screen .section-intro{font-size:1rem}.App .onboarding-container .screen #contactNumber{max-width:calc(100vw - 64px)}.App .onboarding-container .screen .screen-title{align-items:center}.App .onboarding-container .screen .screen-title h2{font-size:1.2rem}.App .onboarding-container .logged-user .logged-user-info{display:none}.App .onboarding-container .user-authentication .onboarding-greeting span.timeGreeting{color:#aeaeae;display:grid;font-weight:600;margin-left:0;transform:translateY(0)}.App .onboarding-container .user-authentication .onboarding-message{max-width:calc(100vw - 24px)}.App .onboarding-container .privacy-policy-statment label{display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;max-width:calc(100vw - 64px);row-gap:0}.App .onboarding-container .privacy-policy-statment label span{color:#8e8e93}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-reveal{animation-duration:.6s;animation-fill-mode:forwards;animation-name:fade-in-up;animation-timing-function:ease-out;opacity:0}.studio-selection-screen{margin-top:20px;max-width:450px;width:100%}.studio-selection-screen .studio-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-height:40vh;overflow-y:auto;padding-right:8px}.studio-selection-screen .studio-list::-webkit-scrollbar{width:4px}.studio-selection-screen .studio-list::-webkit-scrollbar-thumb{background:#2b2b2b;border-radius:4px}.studio-selection-screen .studio-item-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.studio-selection-screen .studio-item-card:hover{background:#ffffff14;border-color:#54a134;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.studio-selection-screen .studio-item-card .studio-card-info{display:flex;flex-direction:column;gap:2px}.studio-selection-screen .studio-item-card .studio-card-info .studio-card-name{color:#fff;font-size:1.1rem;font-weight:600}.studio-selection-screen .studio-item-card .studio-card-info .studio-card-domain{color:#8e8e93;font-size:.85rem}.studio-selection-screen .studio-item-card .icon-arrow-right{opacity:.5}.studio-selection-screen .studio-item-card .icon-arrow-right:after{color:#54a134;content:"→";font-size:1.2rem}.studio-selection-screen .divider-text{align-items:center;color:#8e8e93;display:flex;font-size:.8rem;font-weight:600;margin:20px 0;text-align:center}.studio-selection-screen .divider-text:after,.studio-selection-screen .divider-text:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.studio-selection-screen .divider-text:before{margin-right:15px}.studio-selection-screen .divider-text:after{margin-left:15px}.studio-selection-screen .logout-option{color:#8e8e93;cursor:pointer;font-size:.85rem;text-align:center;text-decoration:underline}.studio-selection-screen .logout-option:hover{color:#8e8e93}.button.full-width{width:100%}.button.outline-dashed{background:#0000;border:1px dashed #ffffff4d;border-radius:8px;color:#aeaeae;cursor:pointer;padding:12px 24px;text-align:center;transition:all .2s ease}.button.outline-dashed:hover{background:#ffffff0d;border-color:#54a134;border-style:solid;color:#fff}.mt-6{margin-top:24px}.mt-4{margin-top:16px}.App .admin-panel{padding:8px 32px;top:60px;z-index:19}.App .admin-panel .admin-title{margin:8px 0}.App .admin-panel .admin-controls-header{margin-left:-8px;margin-top:32px}.App .admin-panel .admin-dashboard{margin:24px 0 16px}.App .admin-panel .admin-dashboard .cards{display:flex;gap:33.886408256px}.App .admin-panel .admin-dashboard .cards .group{grid-gap:12.944px;display:grid;gap:12.944px;grid-template-columns:1fr 1fr}.App .admin-panel .admin-dashboard .cards .card{align-content:center;background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:4px;display:grid;height:96px;justify-items:center;padding:8px;width:155.328px}.App .admin-panel .admin-dashboard .cards .card p{color:#535353;font-size:.8rem}.App .admin-panel .admin-dashboard .cards .card .count{margin-bottom:4px}.App .admin-panel .admin-dashboard .cards .card .count span.icon{background-position:50%;background-size:120%;margin-right:8px;padding:16px;width:80px}.App .admin-panel .admin-dashboard .cards .card .count span.icon.user{background-image:url(https://img.icons8.com/?size=100&id=23265&format=png&color=555555)}.App .admin-panel .admin-dashboard .cards .card .count span.icon.studio{background-image:url(https://img.icons8.com/?size=100&id=78230&format=png&color=555555);background-size:100%}.App .admin-panel .admin-dashboard .cards .card .count span.icon.ticket{background-image:url(https://img.icons8.com/?size=30&id=61029&format=png&color=555555);background-size:90%}.App .admin-panel .admin-dashboard .cards .card .count span.icon.analytics{background-image:url(https://img.icons8.com/?size=100&id=108771&format=png&color=555555);background-size:90%}.App .admin-panel .admin-dashboard .cards .card .green{color:#428924}.App .admin-panel .admin-dashboard .cards .card .orange{color:#ffb340}.App .admin-panel .admin-dashboard .cards .card .cyan{color:#70d7ff}.App .admin-panel .admin-dashboard .cards .card .blue{color:#409cff}.App .admin-panel .admin-dashboard .cards .card .yellow{color:#ffd426}.App .admin-panel .admin-dashboard .cards .card .purple{color:#5de6ff}.App .admin-panel .admin-dashboard .admin-actions{display:flex;gap:16px;margin-bottom:32px;margin-top:36px}.App .admin-panel .admin-dashboard .admin-actions .button{margin:0}.App .admin-panel .info-bar{background-color:#428924;bottom:-57.6px;height:8px;left:0;position:absolute;width:100%}.App .admin-panel .tabs{display:flex;gap:0;margin-bottom:24px;margin-top:48px}.App .admin-panel .tabs .tab-button{background-color:#171717;border:none;border-bottom:2px solid #1c1c1e;border-radius:0;color:#535353;cursor:pointer;font-size:1.2rem;padding:8px 16px;transition:background-color .3s,color .3s}.App .admin-panel .tabs .tab-button:hover{background-color:#171717;color:#fff}.App .admin-panel .tabs .tab-button:first-child{border-radius:6px 0 0 6px}.App .admin-panel .tabs .tab-button:last-child{border-radius:0 6px 6px 0}.App .admin-panel .tabs .tab-button.active{background-color:#ffffff1a;border:1px solid #3a3a3c;border-bottom:2px solid #54a134;border-radius:4px 4px 4px 4px;box-shadow:0 0 2px 4px #0003;color:#fff;margin-top:-2px;z-index:10}.App .admin-panel .actions{display:grid;grid-template-columns:auto auto;justify-content:none;margin-bottom:16px}.App .admin-panel .actions .left-actions{align-items:center;display:flex;gap:8px;justify-content:start}.App .admin-panel .actions .right-actions{align-items:center;display:grid;justify-content:end}.App .admin-panel span.selected-group-name{color:#8e8e93}.App .admin-panel span.selected-group-name:before{margin-right:0;width:16px}.App .admin-panel .section-title{margin-bottom:8px}.App .admin-panel .studios-list,.App .admin-panel .users-list{grid-gap:8px;display:grid;gap:8px;padding:0}.App .admin-panel .search-input-wrapper{align-items:center;display:flex;position:relative}.App .admin-panel .search-input{background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:6px;color:#e5e5e5;font-size:1rem;height:2.2rem;margin-right:8px;padding:8px 30px 8px 12px;width:160px}.App .admin-panel .search-input:focus{border-color:#428924;outline:none}.App .admin-panel .clear-search-button{align-items:center;animation:fadeInLeft .1s .3s;animation-fill-mode:forwards;background:#0000;border:none;color:#c7c7cc;cursor:pointer;display:flex;font-size:1.4rem;height:100%;opacity:0;padding:12px;position:absolute;right:4px}.App .admin-panel .clear-search-button:hover{color:#fff}.App .admin-panel .clear-search-button:hover~.search-input{color:red}.App .admin-panel .referal-codes-list{grid-gap:8px;display:grid;gap:8px;position:relative}.App .admin-panel .referal-codes-list .clickable-row{cursor:pointer}.App .admin-panel .referal-codes-list .clickable-row.selected,.App .admin-panel .referal-codes-list .expanded-row{background-color:#171717}.App .admin-panel .referal-codes-list .expanded-row td{border-bottom:none;padding:0}.App .admin-panel .referal-codes-list .expanded-content{align-items:center;background-color:#0d0d0d;border-top:1px solid #2b2b2b;display:flex;gap:10px;padding:15px}.App .admin-panel .referal-codes-list .expand-icon{display:inline-block;transition:transform .3s ease}.App .admin-panel .referal-codes-list .expand-icon.expanded{transform:rotate(180deg)}.App .admin-panel .referal-codes-list .campainPlatform{background-position:50%;background-size:contain;height:24px;opacity:.6;width:auto}.App .admin-panel .referal-codes-list .campainPlatform.whatsapp{background-image:url(https://img.icons8.com/?size=100&id=MW3L3LMSpawR&format=png&color=000000);opacity:.5}.App .admin-panel .referal-codes-list .campainPlatform.direct{background-image:url(https://img.icons8.com/?size=100&id=3685&format=png&color=FFFFFF)}.App .admin-panel .referal-codes-list .campainPlatform.instagram{background-image:url(https://img.icons8.com/?size=100&id=RhYNENh5cxlS&format=png&color=FFFFFF);opacity:.8}.App .admin-panel .support-list{grid-gap:8px;display:grid;gap:8px}.developer-tools .dev-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.developer-tools .dev-header .dev-status{display:flex;gap:8px}.developer-tools .dev-header .dev-status .status-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.developer-tools .dev-header .dev-status .status-badge.loading{animation:pulse 2s infinite;background-color:#409cff33;border:1px solid #409cff4d;color:#409cff}.developer-tools .dev-header .dev-status .status-badge.seeding{background-color:#ffb34033;border:1px solid #ffb3404d;color:#ffb340}.developer-tools .dev-toolbar{gap:12px;margin-bottom:16px!important;margin-top:16px!important}.developer-tools .dev-toolbar button.small{font-size:.8rem;height:auto;padding:6px 12px}.firestore-explorer-container{background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:8px;box-shadow:0 8px 32px #0000004d;color:#e5e5e5;display:flex;flex-direction:column;height:calc(100vh - 280px);min-height:500px;overflow:hidden}.firestore-explorer-container .fs-breadcrumbs{align-items:center;background-color:#2d2d2d;border-bottom:1px solid #333;color:#888;display:flex;font-size:.85rem;padding:12px 16px}.firestore-explorer-container .fs-breadcrumbs .crumb{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:4px 8px;transition:all .2s}.firestore-explorer-container .fs-breadcrumbs .crumb .fs-icon{opacity:.6}.firestore-explorer-container .fs-breadcrumbs .crumb .doc-id{background:#0003;border-radius:3px;font-family:monospace;font-size:.8em;opacity:.6;padding:2px 6px}.firestore-explorer-container .fs-breadcrumbs .crumb:hover{background-color:#ffffff14;color:#e5e5e5}.firestore-explorer-container .fs-breadcrumbs .crumb:hover .fs-icon{opacity:1}.firestore-explorer-container .fs-breadcrumbs .crumb.active{background-color:#4289240d;color:#428924;cursor:default;font-weight:600}.firestore-explorer-container .fs-breadcrumbs .crumb.active:hover{background-color:#4289240d}.firestore-explorer-container .fs-breadcrumbs .sep{color:#444;font-size:1.1rem;margin:0 6px}.firestore-explorer-container .fs-columns{background-color:#1e1e1e;display:flex;flex:1 1;overflow:hidden}.firestore-explorer-container .fs-columns .fs-col{border-right:1px solid #333;display:flex;flex-direction:column;overflow:hidden}.firestore-explorer-container .fs-columns .fs-col .col-header{background-color:#252526;border-bottom:1px solid #333;color:#888;display:flex;flex-direction:column;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.05em;padding:10px 14px;text-transform:uppercase}.firestore-explorer-container .fs-columns .fs-col .col-header .col-search{align-items:center;background:#1e1e1e;border:1px solid #444;border-radius:4px;color:#666;display:flex;gap:6px;padding:2px 8px}.firestore-explorer-container .fs-columns .fs-col .col-header .col-search input{background:#0000;border:none;color:#ccc;font-size:.85rem;padding:4px 0;width:100%}.firestore-explorer-container .fs-columns .fs-col .col-header .col-search input:focus{outline:none}.firestore-explorer-container .fs-columns .fs-col .col-header .col-search input::placeholder{color:#555}.firestore-explorer-container .fs-columns .fs-col .col-header .col-search:focus-within{border-color:#428924;color:#428924}.firestore-explorer-container .fs-columns .fs-col .col-list{flex:1 1;overflow-y:auto}.firestore-explorer-container .fs-columns .fs-col .col-list::-webkit-scrollbar{width:6px}.firestore-explorer-container .fs-columns .fs-col .col-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.firestore-explorer-container .fs-columns .fs-col .col-list .list-item{align-items:center;border-bottom:1px solid #252525;color:#aaa;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:10px 14px;transition:all .15s;white-space:nowrap}.firestore-explorer-container .fs-columns .fs-col .col-list .list-item .fs-icon{opacity:.5;transition:opacity .2s}.firestore-explorer-container .fs-columns .fs-col .col-list .list-item .text{overflow:hidden;text-overflow:ellipsis}.firestore-explorer-container .fs-columns .fs-col .col-list .list-item:hover{background-color:#2a2d2e;color:#eee}.firestore-explorer-container .fs-columns .fs-col .col-list .list-item:hover .fs-icon{opacity:.8}.firestore-explorer-container .fs-columns .fs-col .col-list .list-item.active{background-color:#4289241a;border-left:3px solid #428924;color:#fff;padding-left:11px}.firestore-explorer-container .fs-columns .fs-col .col-list .list-item.active .fs-icon{color:#428924;opacity:1}.firestore-explorer-container .fs-columns .fs-col .col-list .empty-msg{color:#444;font-size:.85rem;font-style:italic;padding:32px 16px;text-align:center}.firestore-explorer-container .fs-columns .collections-col{background-color:#252526;flex:0 0 240px}.firestore-explorer-container .fs-columns .documents-col{flex:0 0 260px}.firestore-explorer-container .fs-columns .data-col{border-right:none;display:flex;flex:1 1;flex-direction:column}.firestore-explorer-container .fs-columns .data-col .col-header{align-items:center;flex-direction:row;height:48px;justify-content:space-between}.firestore-explorer-container .fs-columns .data-col .col-header .doc-title{color:#428924;font-family:monospace;font-size:.9rem;text-transform:none}.firestore-explorer-container .fs-columns .data-col .col-header .data-actions{display:flex;gap:8px}.firestore-explorer-container .fs-columns .data-col .col-header .data-actions .icon-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.firestore-explorer-container .fs-columns .data-col .col-header .data-actions .icon-btn:hover{background:#333;color:#fff}.firestore-explorer-container .fs-columns .data-col .data-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.firestore-explorer-container .fs-columns .data-col .subcollections-panel{background-color:#252526;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:10px;padding:12px 16px}.firestore-explorer-container .fs-columns .data-col .subcollections-panel .sub-label{color:#666;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.firestore-explorer-container .fs-columns .data-col .subcollections-panel .sub-chips{display:flex;flex-wrap:wrap;gap:8px}.firestore-explorer-container .fs-columns .data-col .subcollections-panel .sub-chips .chip{align-items:center;background-color:#1e1e1e;border:1px solid #333;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:6px 12px;transition:all .2s}.firestore-explorer-container .fs-columns .data-col .subcollections-panel .sub-chips .chip .arrow{opacity:.4}.firestore-explorer-container .fs-columns .data-col .subcollections-panel .sub-chips .chip:hover{background-color:#333;border-color:#428924;color:#428924}.firestore-explorer-container .fs-columns .data-col .json-panel{flex:1 1;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6;overflow:auto;padding:20px}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-node{margin:2px 0}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-toggle{align-items:center;border-radius:3px;cursor:pointer;display:inline-flex;gap:4px;padding:2px 4px;-webkit-user-select:none;user-select:none}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-toggle:hover{background:#ffffff0d}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-arrow{color:#555;font-size:.7em;width:12px}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-label{font-weight:600}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-label.jv-array,.firestore-explorer-container .fs-columns .data-col .json-panel .jv-label.jv-object{color:#4ec9b0}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-content{border-left:1px solid #333;margin-left:12px;padding-left:12px}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-line{align-items:baseline;display:flex;gap:8px;margin:2px 0}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-key{color:#9cdcfe}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-value.jv-string{color:#ce9178}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-value.jv-number{color:#b5cea8}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-value.jv-boolean{color:#569cd6}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-value.jv-null,.firestore-explorer-container .fs-columns .data-col .json-panel .jv-value.jv-undefined{color:gray;font-style:italic}.firestore-explorer-container .fs-columns .data-col .json-panel .jv-empty{color:#666}.firestore-explorer-container .fs-columns .data-col .empty-state{align-items:center;color:#444;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.firestore-explorer-container .fs-columns .data-col .empty-state .icon{font-size:4rem;margin-bottom:16px;opacity:.2}.firestore-explorer-container .fs-columns .data-col .empty-state p{font-size:1rem;line-height:1.5;max-width:280px}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.pricing-group-modal .modal-body{padding:20px}.pricing-group-modal .form-section{display:flex;flex-direction:column;gap:15px}.pricing-group-modal .form-section .field{display:flex;flex-direction:column;gap:8px}.pricing-group-modal .form-section .field label{color:#fff;font-size:.9rem}.pricing-group-modal .form-section .field input,.pricing-group-modal .form-section .field textarea{font-size:1rem;padding:10px;width:100%}.pricing-group-modal .form-section .field input:focus,.pricing-group-modal .form-section .field textarea:focus{outline:none}.pricing-group-modal .form-section .field textarea{min-height:80px;resize:vertical}.pricing-plan-modal{display:flex;flex-direction:column;max-width:95vw;padding-bottom:0;width:900px}.pricing-plan-modal .modal-body{display:flex;flex:1 1;height:100%;margin:0!important;overflow:hidden;padding:0}.pricing-plan-modal .modal-sidebar{background:#ffffff08;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;padding:0;width:220px}.pricing-plan-modal .modal-sidebar .sidebar-item{align-items:center;border-left:3px solid #0000;color:#888;cursor:pointer;display:flex;gap:10px;padding:12px 20px;transition:all .2s ease}.pricing-plan-modal .modal-sidebar .sidebar-item:hover{background:#ffffff0d;color:#ddd}.pricing-plan-modal .modal-sidebar .sidebar-item.active{background:#ffffff14;border-left-color:#66b346;color:#fff}.pricing-plan-modal .modal-sidebar .sidebar-item .step-number{font-size:.8em;opacity:.5;width:15px}.pricing-plan-modal .modal-sidebar .overview-card{background:#ffffff0d;border-top:1px solid #ffffff1a;color:#ccc;display:flex;flex-direction:column;font-size:.9em;gap:8px;margin-top:auto;padding:15px 20px}.pricing-plan-modal .modal-sidebar .overview-card h4{border-bottom:1px solid #ffffff14;color:#fff;font-size:1.1em;margin-bottom:10px;margin-top:0;padding-bottom:8px}.pricing-plan-modal .modal-sidebar .overview-card .overview-item{display:flex;justify-content:space-between}.pricing-plan-modal .modal-sidebar .overview-card .overview-item span{color:#aaa}.pricing-plan-modal .modal-sidebar .overview-card .overview-item strong{color:#fff}.pricing-plan-modal .modal-content-area{flex:1 1;overflow-y:auto;padding:16px}.pricing-plan-modal .modal-content-area h3{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1.2rem;margin-bottom:20px;padding-bottom:10px}.pricing-plan-modal .modal-content-area .form-section{display:flex;flex-direction:column;gap:20px}.pricing-plan-modal .modal-content-area .form-row{display:flex;gap:20px}.pricing-plan-modal .modal-content-area .form-row .field{flex:1 1}.pricing-plan-modal .modal-content-area .form-row.slug-sort-order{display:grid;grid-template-columns:auto 96px}.pricing-plan-modal .modal-content-area .field{display:flex;flex-direction:column;gap:8px}.pricing-plan-modal .modal-content-area .field label{color:#ccc;font-size:.85rem;font-weight:500}.pricing-plan-modal .modal-content-area .field .sub-label{color:#666;font-size:.75rem}.pricing-plan-modal .modal-content-area .field input,.pricing-plan-modal .modal-content-area .field select,.pricing-plan-modal .modal-content-area .field textarea{background:#0003;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:.95rem;padding:10px 12px;transition:border-color .2s;width:100%}.pricing-plan-modal .modal-content-area .field input:focus,.pricing-plan-modal .modal-content-area .field select:focus,.pricing-plan-modal .modal-content-area .field textarea:focus{border-color:#66b346;outline:none}.pricing-plan-modal .modal-content-area .field textarea{min-height:80px;resize:vertical}.pricing-plan-modal .modal-content-area .tiers-list{display:flex;flex-direction:column;gap:10px}.pricing-plan-modal .modal-content-area .tiers-list .tier-item{grid-gap:10px;align-items:center;background:#ffffff08;border-radius:6px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr auto;padding:10px}.pricing-plan-modal .modal-content-area .tiers-list .tier-item .remove-tier{color:#ff6b6b;cursor:pointer;padding:5px}.pricing-plan-modal .modal-content-area .tiers-list .tier-item .remove-tier:hover{background:#ff6b6b1a;border-radius:4px}.pricing-plan-modal .modal-content-area .permissions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.pricing-plan-modal .modal-content-area .permissions-grid .checkbox-card{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:12px}.pricing-plan-modal .modal-content-area .permissions-grid .checkbox-card:hover{background:#ffffff0d}.pricing-plan-modal .modal-content-area .permissions-grid .checkbox-card.checked{background:#66b3461a;border-color:#66b3464d}.pricing-plan-modal .modal-content-area .permissions-grid .checkbox-card input{width:auto}.pricing-plan-modal .modal-content-area .permissions-grid .checkbox-card label{color:#fff;cursor:pointer;margin:0}.pricing-plan-modal .modal-content-area .display-list-builder .list-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.pricing-plan-modal .modal-content-area .display-list-builder .list-item input{flex:1 1}.pricing-plan-modal .modal-content-area .display-list-builder .list-item .remove-btn{color:#ff6b6b;cursor:pointer}.pricing-plan-modal .modal-content-area .color-picker-row{display:flex;gap:10px}.pricing-plan-modal .modal-content-area .color-picker-row .color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:30px;width:30px}.pricing-plan-modal .modal-content-area .color-picker-row .color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #00000080}.pricing-plan-modal .modal-footer{align-items:center;background:#0003;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 30px}.admin-controls-header,.admin-controls-header .view-control{align-items:center;display:flex;width:100%}.admin-controls-header .view-control{font-size:.9rem;height:40px;justify-content:space-between;margin:0 12px}.admin-controls-header .view-control .control-wrap{align-items:center;display:flex;gap:8px;position:relative}.admin-controls-header .view-control .control-wrap .label{animation:none;color:#48484a;font-size:.8rem;left:0;margin-right:4px;opacity:1;position:relative;top:0}.admin-controls-header .view-control .controls{background:linear-gradient(120deg,#2b2b2b -80%,#171717 20%,#171717 60%,#0d0d0d);border:1px solid #242426;border-radius:9px;border-top-color:#363638;box-shadow:2px 2px 4px #000c;display:flex;transition-duration:.15s}.admin-controls-header .view-control .controls:hover{transition-duration:.1s}.admin-controls-header .view-control .controls .control{border:1px solid #ffffff05;border-radius:8px;color:#7c7c80;cursor:pointer;font-size:.8rem;font-weight:400;gap:4px;line-height:1.1rem;padding:4px 11.2px;transform:scale(1);transition-duration:.1s;transition-timing-function:ease-out;white-space:nowrap}.admin-controls-header .view-control .controls .control:hover{background-color:#171717;color:#aeaeae;transition-duration:.1s}.admin-controls-header .view-control .controls .control:hover:last-child{border-radius:8px}.admin-controls-header .view-control .controls .control.active{background-color:#0b0b0b;border-bottom:1px solid #363638;border-left:1px solid #363638;border-top:1px solid #363638;border-color:#545456 #363638 #363638 #545456;border-radius:8px!important;border-style:solid;border-width:1px;box-shadow:1px 1px 2px #000c;color:#e5e5e5;transform:scale(1.1);transition-duration:.05s;transition-timing-function:ease-in;z-index:10}.admin-controls-header .view-control .controls .control.active:hover{transition-duration:.1s}@media only screen and (max-width:768px){.admin-controls-header .view-control{align-items:center;flex-direction:row;gap:8px;height:auto;margin:0 8px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.admin-controls-header .view-control::-webkit-scrollbar{display:none}.admin-controls-header .view-control .filter-controls{flex-direction:row;gap:8px;width:auto}.admin-controls-header .view-control .filter-controls .control-wrap{flex-direction:row;width:auto}.admin-controls-header .view-control .filter-controls .control-wrap .label{display:none}.admin-controls-header .view-control .filter-controls .control-wrap .controls{flex-wrap:nowrap;width:auto}.admin-controls-header .view-control .filter-controls .control-wrap .controls .control{flex-grow:0}}.App .notifications-page main{padding-top:16px}.App .notifications-page .notifications-list{grid-gap:12px;display:grid;gap:12px;max-width:50%;padding:16px 24px}.App .notifications-page .notifications-list .label{color:#666;font-size:1rem;white-space:nowrap}.App .notifications-page .notifications-list .notification{grid-gap:8px;animation:fadeInLeft .4s ease-out;animation-fill-mode:forwards;animation-timing-function:ease-out;border:1px solid #2b2b2b;border-radius:8px;display:grid;gap:8px;grid-template-columns:auto auto auto;opacity:0;padding:8px;width:640px;z-index:2}.App .notifications-page .notifications-list .notification .left .image{animation:fadeInUp .4s ease-out;animation-delay:.1s;animation-fill-mode:forwards;animation-timing-function:ease-out;background-color:#2b2b2b;border-radius:50%;height:32px;opacity:0;width:32px}.App .notifications-page .notifications-list .notification .right{align-items:center;display:grid;justify-content:center;width:auto}.App .notifications-page .notifications-list .notification .right .new{background-color:#ff453a;border-radius:50%;float:right;height:8px;width:8px}.App .notifications-page .notifications-list .notification .title{animation:fadeInLeft .2s ease-out;animation-delay:.2s;animation-fill-mode:forwards;animation-timing-function:ease-out;font-weight:500;margin-bottom:4px;opacity:0}.App .notifications-page .notifications-list .notification .title span{color:#8e8e93;font-size:.8rem;font-weight:400;margin-left:8px}.App .notifications-page .notifications-list .notification .context{animation:fadeInLeft .2s ease-out;animation-delay:.25s;animation-fill-mode:forwards;animation-timing-function:ease-out;color:#636366;font-size:.9rem;opacity:0}.App .notifications-page .notifications-list .notification:first-of-type{animation-delay:.25s}.App .notifications-page .notifications-list .notification:nth-of-type(2){animation-delay:.3s}.App .notifications-page .notifications-list .notification:nth-of-type(3){animation-delay:.35s}.App .notifications-page .notifications-list .notification:nth-of-type(4){animation-delay:.4s}.App .notifications-page .notifications-list .notification:nth-of-type(5){animation-delay:.45s}.App .notifications-page .notifications-list .notification:nth-of-type(6){animation-delay:.5s}.App .notifications-page .notifications-list .notification:nth-of-type(7){animation-delay:.55s}.App .notifications-page .notifications-list .notification:nth-of-type(8){animation-delay:.6s}.App .notifications-page .notifications-list .notification:nth-of-type(9){animation-delay:.65s}.App .notifications-page .notifications-list .notification:nth-of-type(10){animation-delay:.7s}.notification-card{grid-gap:8px;align-items:center;animation:fadeInLeft .4s ease-out;animation-fill-mode:forwards;animation-timing-function:ease-out;background-color:#171717;border:1px solid #202020;border-radius:4px;display:grid;gap:8px;grid-template-columns:32px auto auto;margin-left:32px;opacity:0;padding:8px;transition-delay:0s;transition-duration:.2s;width:auto;z-index:2}.notification-card.unread{background-color:#151515;border:1px solid #202020}.notification-card.unread.recent{background-color:#0d0d0d;border:1px solid #2b2b2b;border-left:2px solid #428924}.notification-card.recent{border-left:2px solid #428924}.notification-card .notification-icon{animation:fadeInUp .4s ease-out;animation-delay:.1s;animation-fill-mode:forwards;animation-timing-function:ease-out;border-radius:50%;font-size:1.2rem;height:24px;opacity:0;width:100%}.notification-card .notification-content{align-items:center;display:flex;gap:16px}.notification-card .notification-content .notification-title{animation:fadeInLeft .2s ease-out;animation-delay:.2s;animation-fill-mode:forwards;animation-timing-function:ease-out;color:#d1d1d6;font-size:1rem;font-weight:800;font-weight:500;margin:0 0 4px;opacity:0;white-space:nowrap}.notification-card .notification-content .notification-title span{color:#8e8e93;font-size:.8rem;font-weight:400;margin-left:8px}.notification-card .notification-content .notification-message{color:#666;font-size:.9rem;white-space:nowrap}.notification-card .notification-footer{align-items:center;color:#999;display:flex;font-size:.8rem;justify-content:flex-end}.notification-card .notification-footer .notification-date{color:#c7c7cc;white-space:nowrap}.notification-card .notification-footer .notification-action{color:#007bff;font-weight:500;text-decoration:none}.notification-card .notification-footer .notification-action:hover{text-decoration:underline}.notification-card:hover{box-shadow:0 4px 8px #00000026;transform:translateX(-2px)}.notification-card:first-of-type{animation-delay:.25s}.notification-card:nth-of-type(2){animation-delay:.3s}.notification-card:nth-of-type(3){animation-delay:.35s}.notification-card:nth-of-type(4){animation-delay:.4s}.notification-card:nth-of-type(5){animation-delay:.45s}.notification-card:nth-of-type(6){animation-delay:.5s}.notification-card:nth-of-type(7){animation-delay:.55s}.notification-card:nth-of-type(8){animation-delay:.6s}.notification-card:nth-of-type(9){animation-delay:.65s}.notification-card:nth-of-type(10){animation-delay:.7s}.wish-messages *{color:#000}.wish-messages input{background-color:#fff}.wish-messages .wish-title{margin:16px 8px}.wish-messages ul{display:flex;gap:16px;margin:16px 0;overflow-x:scroll;padding-bottom:16px;width:100%}.wish-messages ul li{background-color:#f2f2f2;border:1px solid #fff3;border-radius:4px;box-shadow:1px 1px 1px #0003;font-size:.9rem;list-style:none;margin:8px;min-width:160px;padding:16px;transform:rotate(359deg)}.wish-messages .message-input{grid-gap:8px;align-items:center;display:grid;gap:8px}.wish-messages .message-input input{width:100%}.wish-messages .message-input input.wish-input{height:64px}.wish-messages .message-input button{color:#fff}.App .project-info.invitation-page-header{padding-top:10px}.App .project-info.invitation-page-header .view-control{margin:0}.App .invitation-preview{height:100vh;left:0;padding:0;top:0;width:100vw}.App .invitation-preview .preview-window{padding:0}.App .invitation-preview .preview-window .screen-wrap .screen{border:none;min-height:100vh}.App .invitation-page{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:560px auto;padding:24px}.App .publish-button.publishing{-webkit-text-fill-color:#0000;animation:loadingGradient 1s linear infinite alternate;background:linear-gradient(90deg,rgba(56,125,22,.784) 30%,#a1ed08 45%,#a1ed08 48%,rgba(112,152,31,.737) 55%,rgba(19,45,6,.475) 90%);-webkit-background-clip:text;background-position:0;background-size:200%;border:2px solid #336c1b;font-weight:200;font-weight:600;transition-duration:2s}@keyframes loadingGradient{0%{background-position:100%}20%{background-position:100%}80%{background-position:0}to{background-position:0}}.App .editor .screen-wrap,.App .preview-window .screen-wrap{background-color:#fff;border-radius:32px;width:100%}.App .editor .screen-wrap .screen,.App .preview-window .screen-wrap .screen{background:#fff;border-bottom:16px solid #fff;border-radius:16px;border-top:16px solid #fff;border-color:#fff;border-style:solid;border-width:24px 16px 32px;box-shadow:inset 0 0 2px 1px #0003;min-height:calc(100vh - 392px);text-align:center;text-shadow:none;width:100%}.App .editor .screen-wrap .screen .power-button,.App .preview-window .screen-wrap .screen .power-button{background-color:#d8d8d8;border-radius:2px 2px 0 0;height:4px;position:absolute;right:80px;top:13.6px;width:40px;z-index:-1}.App .editor .screen-wrap .screen .volume-button,.App .preview-window .screen-wrap .screen .volume-button{background-color:#d8d8d8;border-radius:0 2px 2px 0;height:48px;position:absolute;right:13.6px;top:80px;width:4px;z-index:-1}.App .editor .screen-wrap .screen .volume-button.two,.App .preview-window .screen-wrap .screen .volume-button.two{margin-top:56px}.App .editor .screen-wrap .screen .project-cover,.App .preview-window .screen-wrap .screen .project-cover{background-color:#a3999966;display:grid;height:100%;width:100%}.App .editor .screen-wrap .screen .project-cover img,.App .preview-window .screen-wrap .screen .project-cover img{width:100%}.App .editor .screen-wrap .screen .container,.App .preview-window .screen-wrap .screen .container{background-position:50%;background-size:cover;min-height:240px;padding:16px}.App .editor .screen-wrap .screen .container .countdown,.App .preview-window .screen-wrap .screen .container .countdown{align-items:end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;color:#aeaeae;display:flex;font-size:1.2rem;font-weight:200;justify-content:center;padding:8px 24px}.App .editor .screen-wrap .screen .container .countdown .countdown-element,.App .preview-window .screen-wrap .screen .container .countdown .countdown-element{color:#535353;font-size:1.3rem;font-weight:100;margin-left:8px;margin-right:2px}.App .editor .screen-wrap .screen .container .button,.App .preview-window .screen-wrap .screen .container .button{font-size:1.2rem}.App .editor .screen-wrap .screen .container .events,.App .preview-window .screen-wrap .screen .container .events{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr;justify-items:center;margin-top:40px}.App .editor .screen-wrap .screen .container .events .event,.App .preview-window .screen-wrap .screen .container .events .event{align-items:start;display:grid;grid-template-columns:96px auto}.App .editor .screen-wrap .screen .container .events .event .left,.App .preview-window .screen-wrap .screen .container .events .event .left{border-right:1px solid #d8d8dc}.App .editor .screen-wrap .screen .container .events .event .right,.App .preview-window .screen-wrap .screen .container .events .event .right{padding-left:16px}.App .editor .screen-wrap .screen .container .events .event .right .button.secondary,.App .preview-window .screen-wrap .screen .container .events .event .right .button.secondary{box-shadow:none;color:#6c6c70;font-size:.8rem;font-weight:200;height:24px;line-height:12px;margin:8px;opacity:1;text-shadow:none}.App .editor .screen-wrap .screen .container .events .event .event-type,.App .preview-window .screen-wrap .screen .container .events .event .event-type{font-size:1.2rem;margin-bottom:8px}.App .editor .screen-wrap .screen .container .events .event .event-location,.App .preview-window .screen-wrap .screen .container .events .event .event-location{color:#535353;font-size:.9rem;margin-top:4px}.App .editor .screen-wrap .screen .container .events .event h3,.App .preview-window .screen-wrap .screen .container .events .event h3{color:#0d0d0d;font-size:1rem;font-weight:400}.App .editor .screen-wrap .screen .container .events .event p,.App .preview-window .screen-wrap .screen .container .events .event p{color:#2b2b2b;display:grid;text-align:center}.App .editor .screen-wrap .screen .container .events .event p .bold,.App .preview-window .screen-wrap .screen .container .events .event p .bold{color:#3a3a3c;font-size:1rem;font-weight:400}.App .editor .screen-wrap .screen .container .events .event p .day,.App .preview-window .screen-wrap .screen .container .events .event p .day{font-size:2rem;font-weight:200}.App .editor .screen-wrap .screen .container .events .event p .month,.App .preview-window .screen-wrap .screen .container .events .event p .month{font-size:1rem;font-size:.8rem;font-weight:200}.App .editor .screen-wrap .screen .container .events .event p .year,.App .preview-window .screen-wrap .screen .container .events .event p .year{font-size:1rem;font-weight:200}.App .editor .screen-wrap .screen .container .events .events-cta,.App .preview-window .screen-wrap .screen .container .events .events-cta{grid-gap:8px;display:grid;gap:8px;transform:scale(.8)}.App .editor .screen-wrap .screen .container .events .events-cta .button,.App .preview-window .screen-wrap .screen .container .events .events-cta .button{color:#fff;font-weight:600;height:40px;line-height:24px;margin:0;opacity:1;text-shadow:1px 1px 2px 0 #0000000f}.App .editor .screen-wrap .screen .container .events .photographer-branding,.App .preview-window .screen-wrap .screen .container .events .photographer-branding{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffb3;border-radius:8px;padding:8px 16px}.App .editor .screen-wrap .screen .container .events .photographer-branding p,.App .preview-window .screen-wrap .screen .container .events .photographer-branding p{color:#8e8e93;font-size:.8rem}.App .editor .screen-wrap .screen .container .events .photographer-branding p.footer-branding-name,.App .preview-window .screen-wrap .screen .container .events .photographer-branding p.footer-branding-name{color:#000;font-size:.9rem}.App .editor .screen-wrap .screen .container .host-message p,.App .preview-window .screen-wrap .screen .container .host-message p{color:#535353;font-size:.8rem}.App .editor .screen-wrap .screen .container .host-message p.hosts-name,.App .preview-window .screen-wrap .screen .container .host-message p.hosts-name{font-weight:600;margin-top:8px}.App .editor .screen-wrap .screen .invitation-project-name,.App .preview-window .screen-wrap .screen .invitation-project-name{color:#000c;font-family:Lastri,sans-serif;font-size:1.5rem;font-weight:400}.App .editor .screen-wrap .screen .invitation-project-name span,.App .preview-window .screen-wrap .screen .invitation-project-name span{font-family:Lastri,sans-serif;font-size:2rem}.App .editor .screen-wrap .screen .invitation-project-title,.App .preview-window .screen-wrap .screen .invitation-project-title{color:#000c;font-size:.8rem;font-weight:200;margin-bottom:16px}.App .editor .screen-wrap .invitation-image-gallery .gallery-container,.App .preview-window .screen-wrap .invitation-image-gallery .gallery-container{padding:0}.App .editor .screen-wrap .invitation-image-gallery .gallery-container .gallery:hover,.App .preview-window .screen-wrap .invitation-image-gallery .gallery-container .gallery:hover{transform:scale(1)}.App .editor .screen-wrap .invitation-image-gallery .gallery-container .scale-control,.App .preview-window .screen-wrap .invitation-image-gallery .gallery-container .scale-control{margin-bottom:0}.App .editor .screen-wrap .invitation-image-gallery .gallery-container .scale-control *,.App .preview-window .screen-wrap .invitation-image-gallery .gallery-container .scale-control *{color:#000}.App .editor{grid-gap:16px;display:grid;gap:16px;height:auto}.App .editor-row{align-items:start;border-bottom:1px solid #2b2b2b;display:flex;gap:32px;padding-bottom:32px;padding-top:8px}.App .editor-row.two{display:grid;grid-template-columns:1fr 1fr}.App .preview-window{animation:fadeInLeft .5s ease-out .5s;animation-fill-mode:forwards;border:1px solid #535353;border-radius:28px;opacity:0;padding:16px}.App .preview-window.editor-preview{position:sticky;top:80px}.App .preview-window.editor-preview .screen-wrap .screen{box-shadow:-4px 0 1px 1px #000,-4px 0 4px 2px #ffffff1a;max-height:calc(100vh - 160px);overflow-y:scroll;width:384px}.App .color-picker{align-items:center;display:grid;grid-template-rows:32px auto;height:100%;justify-content:start}.App .color-picker label{margin-bottom:0}.App .color-picker .box-body{animation:fadeInLeft .15s ease-out .1s;animation-fill-mode:forwards;display:flex;gap:8px;margin-top:0;opacity:0}.App .colour-picket-input{border-radius:4px;box-shadow:-1px -1px 2px 1px #000000e6,0 0 3px 1px #ffffff80;cursor:crosshair;height:40px}.App .cover-photo-uploader{border-radius:6px;box-shadow:1px 1px 1px solid #000;height:128px;overflow:hidden;transform:translateY(0) scale(1);transition-duration:.2s}.App .cover-photo-uploader .cover-upload-button{background-size:cover;height:100%}.App .cover-photo-uploader .cover-upload-button .upload-button{align-items:center;background-color:#00000080;background-image:url(https://img.icons8.com/?size=200&id=UVEiJZnIRQiE&format=png&color=aaaaaa);background-position:bottom 8px left 12px;background-size:auto 24px;border:1px solid #535353;border-radius:6px;box-shadow:0 0 1px 1px solid #000;cursor:pointer;display:grid;height:100%;justify-content:center;opacity:.5;padding:8px;transition-duration:.2s}.App .cover-photo-uploader .cover-photo-label{font-size:.8rem;margin-left:-48px;margin-top:-29.6px;opacity:0;text-align:center;transition-duration:.1s}.App .cover-photo-uploader:hover{transform:translateY(-4px) scale(1.05);transition-duration:.2s}.App .cover-photo-uploader:hover .cover-upload-button .upload-button{background-position:bottom 4px left 8px;background-size:auto 32px;box-shadow:0 0 2px 2px solid #000;opacity:1;transition-duration:.15s;transition-timing-function:ease-out}.App .cover-photo-uploader:hover .cover-photo-label{color:#fff;margin-left:-4px;margin-top:-29.6px;opacity:1;transition-delay:.05s;transition-duration:.2s;transition-timing-function:ease-out}.App .background-photo-uploader{height:80px;margin-left:0;width:80px}.App .background-photo-uploader .background-upload-button{height:100%}.App .background-photo-uploader .background-upload-button .upload-button{align-items:center;background-color:#171717;background-image:url(https://img.icons8.com/?size=100&id=UVEiJZnIRQiE&format=png&color=444444);background-position:50%;background-size:auto 60%;border:1px solid #535353;border-radius:4px;cursor:pointer;display:grid;height:100%;justify-content:center;padding:8px}.App .content-editor{grid-gap:16px;display:grid;gap:16px}.App .content-editor .form-section{grid-gap:8px;animation:fadeInLeft .15s ease-out .25s;animation-fill-mode:forwards;display:grid;gap:8px;margin:0;opacity:0}.App .content-editor .form-section .row{grid-gap:16px;display:grid;gap:16px}.App .content-editor .form-section .row.four{grid-template-columns:2fr 2fr 1fr 1fr}.App .content-editor .form-section .row.four .field input,.App .content-editor .form-section .row.four .field select{background-color:#0d0d0d;border-radius:8px;font-size:1rem;width:100%}.App .content-editor .form-section .row.four .field input.secondery,.App .content-editor .form-section .row.four .field select.secondery{background-color:#171717;border:none}.App .content-editor .form-section .row.two{grid-template-columns:1fr 1fr}.App .content-editor .form-section .event-row{background-color:#0d0d0d;border:1px solid #363638;border-radius:4px;padding:8px}.App .content-editor .form-section .event-row.field input{background-color:#0d0d0d;border:1px solid #0000}.App .content-editor .form-section .event-row.field input.focus{background-color:#171717}.App .content-editor .form-section .field{grid-gap:8px;align-items:center;display:grid;font-size:.9rem;gap:8px;grid-template-columns:auto;margin:8px 0 0}.App .content-editor .form-section .field.four{grid-gap:0;display:grid;gap:0;grid-template-columns:128px 120px 80px 160px 40px;padding:12px}.App .content-editor .form-section .field.font-select{width:120px}.App .content-editor .form-section .field label{color:#8e8e93;font-size:1rem;text-align:left}.App .content-editor .form-section .field label.ai-label{animation:fadeInLeft .1s ease-out .35s;animation-fill-mode:forwards;color:#66b346;font-size:.8rem;opacity:0}.App .content-editor .form-section .field input,.App .content-editor .form-section .field select{background-color:#0d0d0d;border:1px solid #363638;border-radius:4px;font-size:1rem;height:40px;padding:0 16px}.App .content-editor .form-section .field input::placeholder,.App .content-editor .form-section .field select::placeholder{color:#3a3a3c}.App .content-editor .form-section .field select{background:none;border:none;width:100%}.App .content-editor .form-section .field .symbol{position:relative}.App .content-editor .form-section .field .symbol:before{color:red;content:"%";height:16PX;left:0;position:relative;top:0;width:16PX}.App .content-editor .form-section .field .bigger{font-size:1.2rem}.App .content-editor .form-section .field.ai-suggestion{margin-bottom:24px}.App .content-editor .form-section .field.ai-suggestion label{opacity:0}.App .content-editor .form-section .field:first-child{animation-delay:.03s}.App .content-editor .form-section .field:nth-child(2){animation-delay:.06s}.App .content-editor .form-section .field:nth-child(3){animation-delay:.09s}.App .content-editor .form-section .field:nth-child(4){animation-delay:.12s}.App .content-editor .form-section .field:nth-child(5){animation-delay:.15s}.App .content-editor .form-section .field:nth-child(6){animation-delay:.18s}.App .content-editor .form-section .field:nth-child(7){animation-delay:.21s}.App .content-editor .form-section .field:nth-child(8){animation-delay:.24s}.App .content-editor .form-section .field:nth-child(9){animation-delay:.27s}.App .content-editor .form-section .field:nth-child(10){animation-delay:.3s}.App .content-editor .form-section .field:nth-child(11){animation-delay:.33s}.App .content-editor .form-section .field:nth-child(12){animation-delay:.36s}.App .content-editor .form-section .field:hover label{color:#c7c7cc}.App .content-editor .form-section .error{color:#ff6961;font-size:.8rem;margin-bottom:8px;margin-left:120px;margin-top:-8px}.App .event-editor{animation:fadeInLeft .15s ease-out .4s;animation-fill-mode:forwards;margin-top:0;opacity:0}.App .event-editor .label-row{display:grid;grid-template-columns:200px 160px auto auto}.App .event-editor .add-event{animation:fadeInLeft .15s ease-out .45s;animation-fill-mode:forwards;display:flex;margin-top:8px;opacity:0}.App .name-editor{margin-top:32px}.App .color-suggestions{align-items:center;display:flex;margin-left:10px}.App .color-option{border:2px solid #ccc;box-shadow:0 1px 3px #0003;opacity:.3;transform:scale(1);transition-duration:.1s;transition-timing-function:ease-in}.App .color-option.active,.App .color-option:hover{border:3px solid #ccc;opacity:1;transform:scale(1.2);transition-duration:.05s;transition-timing-function:ease-out}.App .background-picker{display:grid;overflow-x:scroll;width:100%}.App .background-picker .predefined-backgrounds{animation:fadeInLeft .15s ease-out .15s;animation-fill-mode:forwards;display:flex;gap:16px;margin-top:8px;opacity:0}.App .background-picker label{margin-bottom:8px}.App .background-picker .background-option{background-color:#d1d1d6;border:4px solid #fff0;border-radius:4px;cursor:pointer;height:80px;opacity:.6;width:80px}.App .background-picker .background-option.background-option-1{background-image:url(/static/media/background-option-1.4e5e2c1c986d8f2c3d64.png);background-position:0 0;background-size:120%}.App .background-picker .background-option.background-option-2{background-image:url(/static/media/background-option-2.bb1d9c99d954745f55e5.png);background-position:100% 0;background-size:100%}.App .background-picker .background-option.background-option-3{background-image:url(/static/media/background-option-3.0dbeda8688cf816c7096.png);background-position:0 0;background-size:100%}.App .background-picker .background-option.background-option-4{background-image:url(/static/media/background-option-4.6e82ba1a8764f95d7157.png);background-position:50%;background-size:cover}.App .background-picker .background-option.selected{border:4px solid #fff;margin-left:0;opacity:1}@media only screen and (max-width:580px){.App .invitation-page{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr;padding:24px;width:100vw}.App .invitation-page .editor{order:2;width:100%}.App .invitation-page .preview{order:1}.App .invitation-page .editor-row{width:100%}.App .invitation-page .editor-row.two{grid-template-columns:1fr}.App .invitation-page .background-picker .predefined-backgrounds{overflow:scroll;width:calc(100vw - 40px)}.App .invitation-page .form-section .row.four{grid-template-columns:1fr 1fr}.App .invitation-page .form-section .field.four{display:grid;grid-template-columns:1fr}}@media only screen and (min-width:1201px){.App .preview-window.editor-preview{display:grid;justify-self:center;max-width:416px;width:100%}.App .preview-window.preview-preview .screen-wrap .screen .invitation-project-name{color:#000c;font-family:Lastri,sans-serif;font-size:3rem;font-weight:400}.App .preview-window.preview-preview .screen-wrap .screen .project-cover{align-content:center;display:grid;height:70dvh;justify-content:center;overflow:hidden}.App .preview-window.preview-preview .screen-wrap .screen img{height:100%}.App .preview-window.preview-preview .screen-wrap .screen .container .events .events-cta{display:flex;gap:8px;transform:scale(.8)}.App .preview-window.preview-preview .screen-wrap .screen .container .host-message p{color:rgba(83,83,83,.812);font-size:1rem;max-width:400px}.App .preview-window.preview-preview .screen-wrap .screen .container .invitation-project-title{font-size:1.2rem}}@media only screen and (max-width:1200px){.App .preview-window.preview-preview .screen-wrap .screen .invitation-project-name{color:#000c;font-family:Lastri,sans-serif;font-size:2.5rem;font-weight:400}.App .preview-window.preview-preview .screen-wrap .screen .invitation-project-title{color:#535353;font-size:1.5rem}.App .preview-window.preview-preview .screen-wrap .screen .project-cover{align-content:center;display:grid;height:100%;justify-content:center;overflow:hidden}.App .preview-window.preview-preview .screen-wrap .screen img{height:100%}.App .preview-window.preview-preview .screen-wrap .screen .container .events .events-cta{display:flex;gap:8px;transform:scale(.8)}.App .preview-window.preview-preview .screen-wrap .screen .container .events .event .event-type{font-size:1.5rem;margin-bottom:8px}.App .preview-window.preview-preview .screen-wrap .screen .container .events .event .event-location,.App .preview-window.preview-preview .screen-wrap .screen .container .events .event p.event-time{font-size:1rem}.App .preview-window.preview-preview .screen-wrap .screen .container .host-message p{color:rgba(83,83,83,.812);font-size:1.2rem;max-width:400px}.App .preview-window.preview-preview .screen-wrap .screen .container .invitation-project-title{font-size:1.2rem}}@media only screen and (max-width:720px){.App .preview-window.preview-preview .screen-wrap .screen .invitation-project-name{color:#000c;font-family:Lastri,sans-serif;font-size:2rem;font-weight:400}.App .preview-window.preview-preview .screen-wrap .screen .invitation-project-title{color:#000000b3;font-size:1rem;font-weight:100}.App .preview-window.preview-preview .screen-wrap .screen .project-cover{align-content:center;display:grid;justify-content:center;overflow:hidden}.App .preview-window.preview-preview .screen-wrap .screen img{height:100%}}main.settings{padding:24px 24px 0 32px}main.settings .dashboard-tabs{align-items:flex-start;display:flex;gap:32px;margin-top:32px}main.settings .dashboard-tabs .tabs{border-bottom:none;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-left:-12px;padding-bottom:0;position:sticky;top:0;width:176px}main.settings .dashboard-tabs .tabs .tab-button{background-color:#0000;border:1px solid #0000;border-radius:8px;box-shadow:none;color:#48484a;font-weight:500;justify-content:flex-start;padding:10px 16px;text-align:left;transition:all .2s ease;width:100%}main.settings .dashboard-tabs .tabs .tab-button:before{margin-right:12px;opacity:.6}main.settings .dashboard-tabs .tabs .tab-button:hover{background-color:#ffffff0d;color:#8e8e93}main.settings .dashboard-tabs .tabs .tab-button:hover:before{opacity:.9}main.settings .dashboard-tabs .tabs .tab-button.active{background-color:#54a1341a;border:1px solid #54a1344d;color:#66b346}main.settings .dashboard-tabs .tabs .tab-button.active:before{filter:drop-shadow(0 0 4px rgba(84,161,52,.4));opacity:1}main.settings .dashboard-tabs .tabs .tab-button.disabled{cursor:not-allowed;opacity:.3}main.settings .dashboard-tabs .tabs .tab-button.disabled:hover{background-color:#0000}main.settings .dashboard-tabs .tab-content{flex-grow:1;height:calc(100vh - 160px);overflow-y:scroll;padding-right:16px}main.settings .dashboard-tabs .tab-content::-webkit-scrollbar{width:4px}main.settings .dashboard-tabs .tab-content::-webkit-scrollbar-track{background:#0000}main.settings .dashboard-tabs .tab-content::-webkit-scrollbar-thumb{background:#202020;border-radius:10px}main.settings .dashboard-tabs .tab-content::-webkit-scrollbar-thumb:hover{background:#2b2b2b}.settings-header{align-items:center;display:flex;gap:16px}.settings-header h1{font-size:2.2rem;font-weight:800;letter-spacing:-.5px}.settings-header .success-message{animation:fadeInUp .3s ease-out;color:#66b346;font-size:.9rem}.settings-form{grid-gap:32px;display:grid;gap:32px;margin-bottom:32px;margin-top:8px;max-width:900px}.settings-form h2{align-items:center;border-bottom:1px solid #202020;color:#8e8e93;display:flex;font-size:1.4rem;font-weight:600;gap:12px;margin-bottom:8px;padding-bottom:8px}.settings-form h2 span{background-repeat:no-repeat;background-size:contain;display:inline-block;height:24px;opacity:.6;width:24px}.settings-form h2 span.privacy{background-image:url(https://img.icons8.com/?size=100&id=59825&format=png&color=FFFFFF)}.settings-form h2 span.photos{background-image:url(https://img.icons8.com/?size=100&id=78741&format=png&color=FFFFFF)}.settings-form .form-group{grid-gap:8px;background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:grid;gap:8px;padding:16px;transition:all .2s ease}.settings-form .form-group:hover{background-color:#ffffff0a;border-color:#ffffff1a}.settings-form .form-group:hover label{color:#e5e5ea}.settings-form .form-group label{color:#636366;font-size:.95rem;font-weight:500;margin-bottom:4px}.settings-form .form-group label.note-bene{color:#3a3a3c;font-size:.85rem;font-style:italic;line-height:1.4;margin-top:4px;max-width:100%}.settings-form .form-group label.secondery{color:#3a3a3c;font-size:.8rem;margin-top:0}.settings-form .form-group .group-title{align-items:center;color:#8e8e93;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:12px}.settings-form .form-group .editable-data{align-items:flex-start;display:flex;gap:12px;width:100%}.settings-form .form-group .editable-data input,.settings-form .form-group .editable-data textarea{background-color:#0d0d0d;border:1px solid #202020;flex-grow:1;max-width:600px;transition:border-color .2s}.settings-form .form-group .editable-data input:focus,.settings-form .form-group .editable-data textarea:focus{border-color:#54a134;outline:none}.settings-form .form-group .editable-data .input-edit-actions{animation:fadeInRight .2s cubic-bezier(.4,0,.2,1);display:flex;gap:6px;margin-top:4px}.settings-form .form-group .input-with-prefix{align-items:stretch;background-color:#0d0d0d;border:1px solid #202020;border-radius:6px;display:flex;height:42px;max-width:600px;overflow:hidden;width:100%}.settings-form .form-group .input-with-prefix .prefix{align-items:center;background-color:#2b2b2b;border-right:1px solid #202020;color:#3a3a3c;display:flex;font-size:.85rem;padding:0 12px}.settings-form .form-group .input-with-prefix input{background:none;border:none;border-radius:0;font-size:1rem;height:100%;padding:0 12px;width:100%}.settings-form .form-group .input-with-icon{max-width:600px;position:relative;width:100%}.settings-form .form-group .input-with-icon input{padding-right:48px;width:100%}.settings-form .form-group .input-with-icon .google-logo{background-size:contain;height:20px;opacity:.8;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}.settings-form .form-group.rows-2{gap:24px;grid-template-columns:1fr 1fr}.settings-form .form-group.rows-2 .field-wrap{grid-gap:8px;display:grid;gap:8px}.settings-form .form-group .logo-input{align-items:center;display:flex;gap:24px}.settings-form .form-group .logo-input .logo-image{align-items:center;background-color:#ffffff05;border:1px dashed #ffffff1a;border-radius:12px;display:flex;height:120px;justify-content:center;padding:12px;position:relative;width:120px}.settings-form .form-group .logo-input .logo-image img{max-height:100%;max-width:100%;object-fit:contain}.settings-form .form-group .logo-input .button-wrapper{display:flex;flex-direction:column;gap:8px}.settings-form .form-group .logo-input .button-wrapper span{color:#3a3a3c;font-size:.8rem}.settings-form .form-group .radio-tabs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));height:96px;margin-bottom:12px;width:100%}.settings-form .form-group .radio-tabs .tab{background-color:#151515;border:1px solid #202020;border-radius:10px;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;height:auto;overflow:hidden;transition:all .2s ease;width:100%}.settings-form .form-group .radio-tabs .tab:after{display:none}.settings-form .form-group .radio-tabs .tab .tab-image{background-color:#2b2b2b;background-position:50%;background-size:32px;border-bottom:1px solid #202020;border-right:none;height:100px;opacity:.3;transition:opacity .2s;width:100%}.settings-form .form-group .radio-tabs .tab .tab-content{grid-gap:4px;display:grid!important;gap:4px;opacity:1!important;padding:12px;width:100%!important}.settings-form .form-group .radio-tabs .tab .tab-content label{color:#8e8e93;font-size:.95rem;font-weight:600;margin:0}.settings-form .form-group .radio-tabs .tab .tab-content label.secondery{color:#3a3a3c;font-size:.8rem;font-weight:400;line-height:1.3;white-space:normal}.settings-form .form-group .radio-tabs .tab:hover{background-color:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.settings-form .form-group .radio-tabs .tab:hover .tab-image{opacity:.6}.settings-form .form-group .radio-tabs .tab.active{background-color:#54a1340d;border-color:#54a134;box-shadow:0 4px 12px #0000004d}.settings-form .form-group .radio-tabs .tab.active .tab-image{background-color:#54a1341a;opacity:1}.settings-form .form-group .radio-tabs .tab.active label{color:#66b346;text-shadow:none}.settings-form .form-group .radio-tabs .tab.active label.secondery{color:#636366}.settings-form .form-group .radio-tabs .tab.disabled{cursor:not-allowed;filter:grayscale(1);opacity:.4}.settings-form .form-group .radio-tabs .tab.disabled:hover{transform:none}@media only screen and (max-width:860px){main.settings .dashboard-tabs{flex-direction:column}main.settings .dashboard-tabs .tabs{flex-direction:row;overflow-x:auto;padding-bottom:12px;width:100%}.settings-form .form-group.rows-2{grid-template-columns:1fr}}@media only screen and (max-width:520px){main.settings{padding:16px}.settings-form .form-group .radio-tabs{grid-template-columns:1fr}}.billing-container{background-color:#171717;color:#fff;min-height:100dvh;padding:20px}.billing-container .header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:20px}.billing-container .header .title{font-size:24px;font-weight:700;margin:0}.billing-container .header .save-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.billing-container .header .save-button:disabled{background-color:#666;cursor:not-allowed}.billing-container .nav-tabs{border-bottom:1px solid #333;display:flex;gap:20px;margin-bottom:30px}.billing-container .nav-tabs .nav-tab{color:#ccc;font-size:16px;padding:10px 15px;text-decoration:none}.billing-container .nav-tabs .nav-tab.active{border-bottom:2px solid #4caf50;color:#fff}.billing-container .nav-tabs .nav-tab:hover{color:#fff}.billing-container .invoice-history,.billing-container .users-tab-window{margin-bottom:36px}.billing-container .invoice-history .section-title,.billing-container .users-tab-window .section-title{font-size:20px;font-weight:700;margin-bottom:15px}.billing-container .invoice-history .search-bar,.billing-container .users-tab-window .search-bar{margin-bottom:15px}.billing-container .invoice-history .search-bar input,.billing-container .users-tab-window .search-bar input{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;max-width:300px;padding:8px;width:100%}.billing-container .invoice-history .search-bar input:focus,.billing-container .users-tab-window .search-bar input:focus{border-color:#4caf50;outline:none}.billing-container .invoice-history table,.billing-container .users-tab-window table{border-collapse:collapse}.billing-container .invoice-history .invoice-table,.billing-container .users-tab-window .invoice-table{background-color:#222;background:#171717;border:1px solid #48484a;border-collapse:collapse;border-radius:4px;border-radius:8px;overflow:hidden;width:100%}.billing-container .invoice-history .invoice-table thead tr th,.billing-container .users-tab-window .invoice-table thead tr th{background-color:#0003;box-shadow:inset 0 -2px 1px rgba(0,0,0,.406);color:#636366;padding:8px 16px;text-shadow:1px 1px 2px #000}.billing-container .invoice-history .invoice-table .clickable-row,.billing-container .users-tab-window .invoice-table .clickable-row{cursor:pointer}.billing-container .invoice-history .invoice-table .clickable-row:hover,.billing-container .users-tab-window .invoice-table .clickable-row:hover{background-color:#151515;border:1px solid #8e8e93!important}.billing-container .invoice-history .invoice-table .clickable-row.selected,.billing-container .users-tab-window .invoice-table .clickable-row.selected{background-color:#151515}.billing-container .invoice-history .invoice-table .clickable-row.selected td,.billing-container .users-tab-window .invoice-table .clickable-row.selected td{border-bottom:1px solid #636366;border-bottom:1px solid #1c1c1e!important}.billing-container .invoice-history .invoice-table .expanded-row td,.billing-container .users-tab-window .invoice-table .expanded-row td{background-color:#171717;border-bottom:1px solid #636366;padding:8px 16px}.billing-container .invoice-history .invoice-table .expanded-row .expanded-content,.billing-container .users-tab-window .invoice-table .expanded-row .expanded-content{display:flex;flex-direction:row-reverse;gap:8px}.billing-container .invoice-history .invoice-table .active td,.billing-container .users-tab-window .invoice-table .active td{color:#fff}.billing-container .invoice-history .invoice-table td,.billing-container .invoice-history .invoice-table th,.billing-container .users-tab-window .invoice-table td,.billing-container .users-tab-window .invoice-table th{border-bottom:1px solid #333;padding:16px;text-align:left}.billing-container .invoice-history .invoice-table th,.billing-container .users-tab-window .invoice-table th{background-color:#1a1a1a;cursor:pointer}.billing-container .invoice-history .invoice-table th:hover,.billing-container .users-tab-window .invoice-table th:hover{background-color:#222}.billing-container .invoice-history .invoice-table th.align-right,.billing-container .users-tab-window .invoice-table th.align-right{text-align:right}.billing-container .invoice-history .invoice-table tr:nth-child(2n),.billing-container .users-tab-window .invoice-table tr:nth-child(2n){background-color:#252525}.billing-container .invoice-history .invoice-table .status-tag,.billing-container .users-tab-window .invoice-table .status-tag{border-radius:12px;display:inline-block;font-size:12px;padding:2px 8px}.billing-container .invoice-history .invoice-table .status-tag.paid,.billing-container .users-tab-window .invoice-table .status-tag.paid{background-color:#171717;border:1px solid #54a134;color:#54a134}.billing-container .invoice-history .invoice-table .status-tag.unpaid,.billing-container .users-tab-window .invoice-table .status-tag.unpaid{background-color:#5a5a5a;color:#fff}.billing-container .invoice-history .invoice-table .actions .link,.billing-container .users-tab-window .invoice-table .actions .link{color:#4caf50;margin-right:10px;text-decoration:none}.billing-container .invoice-history .invoice-table .actions .link:hover,.billing-container .users-tab-window .invoice-table .actions .link:hover{text-decoration:underline}.billing-container .invoice-history .invoice-table .align-right,.billing-container .users-tab-window .invoice-table .align-right{text-align:right}.billing-container .invoice-history .plan-name-label,.billing-container .users-tab-window .plan-name-label{margin-right:4px}.billing-container .invoice-history .paid-status,.billing-container .users-tab-window .paid-status{border:1px solid #48484a;border-radius:16px;color:#48484a;font-size:.8rem;margin-left:4px;padding:1px 4px}.billing-container .invoice-history .paid-status.paid,.billing-container .users-tab-window .paid-status.paid{border:1px solid #336c1b;color:#54a134;padding:1px 8px}.billing-container .invoice-history .paid-status.paid.pending,.billing-container .users-tab-window .paid-status.paid.pending{color:#1d571f;opacity:.5}.billing-container .invoice-history .paid-status.trial,.billing-container .users-tab-window .paid-status.trial{border:1px solid #707b3a;color:#a5a338;padding:1px 8px}.billing-container .invoice-history .summary,.billing-container .users-tab-window .summary{background-color:#222;border-radius:4px;margin-top:15px;padding:10px}.billing-container .invoice-history .summary p,.billing-container .users-tab-window .summary p{font-size:14px;margin:0}.current-plan{display:grid;justify-items:center;margin-bottom:30px}.current-plan .section-title{font-size:20px;font-weight:700;margin-bottom:15px}.current-plan .plan-details{background-color:#151515;border-bottom:1px solid #636366;border-radius:16px;border-right:1px solid #636366;border-color:#636366 #48484a #48484a #636366;border-radius:8px;border-style:solid;border-width:1px;box-shadow:1px 1px 2px #000;color:#8e8e93;padding:15px}.current-plan .plan-details p{color:#8e8e93;font-size:14px;margin:8px 0}.current-plan .plan-details p .status-tag{border-radius:12px;display:inline-block;font-size:12px;padding:2px 8px}.current-plan .plan-details p .status-tag.paid{background-color:#171717;border:1px solid #54a134;color:#54a134}.current-plan .plan-details p .status-tag.unpaid{background-color:#f44336;color:#fff}.current-plan .plan-details p .status-tag.free{background-color:#171717;border:1px solid #54a134;color:#54a134}.current-plan .plan-details p.plan-pricing{color:#fff}.current-plan .plan-details p .link{color:#4caf50;text-decoration:none}.current-plan .plan-details p .link:hover{text-decoration:underline}.current-plan .plan-details p .trial-progress{background-color:#54a134;border-radius:3px;display:inline-block;height:6px;margin-left:5px;vertical-align:middle;width:50px}.current-plan .plan-details p.plan-pricing{align-items:center;display:flex;font-size:2rem;gap:8px;margin:0;padding:8px}.current-plan .plan-details .current-plan-label{background:#0d0d0d;border-bottom:1px solid #48484a;border-right:1px solid #48484a;border-color:#48484a #3a3a3c #3a3a3c #48484a;border-radius:6px;border-style:solid;border-width:1px;color:#c7c7cc;font-size:3rem;margin:0;padding:2rem 6rem;text-align:center}@font-face{font-family:Lastri;font-style:normal;font-weight:400;src:url(/static/media/LastriRegular.f2e52a112fef74ff816a.woff) format("woff")}.share-project p{color:#000}.share-project .nav-button{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffff1a;background-position:50%;background-repeat:no-repeat;background-size:24px;border:1px solid #ffffff1a;border-radius:50%;cursor:pointer;height:48px;position:fixed;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:90}.share-project .nav-button:hover{background-color:#ffffff40}.share-project .nav-button.prev{background-image:url(/static/media/arrow-round-back.22832232c2cd3c512ab8.svg);left:24px}.share-project .nav-button.prev:hover{transform:translateY(-50%) scale(1.1)}.share-project .nav-button.back-button{top:24px;transform:none;z-index:100}.share-project .nav-button.back-button:hover{transform:scale(1.1)}.share-project .smart-album-loading{background-color:#fff;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.share-project .smart-album-loading .loading-cover-container{height:100%;overflow:hidden;position:relative;width:100%}.share-project .smart-album-loading .loading-cover-container .loading-cover{filter:brightness(.8);height:100%;object-fit:cover;width:100%}.share-project .smart-album-loading .loading-cover-container .loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(180deg,#0003,#0006);color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.share-project .smart-album-loading .loading-cover-container .loading-content .project-name{animation:fadeInUp .8s ease-out;font-family:Lastri,sans-serif;font-size:3.5rem;margin-bottom:24px;text-shadow:0 4px 12px #0000004d}.share-project .smart-album-loading .loading-cover-container .loading-content .loading-indicator{align-items:center;animation:fadeIn 1.2s ease-in;display:flex;flex-direction:column;font-size:.9rem;gap:16px;letter-spacing:2px;opacity:.9;text-transform:uppercase}.share-project .smart-album-loading .loading-cover-container .loading-content .loading-indicator .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:32px;width:32px}.share-project .smart-album-loading .loading-fallback{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.share-project .smart-album-loading .loading-fallback .spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#0d0d0d;height:40px;width:40px}.share-project .align-center{text-align:center}.share-project .project-header{background-position:center 30%;background-size:100%;display:grid;position:relative}.share-project .project-header .banner{align-items:center;background:linear-gradient(180deg,#fff0,#fff0 20%,#fff 90%,#fff);margin:0 auto 40px;max-height:calc(100vh - 96px);max-width:100vw;position:relative;top:0;z-index:1}.share-project .project-header .studio{color:#0d0d0d;margin-bottom:8px;text-align:center}.share-project .shared-collection{padding:0 40px}.share-project .gallary{margin:16px auto 0;max-height:100%;max-width:1120px;overflow-y:scroll}.share-project .gallary .photos{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;width:100%}.share-project .gallary .photos .photo{background-color:#e5e5e5;background-size:cover;border-radius:2px;min-height:152px;width:100%}.share-project .gallary .loader{background-image:url(/static/media/loading-green-loading.4064527791e609cfbe59.gif);background-position:50%;background-size:auto 50%;height:80px;margin:16px 8px 16px auto;opacity:.5;width:100%}.share-project .pagination{display:flex;justify-content:center;margin-bottom:24px}.smart-gallery-page.pin-entry-page{display:flex;flex-direction:column;min-height:100vh}.smart-gallery-page.pin-entry-page .pin-container{align-items:center;background-color:#fafafa;display:flex;flex:1 1;justify-content:center}.smart-gallery-page .project-header{background-position:center 30%;background-size:100%;display:grid;position:relative}.smart-gallery-page .project-header .banner{align-items:center;animation:gallery-photo-reveal .4s ease .05s forwards;background:linear-gradient(180deg,#fff0,#fff0 20%,#fff 90%,#fff);margin:0 auto 40px;max-height:calc(100vh - 96px);max-width:100vw;opacity:0;position:relative;top:0;transform:scale(.8);z-index:1}.smart-gallery-page .project-header .gallery-info{animation:gallery-photo-reveal .3s ease .5s forwards;color:#000000e6;margin-bottom:32px;opacity:0;position:relative;text-align:center;transform:scale(.8);z-index:3}.smart-gallery-page .project-header .gallery-info .project-name{color:#000000e6;font-family:Lastri,sans-serif;font-size:2rem;padding:0 8px}.smart-gallery-page .project-header .gallery-info .project-type{color:#00000080;margin-top:4px}.smart-gallery-page .action-buttons-container{display:flex;gap:16px;justify-content:center;margin:24px 0}.smart-gallery-page .action-buttons-container .button.loading{cursor:wait;opacity:.7}.smart-gallery-page .action-buttons-container .button.loading:before{animation:spin .8s linear infinite;background-image:none!important;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:14px;margin-right:8px;width:14px}.smart-gallery-page .modal-container{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.smart-gallery-page .modal-container .modal-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;height:100%;left:0;position:absolute;top:0;width:100%}.smart-gallery-page .modal-container .modal.island{animation:modalAppear .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:400px;overflow:hidden;position:relative;width:90%;z-index:1001}.smart-gallery-page .modal-container .modal.island .modal-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:16px 24px}.smart-gallery-page .modal-container .modal.island .modal-header .modal-title{color:#333;font-size:1.1rem;font-weight:600}.smart-gallery-page .modal-container .modal.island .modal-header .modal-controls .control.close{align-items:center;background:#f0f0f0;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background .2s ease;width:24px}.smart-gallery-page .modal-container .modal.island .modal-header .modal-controls .control.close:hover{background:#e5e5e5}.smart-gallery-page .modal-container .modal.island .modal-header .modal-controls .control.close:after{color:#666;content:"×";font-size:18px;line-height:1}.smart-gallery-page .modal-container .modal.island .modal-body{padding:24px}.smart-gallery-page .collections-container{padding:0 24px}.smart-gallery-page .collections-container .collections-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto;max-width:1200px}.smart-gallery-page .collections-container .collections-grid .collection-card-link{color:inherit;text-decoration:none}.smart-gallery-page .collections-container .collections-grid .collection-card{aspect-ratio:1.618/1;background-position:50%;background-size:cover;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;overflow:hidden;padding:16px;position:relative;transform:translateY(0)}.smart-gallery-page .collections-container .collections-grid .collection-card *{color:#fff}.smart-gallery-page .collections-container .collections-grid .collection-card:before{background:linear-gradient(0deg,#000c 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.smart-gallery-page .collections-container .collections-grid .collection-card .collection-image-count,.smart-gallery-page .collections-container .collections-grid .collection-card .collection-name{position:relative;z-index:1}.smart-gallery-page .collections-container .collections-grid .collection-card .collection-name{font-size:1.2rem;font-weight:700}.smart-gallery-page .collections-container .collections-grid .collection-card .collection-image-count{color:#fff9;font-size:.9rem}.smart-gallery-page .collections-container .collections-grid .collection-card-link:first-child .collection-card{animation:gallery-photo-reveal .2s ease .64s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(2) .collection-card{animation:gallery-photo-reveal .2s ease .68s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(3) .collection-card{animation:gallery-photo-reveal .2s ease .72s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(4) .collection-card{animation:gallery-photo-reveal .2s ease .76s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(5) .collection-card{animation:gallery-photo-reveal .2s ease .8s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(6) .collection-card{animation:gallery-photo-reveal .2s ease .84s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(7) .collection-card{animation:gallery-photo-reveal .2s ease .88s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(8) .collection-card{animation:gallery-photo-reveal .2s ease .92s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(9) .collection-card{animation:gallery-photo-reveal .2s ease .96s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(10) .collection-card{animation:gallery-photo-reveal .2s ease 1s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(11) .collection-card{animation:gallery-photo-reveal .2s ease 1.04s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(12) .collection-card{animation:gallery-photo-reveal .2s ease 1.08s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(13) .collection-card{animation:gallery-photo-reveal .2s ease 1.12s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(14) .collection-card{animation:gallery-photo-reveal .2s ease 1.16s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(15) .collection-card{animation:gallery-photo-reveal .2s ease 1.2s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(16) .collection-card{animation:gallery-photo-reveal .2s ease 1.24s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(17) .collection-card{animation:gallery-photo-reveal .2s ease 1.28s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(18) .collection-card{animation:gallery-photo-reveal .2s ease 1.32s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(19) .collection-card{animation:gallery-photo-reveal .2s ease 1.36s forwards}.smart-gallery-page .collections-container .collections-grid .collection-card-link:nth-child(20) .collection-card{animation:gallery-photo-reveal .2s ease 1.4s forwards}.collection-navigation{margin:80px auto;max-width:1200px;padding:0 24px}.collection-navigation .nav-links{display:flex;gap:24px;justify-content:space-between}.collection-navigation .nav-links .nav-link{background-color:#fff;background-position:50%;background-size:cover;border:1px solid #0000000d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-height:180px;overflow:hidden;padding:0;position:relative;text-decoration:none;transition:all .3s ease}.collection-navigation .nav-links .nav-link:before{background:#0006;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background .3s ease;z-index:1}.collection-navigation .nav-links .nav-link:hover{transform:translateY(-4px)}.collection-navigation .nav-links .nav-link:hover:before{background:#00000080}.collection-navigation .nav-links .nav-link .nav-content{display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 32px;position:relative;z-index:2}.collection-navigation .nav-links .nav-link .nav-label{color:#ffffffb3;font-size:.75rem;font-weight:600;letter-spacing:.15em;margin-bottom:8px;text-transform:uppercase}.collection-navigation .nav-links .nav-link .nav-name{color:#fff;font-family:Lastri,serif;font-size:1.8rem}.collection-navigation .nav-links .nav-link.next{box-shadow:0 4px 12px #0000001a;text-align:right}.collection-navigation .nav-links .nav-link.next:hover{box-shadow:0 12px 32px #0003}.collection-navigation .nav-links .nav-link.next.home{background-color:#fafafa!important;background-image:none!important;border-style:dashed;box-shadow:none}.collection-navigation .nav-links .nav-link.next.home:before{display:none}.collection-navigation .nav-links .nav-link.next.home .nav-label{color:#0006}.collection-navigation .nav-links .nav-link.next.home .nav-name{color:#000c}.collection-navigation .nav-links .nav-link.prev{opacity:.9;text-align:left}.collection-navigation .nav-links .nav-link.prev:hover{opacity:1}.collection-navigation .nav-links .nav-placeholder{flex:1 1}.studio-branding-footer{align-items:center;background-color:#fafafa;border-top:1px solid #00000014;display:flex;flex-direction:column;margin-top:80px;padding:80px 40px 16px}.studio-branding-footer .footer-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:800px;text-align:center}.studio-branding-footer .footer-content .studio-footer-logo{height:64px;margin-bottom:8px;object-fit:contain;width:auto}.studio-branding-footer .footer-content .branding-text .studio-name{color:#000000d9;font-family:Lastri,serif;font-size:1.8rem;margin-bottom:4px}.studio-branding-footer .footer-content .branding-text .studio-tagline{color:#00000080;font-size:1.1rem;letter-spacing:.05em}.studio-branding-footer .footer-content .studio-contact-info{display:flex;gap:24px;margin-top:16px}.studio-branding-footer .footer-content .studio-contact-info .contact-link{color:#000000b3;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.studio-branding-footer .footer-content .studio-contact-info .contact-link:hover{color:#535353}.studio-branding-footer .powered-by{color:#0000004d;font-size:.8rem;margin-top:64px}.studio-branding-footer .powered-by a{color:#0006;font-weight:600;text-decoration:none}.studio-branding-footer .powered-by a:hover{text-decoration:underline}@media only screen and (max-width:830px){.share-project .shared-collection{padding:8px}.share-project .gallary .photos{grid-template-columns:1fr}}@media only screen and (max-width:720px){.share-project .project-header .banner{width:100vw}.share-project .shared-collection{padding:8px}.share-project .gallary .photos{grid-template-columns:1fr}.collection-navigation{margin:48px auto;padding:0 16px}.collection-navigation .nav-links{flex-direction:column-reverse;gap:16px}.collection-navigation .nav-links .nav-link{min-height:140px}.collection-navigation .nav-links .nav-link .nav-content{padding:24px}.collection-navigation .nav-links .nav-link.next,.collection-navigation .nav-links .nav-link.prev{text-align:center}.collection-navigation .nav-links .nav-link .nav-name{font-size:1.4rem}}@media only screen and (max-width:520px){.App .share-project .shared-collection{padding:8px}.App .share-project .gallary{width:calc(100vw - 16px)}.App .share-project .gallary .photos{gap:16px;grid-template-columns:1fr}.App .share-project .gallary .photos .photo{min-height:80px}}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes gallery-photo-reveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.project-expired-page{align-items:center;background-color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;padding:32px;text-align:center}.project-expired-page .expired-content{max-width:600px;width:100%}.project-expired-page .expired-icon-container{color:#ff3b30;display:flex;justify-content:center;margin-bottom:24px}.project-expired-page .expired-title{color:#171717;font-size:2.5rem;font-weight:700;margin-bottom:16px}.project-expired-page .expired-message{color:#6c6c70;font-size:1.1rem;line-height:1.5;margin-bottom:32px}.project-expired-page .expired-message strong{color:#2b2b2b}.project-expired-page .cta-container{background-color:#f9f9f9;border-radius:24px;box-shadow:-1px 1px 6px #0003;padding:32px}.project-expired-page .cta-text{color:#2b2b2b;font-size:1rem;line-height:1.6;margin-bottom:32px}.project-expired-page .studio-info{margin-bottom:32px}.project-expired-page .studio-info .studio-logo{height:64px;margin-bottom:8px;object-fit:contain}.project-expired-page .studio-info .studio-name{color:#171717;font-size:1.5rem;font-weight:600;margin-bottom:4px}.project-expired-page .studio-info .studio-tagline{color:#6c6c70;font-size:.9rem;font-style:italic}.project-expired-page .contact-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:16px}.project-expired-page .contact-item{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:16px;color:#2b2b2b;display:flex;flex-direction:column;gap:8px;padding:16px;text-decoration:none;transition:all .2s ease}.project-expired-page .contact-item span{font-size:.85rem;font-weight:500}.project-expired-page .contact-item:hover{border-color:#007aff;color:#007aff;transform:translateY(-2px)}.project-expired-page .expired-footer{color:#6c6c70;font-size:.85rem;margin-top:48px}.project-expired-page .expired-footer a{color:#66b346;font-weight:600;text-decoration:none}.project-expired-page .expired-footer a:hover{text-decoration:underline}@media(max-width:480px){.project-expired-page{padding:16px}.project-expired-page .expired-title{font-size:2rem}.project-expired-page .contact-grid{grid-template-columns:repeat(2,1fr)}}.smart-album .nav-button{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#5252521a;background-position:50%;background-repeat:no-repeat;background-size:24px;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;border-color:#ffffff4d #ffffff1a #fff3;border-radius:50%;border-style:solid;border-width:1px;cursor:pointer;height:48px;position:fixed;top:50%;transform:translateY(-50%);transition:all .2s ease;width:48px;z-index:90}.smart-album .nav-button:hover{background-color:#ffffff40}.smart-album .nav-button.prev{background-image:url(/static/media/arrow-round-back.22832232c2cd3c512ab8.svg);box-shadow:1px 1px 1px #0003;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.6));left:24px}.smart-album .nav-button.prev:hover{transform:translateY(-50%) scale(1.1)}.smart-album .nav-button.next{background-image:url(/static/media/arrow-round-next.8269ec39a0eb2565c615.svg);right:24px;transform:translateY(-50%) rotate(180deg)}.smart-album .nav-button.next:hover{transform:translateY(-50%) rotate(180deg) scale(1.1)}.smart-album .nav-button.back-button{top:24px;transform:none;z-index:49}.smart-album .nav-button.back-button:hover{transform:scale(1.1)}.smart-album .gallery-info{color:#000000e6;position:relative;text-align:center;z-index:3}.smart-album .gallery-info .project-name{color:#000000e6;font-family:Lastri,sans-serif;font-size:2rem;padding:0 8px}.smart-album .gallery-info .project-type{color:#00000080;margin-top:4px}.smart-album .gallery-info p{color:#000000b3}.smart-album .gallery-sections{padding:0 8px}.smart-album .project-header{background-position:center 30%;background-size:100%;display:grid;position:relative}.smart-album .project-header .banner{align-items:center;background:linear-gradient(180deg,#fff0,#fff0 20%,#fff 90%,#fff);margin:0 auto 40px;max-height:calc(100vh - 96px);max-width:100vw;position:relative;top:0;z-index:1}.smart-album .project-header .studio{color:#0d0d0d;margin-bottom:8px;text-align:center}.smart-album-loading{background-color:#fff;left:0;position:fixed;top:0;width:100vw;z-index:1000}.smart-album-loading .loading-cover-container{height:100%;overflow:hidden;position:relative;width:100%}.smart-album-loading .loading-cover-container .loading-cover{filter:brightness(.8);height:100%;object-fit:cover;width:100%}.smart-album-loading .loading-cover-container .loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(180deg,#0003,#0006);color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.smart-album-loading .loading-cover-container .loading-content .project-name{animation:fadeInUp .8s ease-out;font-family:Lastri,sans-serif;font-size:3.5rem;margin-bottom:24px;text-shadow:0 4px 12px #0000004d}.smart-album-loading .loading-cover-container .loading-content .loading-indicator{align-items:center;animation:fadeIn 1.2s ease-in;display:flex;flex-direction:column;font-size:.9rem;gap:16px;letter-spacing:2px;opacity:.9;text-transform:uppercase}.smart-album-loading .loading-cover-container .loading-content .loading-indicator .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:32px;width:32px}.smart-album-loading .loading-fallback{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.smart-album-loading .loading-fallback .spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#0d0d0d;height:40px;width:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}.ExpiredGallery_expiredGallery__OejdM{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100vw;z-index:1000}.ExpiredGallery_backgroundOverlay__QYhf5{background-position:50%;background-size:cover;filter:blur(20px);height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transform:scale(1.1);transition:opacity .5s ease-in-out;width:100%}.ExpiredGallery_backgroundOverlay__QYhf5.ExpiredGallery_loaded__kECme{opacity:1}.ExpiredGallery_backgroundOverlay__QYhf5:after{background-color:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ExpiredGallery_glassCard__9EGUI{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;max-width:550px;padding:40px;position:relative;width:100%;z-index:1}@media(max-width:768px){.ExpiredGallery_glassCard__9EGUI{padding:30px}}.ExpiredGallery_iconWrapper__p5fTW{color:#ffd60a;margin-bottom:24px}.ExpiredGallery_title__TVwKh{font-family:Lastri,serif;font-size:2.5rem;margin:0 0 16px}@media(max-width:768px){.ExpiredGallery_title__TVwKh{font-size:2rem}}.ExpiredGallery_subheadline__eoH3k{font-size:1.1rem;line-height:1.6;margin:0 0 24px;max-width:90%;opacity:.9}.ExpiredGallery_subheadline__eoH3k strong{font-weight:600}.ExpiredGallery_message__eCHMX{font-size:1rem;margin:0 0 32px;max-width:85%;opacity:.8}.ExpiredGallery_requestButton__w1jcn{align-items:center;background-color:#ffd60a;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.ExpiredGallery_requestButton__w1jcn:hover{background-color:#d6b200}.ExpiredGallery_requestButton__w1jcn:disabled{cursor:not-allowed}.ExpiredGallery_requestButton__w1jcn.ExpiredGallery_requested__4nkAy{background-color:#28a745;color:#fff;cursor:default}.ExpiredGallery_requestButton__w1jcn.ExpiredGallery_requested__4nkAy:hover{background-color:#28a745}.ExpiredGallery_spinner__ZKlQt{animation:ExpiredGallery_spin__OKLuT 1s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;height:20px;width:20px}@keyframes ExpiredGallery_spin__OKLuT{to{transform:rotate(1turn)}}.user-profile-page{background-color:#171717;min-height:calc(100vh - 92px);padding:16px}.user-profile-page .breadcrumbs{margin-bottom:16px}.user-profile-page .breadcrumbs .back{color:#428924;font-size:.9rem;text-decoration:none}.user-profile-page .breadcrumbs .back:hover{text-decoration:underline}.user-profile-page .admin-title{color:#e5e5e5;font-size:2rem;margin-bottom:24px}.user-profile-page .user-details-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.user-profile-page .user-details-cards .card{background-color:#171717;border-radius:8px;box-shadow:1px 1px 1px 1px #000;padding:16px}.user-profile-page .user-details-cards .card h2{color:#428924;font-size:1.3rem;margin-bottom:8px}.user-profile-page .user-details-cards .card p{color:#aeaeae;margin-bottom:4px}.user-profile-page .user-details-cards .card p strong{color:#e5e5e5}.user-profile-page section{background-color:#171717;border-radius:8px;box-shadow:1px 1px 1px 1px #000;margin-bottom:16px;padding:16px}.user-profile-page section h2{color:#e5e5e5;font-size:1.5rem;margin-bottom:8px}.user-profile-page section p{color:#aeaeae}.download-app-page{background-color:#080808;color:#fff;font-family:Product Sans,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.download-app-page .download-nav{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;height:64px;justify-content:center}.download-app-page .download-nav .nav-container{align-items:center;display:flex;justify-content:space-between;max-width:1200px;padding:0 24px;width:100%}.download-app-page .download-nav .nav-container .nav-left{align-items:center;display:flex;gap:40px}.download-app-page .download-nav .nav-container .nav-left .nav-logo{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:8px}.download-app-page .download-nav .nav-container .nav-left .nav-logo img{height:24px}.download-app-page .download-nav .nav-container .nav-left .nav-links{display:flex;gap:24px}.download-app-page .download-nav .nav-container .nav-left .nav-links a{color:#888;font-size:.9rem;transition:color .2s}.download-app-page .download-nav .nav-container .nav-left .nav-links a:hover{color:#fff}.download-app-page .download-nav .nav-container .nav-right{align-items:center;display:flex;gap:20px}.download-app-page .download-nav .nav-container .nav-right .nav-login{color:#888;font-size:.9rem;transition:color .2s}.download-app-page .download-nav .nav-container .nav-right .nav-login:hover{color:#fff}.download-app-page .download-nav .nav-container .nav-right .nav-signup{background-color:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 12px}.download-app-page .download-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:700px;padding:80px 24px}.download-app-page .download-content .hero-section{margin-bottom:60px;text-align:center}.download-app-page .download-content .hero-section .app-icon-wrapper{display:flex;justify-content:center;margin-bottom:32px}.download-app-page .download-content .hero-section .app-icon-wrapper .app-icon{align-items:center;background:linear-gradient(135deg,#1a1a1a,#000);border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 20px 40px #0006,inset 0 1px 1px #ffffff1a;display:flex;height:120px;justify-content:center;width:120px}.download-app-page .download-content .hero-section .app-icon-wrapper .app-icon img{height:70px;width:70px}.download-app-page .download-content .hero-section .hero-title{color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:12px}.download-app-page .download-content .hero-section .hero-subtitle{color:#888;font-size:1.1rem;margin-bottom:40px}.download-app-page .download-content .hero-section .primary-action{align-items:center;display:flex;flex-direction:column;gap:12px}.download-app-page .download-content .hero-section .primary-action .main-download-btn{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:transform .1s}.download-app-page .download-content .hero-section .primary-action .main-download-btn:active{transform:scale(.98)}.download-app-page .download-content .hero-section .primary-action .main-download-btn .kbd-shortcut{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#888;font-size:.75rem;margin-left:4px;padding:2px 6px}.download-app-page .download-content .hero-section .primary-action .optimization-badge{align-items:center;color:#666;display:flex;font-size:.8rem;gap:6px}.download-app-page .download-content .hero-section .primary-action .optimization-badge svg{color:#666}.download-app-page .download-content .downloads-divider{background:linear-gradient(90deg,#0000,#ffffff1a 50%,#0000);height:1px;margin-bottom:40px;width:100%}.download-app-page .download-content .downloads-list{display:flex;flex-direction:column;gap:0;width:100%}.download-app-page .download-content .downloads-list .download-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-evenly;padding:16px 0}.download-app-page .download-content .downloads-list .download-row:last-child{border-bottom:none}.download-app-page .download-content .downloads-list .download-row .platform-info{align-items:center;color:#aaa;display:flex;font-size:.95rem;gap:12px}.download-app-page .download-content .downloads-list .download-row .platform-info svg{color:#888}.download-app-page .download-content .downloads-list .download-row .platform-info .platform-size{color:#555;font-size:.8rem;font-weight:400;margin-left:-4px}.download-app-page .download-content .downloads-list .download-row .row-download-btn{background-color:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;color:#eee;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:all .2s}.download-app-page .download-content .downloads-list .download-row .row-download-btn:hover{background-color:#2a2a2a;border-color:#fff3;color:#fff}@media(max-width:768px){.download-app-page .download-nav .nav-links{display:none}.download-app-page .hero-title{font-size:2rem}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease;z-index:10}.sidebar{background:#0d0d0d;display:flex;flex-direction:column;height:calc(100dvh - 56px);left:0;overflow:hidden;position:fixed;top:56px;transition:width .5s cubic-bezier(.4,0,.2,1);width:64px;z-index:30}.sidebar.sleep-sidebar:hover{border-right:1px solid #171717;box-shadow:4px 0 24px #00000080;width:240px}.sidebar.sleep-sidebar:hover .menu-list .menu .label{opacity:1;transform:translateX(0)}.sidebar.sleep-sidebar:hover .sidebar-bottom{background:#080808;border-top:1px solid #202020;transition-delay:1s}.sidebar.sleep-sidebar:hover .sidebar-bottom .sidebar-footer,.sidebar.sleep-sidebar:hover .sidebar-bottom .sidebar-stats{gap:16px;height:auto;margin-top:0;opacity:1;pointer-events:all}.sidebar.sleep-sidebar:hover .sidebar-bottom .plan-status{height:auto;margin-top:0;opacity:1;pointer-events:all}.sidebar.sleep-sidebar:hover .sidebar-bottom .profile-section .profile-trigger{background:#171717;border:1px solid #2b2b2b;display:flex;justify-content:space-between;padding:8px}.sidebar.sleep-sidebar:hover .sidebar-bottom .profile-section .profile-trigger .chevron-icon,.sidebar.sleep-sidebar:hover .sidebar-bottom .profile-section .profile-trigger .user-details{max-width:200px;opacity:1}.sidebar.sleep-sidebar:hover .sidebar-bottom .profile-section .avatar-wrapper .avatar-progress{opacity:0}.sidebar.sleep-sidebar:hover .admin-section-label{opacity:.6}.sidebar .menu-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;padding:32px 8px 8px}.sidebar .menu-list::-webkit-scrollbar{width:4px}.sidebar .menu-list::-webkit-scrollbar-thumb{background:#2b2b2b;border-radius:4px}.sidebar .menu-list .menu{align-items:center;border-radius:8px;color:#aeaeae;cursor:pointer;display:flex;gap:12px;padding:10px 33.6px 10px 10px;transition:all .2s ease;white-space:nowrap}.sidebar .menu-list .menu .icon{background-position:50%;background-repeat:no-repeat;background-size:100%;filter:grayscale(1);height:24px;min-width:24px;opacity:.7;transition:all .2s ease;width:24px}.sidebar .menu-list .menu .label{font-size:.9rem;font-weight:500;opacity:0;transform:translateX(-10px);transition:opacity .2s ease,transform .2s ease}.sidebar .menu-list .menu:hover{background:#171717;color:#fff}.sidebar .menu-list .menu:hover .icon{filter:grayscale(0);opacity:1}.sidebar .menu-list .menu.active{background:#2b2b2b;color:#66b346}.sidebar .menu-list .menu.active .icon{filter:grayscale(0);opacity:1}.sidebar .menu-list .menu.home .icon{background-image:url(https://img.icons8.com/?size=100&id=1iF9PyJ2Thzo&format=png&color=FFFFFF)}.sidebar .menu-list .menu.projects .icon{background-image:url(https://img.icons8.com/?size=100&id=83172&format=png&color=FFFFFF)}.sidebar .menu-list .menu.packages .icon{background-image:url(https://img.icons8.com/?size=100&id=100606&format=png&color=FFFFFF)}.sidebar .menu-list .menu.portfolio .icon{background-image:url(https://img.icons8.com/?size=100&id=63438&format=png&color=FFFFFF)}.sidebar .menu-list .menu.notifications .icon{background-image:url(https://img.icons8.com/ios-filled/150/FFFFFF/appointment-reminders--v1.png)}.sidebar .menu-list .menu.storage .icon{background-image:url(https://img.icons8.com/?size=100&id=83299&format=png&color=FFFFFF)}.sidebar .menu-list .menu.settings .icon{background-image:url(https://img.icons8.com/?size=100&id=uVgsZ6Ybur44&format=png&color=FFFFFF)}.sidebar .menu-list .menu.subscription .icon{background-image:url(https://img.icons8.com/?size=100&id=15802&format=png&color=54a134)}.sidebar .menu-list .menu.admin .icon{background-image:url(https://img.icons8.com/?size=100&id=vJB83aasOd9i&format=png&color=54a134)}.sidebar .menu-list .menu-divider{background:#202020;height:1px;margin:8px 4px}.sidebar .menu-list .admin-section-label{color:#aeaeae;font-size:.7rem;letter-spacing:1px;opacity:0;padding:8px 12px;text-transform:uppercase;transition:opacity .2s ease}.sidebar .sidebar-bottom{background:none;border-top:none;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .5s ease}.sidebar .sidebar-bottom .sidebar-footer,.sidebar .sidebar-bottom .sidebar-stats,.sidebar .sidebar-bottom .system-time .time{height:0;margin:0;opacity:0;overflow:hidden;pointer-events:none;transition:all .5s ease}.sidebar .sidebar-bottom .sidebar-stats{display:flex;flex-direction:column;gap:12px}.sidebar .sidebar-bottom .sidebar-stats .plan-status{opacity:0;transition-delay:.1s;transition-duration:.1s;transition-timing-function:ease-out}.sidebar .sidebar-bottom .sidebar-stats .plan-status .trial-info{font-size:.75rem;margin-bottom:4px}.sidebar .sidebar-bottom .sidebar-stats .plan-status .trial-info .expiry-text{color:#aeaeae}.sidebar .sidebar-bottom .sidebar-stats .plan-status .trial-info .expiry-text.warning{color:#ff9f0a}.sidebar .sidebar-bottom .sidebar-stats .plan-status .trial-info .expiry-text.expired{color:#ff453a}.sidebar .sidebar-bottom .sidebar-stats .plan-status .plan-badge-container{align-items:center;background:#171717;border:1px solid #2b2b2b;border-radius:6px;display:flex;justify-content:space-between;padding:6px 10px;text-decoration:none}.sidebar .sidebar-bottom .sidebar-stats .plan-status .plan-badge-container .plan-name{color:#fff;font-size:.85rem;font-weight:600}.sidebar .sidebar-bottom .sidebar-stats .plan-status .plan-badge-container .tag{border-radius:4px;font-size:.7rem;padding:2px 6px}.sidebar .sidebar-bottom .sidebar-stats .plan-status .plan-badge-container .tag.pay-now{background:#ff453a;color:#fff}.sidebar .sidebar-bottom .sidebar-stats .plan-status .plan-badge-container .tag.trial{background:#2b2b2b;color:#66b346}.sidebar .sidebar-bottom .sidebar-stats .plan-status .plan-badge-container .tag.upgrade{background:#54a134;color:#fff}.sidebar .sidebar-bottom .sidebar-stats .plan-status .plan-badge-container .tag.pro{background:#66b346;color:#fff}.sidebar .sidebar-bottom .sidebar-stats .storage-status .storage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.sidebar .sidebar-bottom .sidebar-stats .storage-status .storage-header .storage-title{align-items:center;color:#aeaeae;display:flex;font-size:.8rem;gap:6px}.sidebar .sidebar-bottom .sidebar-stats .storage-status .storage-header .storage-title .icon{background-image:url(https://img.icons8.com/?size=100&id=60985&format=png&color=70ab17);background-size:contain;height:14px;width:14px}.sidebar .sidebar-bottom .sidebar-stats .storage-status .storage-header .storage-values{color:#aeaeae;font-size:.75rem}.sidebar .sidebar-bottom .sidebar-stats .storage-status .storage-header .storage-values .used{color:#66b346}.sidebar .sidebar-bottom .sidebar-stats .storage-status .storage-header .storage-values .divider{margin:0 2px}.sidebar .sidebar-bottom .sidebar-stats .storage-status .progress-bar-container{background:#2b2b2b;border-radius:2px;height:4px;overflow:hidden}.sidebar .sidebar-bottom .sidebar-stats .storage-status .progress-bar-container .progress-bar{background:linear-gradient(90deg,#428924,#66b346);border-radius:2px;height:100%;transition:width .5s ease}.sidebar .sidebar-bottom .profile-section{position:relative}.sidebar .sidebar-bottom .profile-section .profile-trigger{align-items:center;background-color:none;border:none;border-radius:8px;cursor:pointer;justify-content:center;padding:8px 0;transition:background .2s ease}.sidebar .sidebar-bottom .profile-section .profile-trigger:hover{background:#2b2b2b}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info{align-items:center;display:flex;gap:10px}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .avatar-wrapper{align-items:center;display:flex;height:32px;justify-content:center;position:relative;width:32px}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .avatar-wrapper .avatar-progress{height:40px;left:-4px;pointer-events:none;position:absolute;top:-4px;transition:opacity .5s ease;width:40px}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .avatar-wrapper .avatar-progress .progress-bg{fill:none;stroke:#ffffff1a;stroke-width:2}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .avatar-wrapper .avatar-progress .progress-fill{fill:none;stroke:#66b346;stroke-width:2;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .5s ease}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .avatar{background-size:cover;border:1px solid #535353;border-radius:50%;height:32px;width:32px}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .user-details{max-width:0;opacity:0;overflow:hidden;transition:opacity .2s ease,max-width .2s ease}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .user-details .display-name{color:#fff;font-size:.85rem;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .user-details .user-roles{display:flex;gap:4px;margin-top:2px}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .user-details .user-roles .role{color:#aeaeae;font-size:.6rem}.sidebar .sidebar-bottom .profile-section .profile-trigger .profile-info .user-details .user-roles .role.admin{color:#66b346}.sidebar .sidebar-bottom .profile-section .profile-trigger .chevron-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAABRSURBVChTpdJJDgAgCANA+nL15SgmGo3gRhOOnQsFM0ciCuU8SZC2E0sAYoUcWEWk36EPrCML9IBNiApdYAtiQhtMRbaQgpnIERowat+xxpYBNh8rhyZbIPkAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:contain;height:16px;max-width:0;opacity:0;opacity:.5;overflow:hidden;transition:opacity .2s ease,max-width .2s ease;transition:transform .2s ease;width:16px}.sidebar .sidebar-bottom .profile-section .profile-trigger.active .chevron-icon{transform:rotate(180deg)}.sidebar .sidebar-bottom .profile-section .profile-menu{background:#0d0d0d;border:1px solid #2b2b2b;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 32px #0009;display:none;flex-direction:column;left:0;padding:6px;position:absolute;right:0;z-index:20}.sidebar .sidebar-bottom .profile-section .profile-menu.active{display:flex}.sidebar .sidebar-bottom .profile-section .profile-menu .menu-item{border-radius:6px;color:#6c6c70;cursor:pointer;font-size:.85rem;padding:8px 12px;text-decoration:none;transition:all .2s ease}.sidebar .sidebar-bottom .profile-section .profile-menu .menu-item:hover{background:#2b2b2b;color:#fff}.sidebar .sidebar-bottom .profile-section .profile-menu .menu-item.logout{color:#ff453a}.sidebar .sidebar-bottom .profile-section .profile-menu .menu-separator{background:#202020;height:1px;margin:4px}.sidebar .sidebar-bottom .sidebar-footer{grid-gap:12px;display:grid;flex-direction:row;gap:12px;grid-template-columns:8px auto;width:100%}.sidebar .sidebar-bottom .sidebar-footer .footer-actions{align-items:center;display:flex;justify-content:space-between}.sidebar .sidebar-bottom .sidebar-footer .footer-actions .lock-icon{background:url(https://img.icons8.com/?size=100&id=85077&format=png&color=FFFFFF);background-repeat:no-repeat;background-size:contain;cursor:pointer;height:16px;opacity:.6;width:16px}.sidebar .sidebar-bottom .sidebar-footer .footer-actions .lock-icon:hover{opacity:1}.sidebar .sidebar-bottom .sidebar-footer .footer-actions .system-time{color:#aeaeae;display:flex;font-size:.7rem;gap:6px}.sidebar .sidebar-bottom .sidebar-footer .footer-actions .system-time .time{color:#fff;font-weight:500}@media only screen and (max-width:1230px){.sidebar{width:64px}}@media only screen and (max-width:720px){.sidebar-overlay{display:block}.sidebar{box-shadow:8px 0 32px #00000080;left:-100%;transition:left .5s ease;width:240px}.sidebar:not(.hide){left:0}.sidebar:not(.hide)+.sidebar-overlay{opacity:1;pointer-events:all}.sidebar .label{opacity:1!important;transform:translateX(0)!important}.sidebar .sidebar-bottom{opacity:1!important;pointer-events:all!important}.sidebar .sidebar-bottom .sidebar-footer,.sidebar .sidebar-bottom .sidebar-stats{height:auto!important;margin-top:0!important;opacity:1!important;pointer-events:all!important}.sidebar .sidebar-bottom .profile-section .profile-trigger{justify-content:space-between!important;padding:8px!important}.sidebar .sidebar-bottom .profile-section .profile-trigger .chevron-icon,.sidebar .sidebar-bottom .profile-section .profile-trigger .user-details{max-width:200px!important;opacity:1!important}.sidebar .sidebar-bottom .profile-section .avatar-wrapper .avatar-progress{opacity:0!important}.sidebar .admin-section-label{opacity:.6!important}}@media only screen and (max-width:480px){.sidebar{width:80%}}.network-signal{align-items:center;display:flex;height:12px;justify-content:center;width:8px}.network-signal .status-indicator{border-radius:50%;height:4px;transition:background-color .3s ease;width:4px}.network-signal .status-indicator.online{background-color:#28a745;box-shadow:0 0 5px #28a745}.network-signal .status-indicator.offline{background-color:#dc3545;box-shadow:0 0 5px #dc3545}.network-signal .status-indicator.status-change{animation:blink 1.5s ease-in-out}@keyframes blink{0%{opacity:0}30%{opacity:1}35%{opacity:0}50%{opacity:1}55%{opacity:0}98%{opacity:1}to{opacity:1}}.collection{background:linear-gradient(120deg,#171717 50%,#0d0d0d);border-radius:8px;border-right:1px solid #2b2b2b;border-top:1px solid #2b2b2b;border-color:#bae6ba33 #a2c29c1a #363638 #363638;border-style:solid;border-width:1px;box-shadow:-1px 1px 6px #0003;box-shadow:2px 2px 4px #000c;cursor:pointer;display:grid;grid-template-columns:96px auto;margin-top:0;opacity:1;transform:scale(1) translateY(2px);transition-duration:.2s;transition-duration:.09s;transition-timing-function:ease-in;width:80%}.collection:hover{background:linear-gradient(30deg,#171717,#0d0d0d);border-top:1px solid #8bb98b40;box-shadow:2px 2px 4px #000c,0 0 8px 4px rgba(20,86,36,.075);transform:scale(1) translateY(2px)!important;transition-duration:.09s!important;transition-timing-function:ease-out!important}.collection:hover .cover-wrap{transform:scale(1.01);transition-duration:.1s;transition-timing-function:ease-in}.collection:hover .collection-cover{background-size:100%;border:1px solid #444446;border-radius:8px;box-shadow:4px 4px 4px 1px #0006,inset 1px 1px 2px #00000080;height:100%;min-height:72px;opacity:1;transform:scale(1.1) translateY(-2px) translateX(-3px);transition-duration:.15s;transition-timing-function:ease-in;width:96px}.collection:hover .collection-details{transition-duration:.2s!important;transition-timing-function:ease-out}.collection:hover .collection-summary{opacity:1!important}.collection:hover .collection-title{transform:scale(1.02) translateY(-1px) translateX(1%)!important;transition-duration:.15s!important;transition-timing-function:ease-in}.collection:hover .collection-type{transform:translateY(-1px)!important;transition-duration:.15s!important;transition-timing-function:ease-in}.collection:hover.draft .collection-details .details-top .right .status-signal{box-shadow:0 0 8px 4px rgba(37,37,37,.639)}.collection:hover.uploaded .collection-details .details-top .right .status-signal{background-color:#ffd60a;box-shadow:0 1px 1px 1px #6758002e,0 0 10px 5px #ffd70038,0 0 4px 2px rgba(255,217,0,.345),0 0 20px 10px #ffff001a!important;transform:scale(1.1)}.collection:hover.designing .collection-details .details-top .right .status-signal{background-color:#da8fff;box-shadow:0 1px 1px 1px #5e2a7e2e,0 0 10px 5px #9b59b638,0 0 4px 2px rgba(156,89,182,.663),0 0 20px 10px #8714fa66!important;transform:scale(1.1)}.collection:hover .right .status-signal{box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 2px #00ff0061,0 0 20px 10px #0f03!important;transform:scale(1.1);transition-delay:.1s}.collection:active{box-shadow:0 0 0 #000;transform:scale(.99) translateY(0)!important;transition-duration:.2s;transition-timing-function:ease-in}.collection .cover-wrap{transition-duration:.1s;transition-timing-function:ease-out}.collection .collection-cover{background-color:#0003;background-position:50%;background-size:cover;border:1px solid #545456;border-radius:8px;box-shadow:2px 2px 4px #000c,inset 1px 1px 2px #00000080;height:100%;min-height:72px;opacity:1;transform:scale(1.05) translateX(0) translateY(0);transition-duration:.1s;width:96px}.collection .collection-details{grid-gap:1.6px;align-content:space-between;display:grid;gap:1.6px;margin:12px 12px 8px 16px;transition-duration:.1s}.collection .collection-details .details-top{display:grid;grid-template-columns:auto 8px}.collection .collection-details .details-top .collection-title{font-size:.9rem;transform:scale(1) translateX(0) translateY(0);transition-duration:.1s}.collection .collection-details .details-top .collection-type{color:#48484a;font-size:.8rem;font-weight:400;line-height:20px;margin-top:-2px}.collection .collection-details .details-top .right .status-signal{background-color:#66b346;border-radius:50%;box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 1px rgba(0,255,0,.129),0 0 20px 10px rgba(0,255,0,.055);height:8px;transform:scale(1);transition-duration:.2s;width:8px}.collection .collection-details .details-top .right .status-signal:hover{background-color:#54a134}.collection .collection-summary{align-items:center;display:flex;font-size:.8rem;gap:4px;height:100%;justify-content:space-between;transition-duration:.2s}.collection .collection-summary .summary-left{align-items:end;display:flex;font-weight:500;gap:6px}.collection .collection-summary .summary-right{grid-gap:4px;display:grid;gap:4px;justify-items:end}.collection .collection-summary .summary-right .quick-actions{display:flex;gap:4px}.collection .collection-summary .summary-right .pin{background-color:#2b2b2b;border:1px solid #535353;border-radius:4px;display:flex;gap:0;opacity:.5;padding:1px 8px}.collection .collection-summary .summary-item{display:flex;gap:2px}.collection .collection-summary .summary-item:hover .icon{transform:scale(1.4);transition-duration:.2s}.collection .collection-summary .summary-item p{color:#545456;font-size:.7rem;line-height:1rem}.collection .collection-summary .summary-item .icon{background-position:50%;background-size:80%;opacity:.5;padding:8px}.collection .collection-summary .collection-count .icon{background-image:url(/static/media/folders.928831ac028864b1d0e8.svg)}.collection .collection-summary .invoice-count .icon{background-image:url(https://img.icons8.com/pastel-glyph/64/FFFFFF/invoice-1.png)}.collection .collection-summary .photos-count .icon{background-image:url(/static/media/images.c01fd0fd6cc4ea73f72e.svg)}.collection .collection-summary .selected-count .icon{background-image:url(/static/media/selected.2b5aef241d72b3f6953d.svg)}.collection .collection-summary .share .icon{background-image:url(/static/media/play-circle.ee9e4112411a3c10e1ec.svg)}.collection .collection-summary .select .icon{background-image:url(/static/media/checkmark.7bea571189d6e17d41a4.svg)}main.subscription{z-index:99}span.iconic-gradient{-webkit-text-fill-color:#0000;background:radial-gradient(circle closest-corner at 38.2% 120%,#a9e561,#509135);-webkit-background-clip:text;font-weight:600;line-height:1rem;transition-duration:2s}.welcome-section{display:grid;font-family:Product Sans;grid-template-columns:1fr;justify-content:space-between;padding:16px}.welcome-section .welcome-message-top{grid-gap:0;display:grid;gap:0;grid-template-columns:auto;justify-content:center}.welcome-section .welcome-message-top h1{animation:fadeInLeft .5s ease-out .1s;animation-fill-mode:forwards;animation-timing-function:ease-out;line-height:3rem;opacity:0}.welcome-section .welcome-message-top h2{animation:fadeInLeft .5s ease-out .15s;animation-fill-mode:forwards;animation-timing-function:ease-out;color:#3a3a3c;font-size:1.2rem;font-weight:400;line-height:2.4rem;margin-top:-.5rem;min-height:32px;opacity:0}.welcome-section .welcome-message-top .apply-label{animation:fadeInLeft .5s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.welcome-section .welcome-message-top .apply-button{animation:fadeInLeft .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}.welcome-section .welcome-message{color:#8e8e93;font-size:3rem;font-weight:600;min-height:56px}.welcome-section .welcome-message.sub{text-align:center}.welcome-section .welcome-message span.bold{color:#545456}.welcome-section .welcome-message .actions{display:flex;justify-content:flex-end}.welcome-section h2.welcome-sub-message{color:#aeaeae;font-size:1.2rem;font-weight:400}.welcome-section .actions{animation:fadeInLeft .5s ease-out .3s;animation-fill-mode:forwards;display:flex;justify-content:flex-end;opacity:0}.projects-coming-soon .welcome-section .welcome-message-top h1 span.iconic-gradient{-webkit-text-fill-color:#0000;background:radial-gradient(circle,#3b4238,#1f251c);-webkit-background-clip:text;font-weight:600;line-height:1rem;transition-duration:2s}.subscription{text-align:center}.subscription .section{opacity:0;padding:8px;transform:translateX(8px);transition:opacity .5s,transform .5s}.subscription .section:first-child{animation:fadeInUp .1s ease-out 0s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.subscription .section:first-child .projects .project:first-child{animation:fadeInUp .5s ease-out .5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .55s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project:nth-child(3){animation:fadeInUp .5s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project:nth-child(4){animation:fadeInUp .5s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project:nth-child(5){animation:fadeInUp .5s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project:nth-child(6){animation:fadeInUp .5s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project:nth-child(7){animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project:nth-child(8){animation:fadeInUp .5s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project:nth-child(9){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:first-child .projects .project:nth-child(10){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2){animation:fadeInUp .1s ease-out .5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.subscription .section:nth-child(2) .projects .project:first-child{animation:fadeInUp .5s ease-out .6s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .65s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project:nth-child(3){animation:fadeInUp .5s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project:nth-child(4){animation:fadeInUp .5s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project:nth-child(5){animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project:nth-child(6){animation:fadeInUp .5s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project:nth-child(7){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project:nth-child(8){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project:nth-child(9){animation:fadeInUp .5s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(2) .projects .project:nth-child(10){animation:fadeInUp .5s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3){animation:fadeInUp .1s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.subscription .section:nth-child(3) .projects .project:first-child{animation:fadeInUp .5s ease-out .7s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .75s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project:nth-child(3){animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project:nth-child(4){animation:fadeInUp .5s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project:nth-child(5){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project:nth-child(6){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project:nth-child(7){animation:fadeInUp .5s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project:nth-child(8){animation:fadeInUp .5s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project:nth-child(9){animation:fadeInUp .5s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(3) .projects .project:nth-child(10){animation:fadeInUp .5s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4){animation:fadeInUp .1s ease-out 1.5s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.subscription .section:nth-child(4) .projects .project:first-child{animation:fadeInUp .5s ease-out .8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .85s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project:nth-child(3){animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project:nth-child(4){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project:nth-child(5){animation:fadeInUp .5s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project:nth-child(6){animation:fadeInUp .5s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project:nth-child(7){animation:fadeInUp .5s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project:nth-child(8){animation:fadeInUp .5s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project:nth-child(9){animation:fadeInUp .5s ease-out 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(4) .projects .project:nth-child(10){animation:fadeInUp .5s ease-out 1.25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5){animation:fadeInUp .1s ease-out 2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform .5s}.subscription .section:nth-child(5) .projects .project:first-child{animation:fadeInUp .5s ease-out .9s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project:nth-child(2){animation:fadeInUp .5s ease-out .95s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project:nth-child(3){animation:fadeInUp .5s ease-out 1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project:nth-child(4){animation:fadeInUp .5s ease-out 1.05s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project:nth-child(5){animation:fadeInUp .5s ease-out 1.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project:nth-child(6){animation:fadeInUp .5s ease-out 1.15s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project:nth-child(7){animation:fadeInUp .5s ease-out 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project:nth-child(8){animation:fadeInUp .5s ease-out 1.25s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project:nth-child(9){animation:fadeInUp .5s ease-out 1.3s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section:nth-child(5) .projects .project:nth-child(10){animation:fadeInUp .5s ease-out 1.35s;animation-fill-mode:forwards;animation-timing-function:ease-out}.subscription .section .section-heading{border-bottom:2px solid #1c1c1e;color:#c7c7cc;display:inline-block;font-weight:400;margin-bottom:24px;margin-left:8px;margin-top:8px;padding:8px 16px 8px 0;width:auto}.subscription .section .section-heading a{color:#54a134;float:right;font-size:.9rem;font-weight:400;margin:0 8px;text-decoration:underline}.subscription .section .events-header{display:flex;padding:0 8px}.subscription .section .events-header .icon{background-image:url(/static/media/camera.3b167b39d03a81e55227.svg);background-position:center 70%;background-size:70%;height:32px;margin-right:8px;padding:24px;width:32px}.subscription .section .project-header{display:flex}.subscription .section .project-header .icon{background-image:url(/static/media/folder.352daa91d2bb6b081b5a.svg);background-position:50%;background-size:50%;height:32px;padding:24px;width:32px}.subscription .section .projects{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr 1fr;padding:0 8px;width:100%}.subscription .section .projects .message{color:#3a3a3c}.subscription .section .projects.completed h3:after{color:#48484a;content:"Client Approved";font-size:.9rem;font-weight:400;margin-left:8px}.subscription .section .projects.completed .project{grid-template-columns:auto 128px}.subscription .section .projects.completed .project .project-options{align-items:center}.subscription .section.approval-pending .project-options{display:grid!important}.subscription .billing-history{position:fixed;right:32px;top:24px}.subscription .plans-container{animation:fadeInLeft .5s ease-out .3s;animation-fill-mode:forwards;animation-timing-function:ease-out;margin-left:16px;margin-top:0;opacity:0}.subscription .plans-container .subscriptions-header{align-items:center;display:grid;grid-template-columns:96px auto 96px;justify-content:space-between;margin-bottom:48px;margin-top:-8px;padding:0 16px}.subscription .plans-container .subscriptions-header .subscriptions-heading{color:#ebebf0;font-size:1.8rem;font-weight:400;margin-bottom:24px;margin-top:0}.subscription .plans-container .subscriptions-header .subscriptions-options{align-items:center;display:flex;justify-content:center}.subscription .plans-container .subscriptions-header .subscriptions-options .tags{display:flex}.subscription .plans-container .subscriptions-header .subscriptions-options .tag{border-radius:2px;font-size:.5rem;line-height:.8rem;margin:8px 0 8px 8px;opacity:.7;padding:2px 4px;transform:translateX(-8px)}.subscription .plans-container .subscriptions-header .subscriptions-options .tag.green{border:1px solid #336c1b;color:#54a134}.subscription .plans-container .subscriptions-header .subscriptions-options .tag.white{border:1px solid #6c6c70;color:#aeaeae}.subscription .current-plan{margin-left:32px}.plans{grid-column-gap:24px;grid-row-gap:24px;align-items:stretch;column-gap:24px;display:grid;grid-template-columns:minmax(100px,200px) minmax(100px,240px) minmax(100px,240px) minmax(100px,240px);justify-content:center;row-gap:24px}.plans .plan{background-color:#171717;border:1px solid #2b2b2b;border-radius:8px;box-shadow:0 2px 1px #000;padding:16px}.plans .plan div{animation:fadeInLeft .4s ease-out;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0;z-index:2}.plans .plan div:first-child{animation-delay:.23s}.plans .plan div:nth-child(2){animation-delay:.26s}.plans .plan div:nth-child(3){animation-delay:.29s}.plans .plan div:nth-child(4){animation-delay:.32s}.plans .plan div:nth-child(5){animation-delay:.35s}.plans .plan div:nth-child(6){animation-delay:.38s}.plans .plan div:nth-child(7){animation-delay:.41s}.plans .plan div:nth-child(8){animation-delay:.44s}.plans .plan div:nth-child(9){animation-delay:.47s}.plans .plan div:nth-child(10){animation-delay:.5s}.plans .plan .button.current-plan{background-color:#171717;border:1px solid #2b2b2b;border-left:none;border-top:none;border-color:#2b2b2b #535353 #535353 #2b2b2b;border-style:solid;border-width:1px;box-shadow:inset 0 1px 2px 1px #000,inset 0 0 2px 0 rgba(74,154,40,.494),inset 0 0 12px 1px rgba(94,190,52,.118)!important;color:#444446;cursor:not-allowed;margin-top:4px;text-shadow:0 2px 1px #000;transform:none}.plans .plan .button.current-plan.primary.outline{color:#336c1b}.plans .plan .badge{background-color:#66b346;border-bottom-left-radius:8px;border-top-right-radius:8px;box-shadow:-1px 1px 4px #0000004d;color:#171717;font-size:.75rem;font-weight:700;padding:4px 12px;position:absolute;right:0;top:0;z-index:10}.plans .plan .plan-name{color:#d8d8dc;font-size:1.4rem;margin-bottom:0;z-index:1}.plans .plan .storage-counter{border:1px solid #444446;border-radius:4px;color:#6c6c70;display:inline-block;font-size:.8rem;margin-bottom:8px;padding:2.5px 6.4px;position:relative;text-align:center;z-index:2}.plans .plan .plan-pricing{align-items:center;display:flex;gap:2px;justify-content:center;padding:0 0 16px;z-index:0}.plans .plan .plan-pricing h1{font-weight:400;opacity:1;transition-duration:.2s}.plans .plan .plan-pricing h1:hover{opacity:0;transition-duration:.2s}.plans .plan .plan-pricing .unit{color:#7c7c80;font-size:.8rem;line-height:2rem}.plans .plan .plan-pricing .unit span{color:#aeaeae;font-size:1.2rem;text-decoration:line-through;text-decoration-color:#bcbcbe}.plans .plan .plan-pricing.monthly{margin-left:4px;margin-top:0}.plans .plan .plan-pricing.monthly h1{animation-delay:.2s;animation-duration:.1s;animation-fill-mode:forwards;animation-name:green-storage-text-upsell;font-size:1.5rem;margin-bottom:16px;opacity:0;transform:translateX(24px)}.plans .plan .plan-pricing.monthly h1 .priceWas{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#242424,#595959 80%,#777);-webkit-background-clip:text;margin-right:8px;text-decoration:line-through;text-decoration-color:#4f4f4f}.plans .plan .plan-pricing.monthly h1 .priceNow{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a9a9a9,#d9d9d9 20%,#ababab 90%);-webkit-background-clip:text;font-weight:400;white-space:nowrap}.plans .plan .plan-pricing.yearly{display:grid;margin-bottom:4px;margin-left:8px;margin-top:-20px;padding-bottom:8px}.plans .plan .plan-pricing.yearly h1{color:#6c6c70;font-size:1rem;font-weight:400}.plans .plan .plan-pricing.yearly .unit{color:#545456;font-size:.8rem;line-height:1rem;margin-top:8px}.plans .plan .plan-pricing.yearly .unit span{color:#aeaeae;font-size:.8rem;text-decoration:line-through;text-decoration-color:#bcbcbc80}.plans .plan .plan-pricing .first-month{-webkit-text-fill-color:#0000;background:hsla(0,0%,74%,.227);-webkit-background-clip:text;color:#54a134;font-size:.9rem;margin-top:0}.plans .plan .plan-pricing .first-month.contract-period{-webkit-text-fill-color:#0000;background:hsla(0,0%,74%,.463);-webkit-background-clip:text;color:#6c6c70}.plans .plan .plan-pricing .iconic{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,rgba(31,71,14,.769),#427f28 47%,#427f28 55%,#142f09);-webkit-background-clip:text;color:#54a134;margin-top:0}.plans .plan .plan-features{border-top:1px solid #1c1c1e;margin-bottom:16px;margin-top:8px;padding-top:8px}.plans .plan .plan-features p{color:#444446;font-size:.8rem}.plans .plan .plan-features p.highlight{color:#d8d8dc;margin-bottom:8px;margin-top:8px}.plans .plan .plan-features .see-more-features{color:#66b346;cursor:pointer;font-size:.8rem;margin-top:8px;text-decoration:underline}.plans .plan .plan-features .see-more-features:hover{color:#54a134}.plans .plan .core-features{margin-bottom:16px;margin-top:8px}.plans .plan .core-features h4{align-items:center;color:#6c6c70;display:flex;font-size:1.1rem;font-weight:300;gap:8px;justify-content:center;line-height:.9rem;margin-bottom:8px}.plans .plan .core-features h4 p{border:1px solid #444446;border-radius:4px;cursor:pointer;padding:5px 8px}.plans .plan .core-features h4 p.hide{opacity:.2}.plans .plan .core-features h4.customizable{border-bottom:1px solid #1c1c1e;font-weight:600;margin-bottom:24px;margin-top:16px;padding-bottom:16px;transition-duration:.2s}.plans .plan .core-features h4.customizable .storage-counter{position:relative;width:96px;z-index:2}.plans .plan .core-features h4.customizable .green{-webkit-text-fill-color:#0000;animation-duration:.1s;animation-fill-mode:forwards;animation-name:green-storage-text-upsell;background:linear-gradient(90deg,rgba(39,75,23,.529) 10%,#54a134 20%,#54a134 60%,#152b0c 90%);-webkit-background-clip:text;border:1px solid #545456;color:#66b346;opacity:0;transform:translateX(24px)}.plans .plan .core-features h4.customizable .white{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,rgba(71,71,71,.529) 10%,#c3c3c3 20%,#b0b0b0 60%,#232323 90%);-webkit-background-clip:text;border:1px solid #363638;color:#d8d8dc;transition-duration:.1s}.plans .plan .core-features h4.beta{margin-left:8px}.plans .plan .core-features h4.beta span.tag{border:1px solid #336c1b;border-radius:2px;color:#428924;font-size:.5rem;line-height:.8rem;opacity:.7;padding:0 4px}.plans .plan .button{border-radius:32px;padding:8px}.plans .plan .validity{line-break:anywhere;margin-bottom:16px}.plans .plan .validity .label{color:#363638;text-decoration:none}.plans .plan .validity p{color:#444446;font-size:.8rem;text-decoration:underline}.plans .plan .validity.hide{opacity:0!important}.plans .plan .disable{opacity:.5}.plans .plan .payment-status{color:#d1d1d6;font-size:.9rem;margin-bottom:8px;text-align:center}.plans .plan .waitlist-label{color:#444446;font-size:.7rem;margin-top:4px}.plans .plan .button{margin-bottom:0;width:100%}.plans .plan .button.primary{box-shadow:1px 2px 1px 1px #000,1px -1px 16px 2px rgba(83,127,40,.208)}.plans .plan.enterprise{background-color:#0d0d0d;opacity:1;overflow:hidden}.plans .plan.enterprise .plan-name{color:#aeaeae;position:relative;text-align:center;z-index:2}.plans .plan.enterprise .storage-counter{border:1px solid #336c1b;box-shadow:2px 2px 4px #0000007a;color:#66b346;font-size:.8rem;padding:4px 8px;position:relative;text-align:center;width:96px;z-index:2}.plans .plan.enterprise .cover{animation-duration:40s;animation-iteration-count:infinite;animation-name:rotate-globe;animation-timing-function:linear;background-blend-mode:color-dodge,lighten;background-color:#0d0d0d;background-image:url(/static/media/green-spheret-3d.f71096c6163283820086.avif),url(/static/media/green-spheret-3d.f71096c6163283820086.avif);background-position:49% 54%,51% 51%;background-size:40%,80%;opacity:.8;padding-top:80%;width:100%;z-index:0}.plans .plan.enterprise .button.primary{background-color:#242426;border:1px solid #7c7c80;color:#ebebf0}.plans .plan.freelancer,.plans .plan.studio{background-color:#0d0d0d;overflow:hidden}.plans .plan.freelancer .plan-name,.plans .plan.studio .plan-name{color:#aeaeae;position:relative;text-align:center;z-index:2}.plans .plan.freelancer .storage-counter,.plans .plan.studio .storage-counter{border:1px solid #545456;border-radius:4px;box-shadow:2px 2px 4px #0000007a;color:#66b346;font-size:.8rem;margin-bottom:8px;margin-top:0;opacity:1;position:relative;text-align:center;z-index:2}.plans .plan.freelancer .cover,.plans .plan.studio .cover{animation-duration:60s;animation-iteration-count:infinite;animation-name:rotate-globe;animation-timing-function:linear;background-blend-mode:lighten;background-color:#0d0d0d;background-position:55% 50%;background-size:40%,80%;opacity:.8;padding-top:80%;width:100%;z-index:0}.plans .plan.freelancer .cover{background-image:url(/static/media/green-spheret-3d.f71096c6163283820086.avif)}.plans .plan.freelancer .storage-counter{box-shadow:2px 2px 4px #0000007a;font-size:.7rem;padding:4px 8px;position:relative;text-align:center;z-index:2}.plans .plan.freelancer .storage-counter:after{content:""}.plans .plan.freelancer .button.primary{background-color:#171717;border:1px solid #636366;box-shadow:1px 2px 4px #000;color:#8e8e93}.plans .plan.studio{border:2px solid #54a134!important;border-top-color:#65a222!important;margin-top:-8px;position:relative;transform:scale(1.05);z-index:10}.plans .plan.studio .plan-name{color:#428924;font-weight:700;margin-top:8px;position:relative;text-align:center;z-index:2}.plans .plan.studio .cover{animation-duration:40s;animation-name:rotate-globe;background-image:url(/static/media/gray-sphere-3d.afbdf28c72aa3a709169.avif),url(/static/media/green-spheret-3d.f71096c6163283820086.avif);background-position:45% 52%,50% 50%;background-size:80%,50%}.plans .plan.studio .storage-counter{border:1px solid #6c6c70;border-radius:4px;box-shadow:2px 2px 4px #0000007a;color:#66b346;margin-bottom:8px;opacity:1;position:relative;text-align:center;width:64px;z-index:2}.plans .plan.studio .storage-counter:after{content:""}.plans .plan.studio .plan-features p{color:#c7c7cc}.plans .plan.studio .button.primary{background:linear-gradient(135deg,#54a134,#3e7a25);border:none;box-shadow:0 4px 15px #54a13466;color:#fff;font-weight:600}.plans .plan.studio .button.primary:hover{box-shadow:0 6px 20px #54a13499;transform:translateY(-2px)}.plans .plan.free{opacity:.8}.plans .plan.free .features,.plans .plan.free .plan-name{color:#8e8e93}.plans .plan.free .core-features h4{color:#f2f2f7}.plans .plan.free .cover{background-blend-mode:lighten;background-color:#171717;background-image:url(/static/media/gray-sphere-3d.afbdf28c72aa3a709169.avif);background-position:50%;background-size:40%,80%;opacity:.8;padding-top:100%;width:100%}.plans .plan.free .button.primary{background-color:#171717;border:1px solid #535353;color:#535353}.plans .plan.active{border:1px solid #545456}.plans .plan.active,.plans .plan.active .cover{background-color:#171717}.plans .plan.active .waitlist-label{color:#c7c7cc}.plans .plan.active .waitlist-label .expiry-label{color:#8e8e93}.plans .plan .expiry-label{color:#3a3a3c}.plans #pl_PmVGqJ2gzI0OLI .waitlist-label{color:#3c3b3b!important;opacity:.2;transition-duration:.4s;transition-timing-function:ease-in}.plans #pl_PmVGqJ2gzI0OLI:hover+.waitlist-label{color:#fafafa;transition-duration:.1s;transition-timing-function:ease-in}.modal-container{z-index:45!important}.modal.upgrade.island{max-width:960px;padding-bottom:0;text-align:center;width:1600px;z-index:91}.modal.upgrade.island+.modal-backdrop{background-color:rgba(0,0,0,.435)}.modal.upgrade.island .modal-body{height:512px!important;overflow:scroll}.modal.upgrade.island .upgrade-content{font-size:2rem;font-weight:600;margin-bottom:32px}.modal.upgrade.island .plans{margin-bottom:8px}.modal.upgrade.island .form-section{margin:0 40px;padding-bottom:16px;text-align:center}.modal.upgrade.island .core-features,.modal.upgrade.island .plan-pricing.yearly{display:none}.modal.upgrade.island .plan-pricing.monthly{padding-bottom:8px}.modal.upgrade.island .actions{bottom:0;margin-top:-64px;position:static}@keyframes fadeInLeft{0%{margin-left:32px;opacity:0}to{margin-left:0;opacity:1}}@keyframes green-storage-text-upsell{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@media only screen and (max-width:1230px){.plans{column-gap:12px}}@media only screen and (max-width:1080px){.plans{column-gap:32px;grid-template-columns:minmax(100px,240px) minmax(100px,240px) minmax(100px,240px)}.plans .plan.studio{margin-top:0;transform:scale(1)}}@media only screen and (max-width:860px){.home .welcome-section{grid-template-columns:1fr}.home .welcome-section .welcome-message{line-height:2.5rem;margin-top:0}.home .welcome-section .actions{justify-content:flex-start;margin-top:32px}.plans{column-gap:32px;grid-template-columns:minmax(100px,240px) minmax(100px,240px)}.plans .plan .plan-features{margin-bottom:32px;margin-top:32px}.plans .plan .plan-features p{color:#6c6c70;font-size:1.2rem;line-height:1.5rem}.plans .plan .plan-pricing{font-size:4rem}.plans .plan .plan-pricing h1{font-size:4rem;font-weight:400;opacity:1}.plans .plan .plan-pricing .unit{font-size:1rem}.plans .plan .plan-pricing.yearly h1{font-size:2rem}.plans .plan .plan-pricing.yearly .unit{font-size:1.5rem}.plans .plan .plan-pricing .first-month{font-size:1rem}.plans .waitlist-label{font-size:1rem;margin-bottom:16px}.plans .button{font-size:1.4rem;height:54.4px;line-height:2.4rem!important;padding:16px}}@media only screen and (max-width:580px){.home .section .projects .project{grid-template-columns:96px auto}.home .section .projects .project .project-cover{width:80px}.home .section .projects .project .project-details{margin-left:-24px}.home .section .projects .project .project-details .empty-message{display:none}.subscription .welcome-section{grid-template-columns:1fr}.subscription .welcome-section .welcome-message-top h1{line-height:3rem}.subscription .welcome-section .welcome-message-top h2{line-height:1.5rem;margin-bottom:16px;margin-top:16px}.subscription .welcome-section .actions{justify-content:flex-start;margin-top:32px}.subscription .plans-container{margin-left:0}.subscription .plans-container .subscriptions-header{grid-template-columns:1fr;justify-content:center}.plans{grid-template-columns:1fr;padding:0}.plans .plan .plan-pricing.monthly h1{font-size:2rem}.plans .plan .core-features{margin-top:8px}.plans .plan .core-features h4{font-size:1.5rem;line-height:2rem}.plans .plan .core-features h4.customizable{margin-bottom:40px;margin-top:32px}.plans .plan .core-features h4 p{padding:4px 20px}.plans .plan .core-features h4.customizable{margin-top:8px}.plans .plan.core .cover{padding-top:50%}.plans .plan.freelancer .cover{padding-top:60%}}@media only screen and (max-width:430px){.home .section .projects,.subscription .section .projects{grid-template-columns:1fr}}@keyframes rotate-globe{0%{opacity:1;transform:rotate(0deg)}50%{opacity:.7;transform:rotate(180deg)}88%{opacity:.8;transform:rotate(320deg)}to{opacity:1;transform:rotate(1turn)}}.upload-progress{background-color:#0009;border-left:1px solid #2b2b2b;border-radius:16px;border-top:1px solid #2b2b2b;border-color:#535353 #2b2b2b #2b2b2b #535353;border-style:solid;border-width:1px;box-shadow:2px 2px 6px 4px #00000080;display:grid;grid-template-rows:56px auto;opacity:1;overflow:hidden;position:fixed;right:12px;top:100dvh;transform:translateY(calc(-100% - 12px));transition-duration:.2s;width:320px;z-index:12}.upload-progress .header{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0a0a0a99;display:grid;grid-template-columns:48px auto 64px;height:56px;line-height:1.4em;padding:8px 0;position:relative;transition-duration:.5s}.upload-progress .header .header-process{background-image:url(/static/media/loading-green-loading.4064527791e609cfbe59.gif);background-position:50%;background-size:auto 50%;filter:saturate(.6) brightness(2);height:100%;opacity:.5;width:100%}.upload-progress .header .header-process.uploadCompleted{background-image:url(https://img.icons8.com/?size=100&id=Ec2YiJY0ZFZ3&format=png&color=54a134);background-size:auto 70%;filter:saturate(1) brightness(1);opacity:1}.upload-progress .header .header-title{display:grid}.upload-progress .header .header-title p{color:#444446;font-size:.8rem;margin-top:-4px}.upload-progress .header .modal-controls{display:flex;gap:4px;justify-content:flex-end;margin:8px}.upload-progress .header .modal-controls .control{border-radius:50%;height:8px;opacity:.4;width:8px}.upload-progress .header .modal-controls .control.close{background-color:#ff453a}.upload-progress .header .modal-controls .control.minimize{background-color:#ffd60a}.upload-progress .header .modal-controls .control.maximize{background-color:#54a134}.upload-progress .header .total-progress{bottom:0;position:absolute;width:100%}.upload-progress .header .total-progress .progress-bar{background:linear-gradient(90deg,#428924 80%,#87d413);border-radius:0 2px 2px 0;height:4px;min-width:10%}.upload-progress .body{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17171799;height:320px;overflow:scroll;padding:0 16px;transition-duration:.2s}.upload-progress .body .upload-queue{grid-gap:16px;display:grid;gap:16px;padding-top:16px}.upload-progress .body .upload-queue .upload-task{grid-gap:16px;grid-row-gap:8px;display:grid;gap:16px;grid-template-columns:32px auto 32px;row-gap:8px}.upload-progress .body .upload-queue .upload-task .task-cover{background-image:url(/static/media/image.5c2557e9d92386fd067c.svg);background-position:50%}.upload-progress .body .upload-queue .upload-task .file-name{font-size:.9rem;font-weight:700}.upload-progress .body .upload-queue .upload-task .file-progress-percentage{color:#444446;font-size:.8rem;margin-top:2px}.upload-progress .body .upload-queue .upload-task .file-progress-percentage span{color:#545456;margin-left:8px}.upload-progress .body .upload-queue .upload-task .task-status{background-image:url(https://media.tenor.com/t5DMW5PI8mgAAAAi/loading-green-loading.gif);background-position:50%;background-size:auto 50%;opacity:0}.upload-progress .body .upload-queue .upload-task .task-status.done{background-image:url(https://img.icons8.com/?size=256&id=a4l6bA9mSmBh&format=png&color=40C057);background-size:auto 70%;filter:saturate(1) brightness(1)!important;transition-delay:.8s}.upload-progress .body .upload-queue .upload-task .file-progress{grid-column-end:4;grid-column-start:1;height:2px;overflow:hidden;width:100%}.upload-progress .body .upload-queue .upload-task .file-progress .file-progress-bar{background-color:#428924;border-radius:3px;height:2px;min-width:2%;transition-duration:.5s;transition-timing-function:ease-in-out}.upload-progress .body .upload-queue .upload-task .file-progress .file-progress-bar.done{margin-left:100%;transition-delay:.5s;width:1px}.upload-progress .body .upload-queue .upload-task.initializing .task-status{filter:saturate(0) brightness(2);opacity:1}.upload-progress .body .upload-queue .upload-task.initializing .file-progress-bar{animation-duration:4s;animation-fill-mode:forwards;animation-name:progress-initializer;animation-timing-function:ease-in-out;background-color:#3a3a3c}@keyframes progress-initializer{0%{width:0}30%{width:50%}60%{width:75%}to{width:100%}}.upload-progress .body .upload-queue .upload-task.pending .task-status{filter:saturate(0) brightness(2);opacity:1;opacity:.6}.upload-progress .body .upload-queue .upload-task.pending .file-progress-bar{background-color:#2c2c2e}.upload-progress .body .upload-queue .upload-task.uploading .task-status{filter:saturate(.6) brightness(2);opacity:1}.upload-progress .body .upload-queue .upload-task.uploading .file-progress-bar{animation-duration:4s;animation-fill-mode:forwards;animation-name:progress-initializer-upload;animation-timing-function:ease-in-out;background:linear-gradient(90deg,#428924 80%,#70ab17);width:2%}@keyframes progress-initializer-upload{0%{width:0}30%{width:50%}60%{width:75%}90%{width:100%}}.upload-progress .body .upload-queue .upload-task.uploaded{display:none}.upload-progress .body .upload-queue .upload-task.uploaded .file-progress-bar{left:100%}.upload-progress .body .upload-queue .upload-task.uploaded .task-status{background-image:url(/static/media/check-circle.6de36876fbd3565bd622.svg);opacity:1}.upload-progress.close{height:0;opacity:0;right:-100%;transition-duration:.2s}.upload-progress.minimize{border-radius:8px;transition-duration:2s}.upload-progress.minimize .body{height:0}.upload-progress.minimize .header .modal-controls .control{opacity:.2}.upload-progress.minimize .header .modal-controls .control.maximize{animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:status-blink;animation-timing-function:ease-in-out;opacity:1}@keyframes status-blink{0%{opacity:.3}10%{opacity:1}15%{opacity:1}35%{opacity:.3}45%{opacity:.3}60%{opacity:1}65%{opacity:1}70%{opacity:.3}to{opacity:.3}}.upload-progress.completed{border-radius:8px;transition-duration:.2s}.upload-progress.completed .header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003}.upload-progress.completed .header .header-title p{color:#ebebf0}.upload-progress.completed .body{height:0;transition-duration:.2s}.upload-progress.maximize{height:calc(100vh - 108px)}.upload-progress.maximize .body{height:100%}@media only screen and (max-width:430px){.upload-progress{width:calc(100vw - 24px)}}.loading-container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-container .loading-context-container,.loading-container .loading-spinner{position:relative;z-index:10}.projects-coming-soon .welcome-section p{color:#636366;text-align:center}.projects-coming-soon .welcome-section .button{display:grid;justify-self:center;margin-top:12px}.projects-coming-soon .section{padding:40px 80px 80px}.projects-coming-soon .section .page-illustration{animation-delay:.5s;animation-duration:5s;animation-iteration-count:infinite;animation-name:coming-soon-zoom-in;animation-timing-function:ease-in-out;background-image:url(/static/media/image.b5afe5ff2eb9ae4d44c6.png);background-position:50%;background-size:auto 100%;border:1px solid #171717;border-radius:4px;height:50vh;margin:-32px auto auto;opacity:0;transform:scale(.5);width:75vh}.projects-coming-soon .section .page-illustration.gallery-illustration{background-image:url()}@keyframes coming-soon-zoom-in{0%{opacity:0;transform:scale(.9)}10%{opacity:.3}to{opacity:1;transform:scale(1)}}.App .button{background-color:hsla(0,0%,47%,.226);border-radius:16px;box-shadow:inset -1px -1px 0 #a6ff000d,inset 1px 1px 1px #0003,2px 2px 2px #0003;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.5px;line-height:1.1rem;margin:4px 0;opacity:.9;padding:5px 11.2px 6.4px;text-align:center;text-shadow:1px 1px 2px #0009;transform:scale(1);transition-duration:.1s;transition-timing-function:ease-in;white-space:nowrap}.App .button:hover{box-shadow:inset 1px 1px 1px #0003,0 0 8px 6px #1aa51f1a;opacity:1;transition-duration:.1s;transition-timing-function:ease-out}.App .button:hover.icon.icon-right:after,.App .button:hover.icon:before{opacity:1}.App .button.small{font-size:.85rem;padding:4px 4.8px}.App .button:active{opacity:1;transform:translateY(1px) translateX(0);transition-duration:.1s;transition-timing-function:ease-in-out}.App .button.primary{background:linear-gradient(110deg,#336c1b 50%,#70ab17 200%);border-left:1px solid #54a134;border-top:1px solid #54a134;border-color:#b2ea5f #54a134 #54a134 #84c128;border-style:solid;border-width:1px;color:#fff!important}.App .button.primary.outline{background:none;border-left:1px solid #336c1b;border-top:1px solid #336c1b;border-color:#54a134 #336c1b #336c1b #54a134;border-style:solid;border-width:1px;color:#66b346;font-weight:400}.App .button.primary.light-mode{background-color:#fff;border:1px solid #54a134;color:#fff}.App .button.primary.light-mode.outline{background:#aeaeae;border:2px solid #336c1b;color:#8e8e93}.App .button.primary.text-only{background:none;border:none;box-shadow:none;color:#66b346;padding-right:4px}.App .button.secondary{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(8px);background-color:#171717;border:1px solid #3a3a3c;border-color:#fff3 #ffffff1a #ffffff1a #ffffff4d;border-style:solid;border-width:1px;box-shadow:0 0 16px 6px #0000004d}.App .button.secondary.light-mode{background-color:#fff;border:1px solid #aeaeae;color:#8e8e93}.App .button.secondary.light-mode.text{box-shadow:0 0 2px 6px #00000005;color:#1c1c1e;font-weight:400}.App .button.secondary.light-mode.outline{background-color:#ebebf0;border:2px solid #363638;color:#242426}.App .button.secondary.outline{background-color:#2b2b2b;color:#fff}.App .button.secondary.outline.bold{border:1px solid #bcbcbe}.App .button.secondary.transparent-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,50%,.005)!important;border:1px solid #fff0!important;box-shadow:1px 1px 1px #39393933}.App .button.tertiary{background-color:#2b2b2b;border:1px solid #535353}.App .button.tertiary.l2{background-color:#171717;border:1px solid #202020;box-shadow:1px 1px 1px #0f0f0f33;color:#aeaeae;margin-bottom:8px}.App .button.tertiary.l2 .icon-right:after,.App .button.tertiary.l2:before{opacity:.4}.App .button.warnning{border:1px solid #8e8e93;padding:4px 8px}.App .button.warnning:hover{border:1px solid #ff453a}.App .button.disabled{cursor:not-allowed;opacity:.2}.App .button.large{font-size:1rem;height:48px;padding:8px 20px}.icon.icon-only{background-color:#0000;border:none;color:#0000;padding:2px 8px}.icon.icon-only:before{background-position:50%;margin-right:0}.icon.icon-only.icon-right:after{background-position:50%;margin-left:0}.icon:before{background-position:50%;background-repeat:no-repeat;background-size:100%;color:#fff0;content:".";filter:drop-shadow(1px 1px 1px rgba(255,255,255,0));height:100%;margin-left:-4px;margin-right:4px;opacity:.8;padding:2px 8px;text-decoration:none;text-shadow:none;width:24px}.icon.large:after,.icon.large:before{padding:16px}.icon.icon-right:after{background-position:50%;background-repeat:no-repeat;background-size:100%;color:#0000;content:".";filter:drop-shadow(1px 1px 1px rgba(255,255,255,0));height:100%;margin-left:4px;margin-right:-4px;opacity:.9;padding:2px 8px;text-decoration:none;text-shadow:none;width:24px}.icon.icon-right:before{display:none}.icon.add:before{background-image:url(https://img.icons8.com/ios-filled/500/ffffff/plus-math.png)}.icon.add-mobile:before{background-image:url(https://img.icons8.com/?size=100&id=QADawoQS3Rcg&format=png&color=FFFFFF)}.icon.search:before{background-image:url(https://img.icons8.com/?size=100&id=7695&format=png&color=FFFFFF);background-size:100%}.icon.open-in-new:before{background-image:url(https://img.icons8.com/?size=100&id=zWS3SNRj7odb&format=png&color=FFFFFF);background-size:100%}.icon.user:before{background-image:url(https://img.icons8.com/?size=100&id=12438&format=png&color=FFFFFF);background-size:100%}.icon.archive:before{background-image:url(https://img.icons8.com/?size=100&id=Y4LcZ9Qw1Par&format=png&color=FFFFFF);background-size:100%;margin-right:8px;opacity:.6;padding-top:4px}.icon.download:before{background-image:url(https://img.icons8.com/?size=100&id=8365&format=png&color=FFFFFF);background-size:70%;margin-right:8px;opacity:.8;padding-top:4px}.icon.qr-code:before{background-image:url(https://img.icons8.com/?size=100&id=eVzJ4kKqXKDy&format=png&color=FFFFFF);background-size:90%;margin-right:8px;opacity:.9;padding-top:4px}.icon.public:before{background-image:url(https://img.icons8.com/?size=100&id=Kqsi3v5rWFW9&format=png&color=FFFFFF);background-size:100%;margin-right:4px;opacity:.6;padding-top:4px}.icon.whatsapp:before{background-image:url(https://img.icons8.com/?size=100&id=16733&format=png&color=FFFFFF);background-size:80%;opacity:1}.icon.billing-history:before{background-image:url(https://img.icons8.com/?size=100&id=gMLvI9ldT6LR&format=png&color=FFFFFF);background-size:120%;margin-right:8px;opacity:.6;padding-top:4px;text-decoration:none}.icon.arrow:before{background-image:url(https://img.icons8.com/?size=100&id=kHqsQPiFpGjM&format=png&color=FFFFFF)}.icon.arrow-up:before,.icon.arrow:before{background-size:100%;margin-right:8px;opacity:.6;padding-top:4px}.icon.arrow-up:before{background-image:url(https://img.icons8.com/?size=100&id=lCACQM0xDqsw&format=png&color=FFFFFF)}.icon.link:before{background-image:url(https://img.icons8.com/?size=100&id=85799&format=png&color=FFFFFF);background-size:80%;margin-right:4px;opacity:.7;padding-top:4px;text-decoration:none}.icon.play:before{background-image:url(https://img.icons8.com/?size=100&id=Uh8hvgeb99i5&format=png&color=428924)}.icon.play:before,.icon.selection:before{background-size:100%;margin-right:16px;opacity:.7;padding-top:4px;text-decoration:none}.icon.selection:before{background-image:url(https://img.icons8.com/?size=100&id=82861&format=png&color=0c84ff)}.icon.hand-pointer:before{background-image:url(https://img.icons8.com/?size=100&id=7pFVTRfCUO3C&format=png&color=FFFFFF);background-size:80%;margin-right:0;opacity:.7;padding-top:4px;text-decoration:none}.icon.private:before{background-image:url(https://img.icons8.com/?size=100&id=Kqsi3v5rWFW9&format=png&color=FFFFFF);opacity:.6}.icon.private:before,.icon.qr-code-scan:before{background-size:100%;margin-right:4px;padding-top:4px}.icon.qr-code-scan:before{background-image:url(https://img.icons8.com/?size=100&id=cHde1Zv1CKnP&format=png&color=FFFFFF);opacity:1}.icon.unarchive:before{background-image:url(https://img.icons8.com/?size=100&id=lZpz4xZ2jAww&format=png&color=FFFFFF);background-size:100%;padding-top:4px;transform:rotate(180deg)}.icon.delete:hover:before{background-image:url(https://img.icons8.com/?size=100&id=67884&format=png&color=ff6961)}.icon.delete:before{background-image:url(https://img.icons8.com/?size=100&id=67884&format=png&color=ffffff);background-size:90%}.icon.random:before{background-image:url(https://img.icons8.com/?size=100&id=RBNIqU8jJHdD&format=png&color=FFFFFF);background-size:100%;margin-left:0}.icon.invitation:before{background-image:url(https://img.icons8.com/?size=100&id=1074&format=png&color=FFFFFF);background-size:90%}.icon.edit:before{background-image:url(https://img.icons8.com/?size=100&id=114093&format=png&color=FFFFFF);background-size:80%}.icon.new:before{background-image:url(https://img.icons8.com/?size=100&id=Y1Jzb9yc1jLC&format=png&color=FFFFFF);background-size:80%}.icon.next:after{background-image:url(https://img.icons8.com/?size=100&id=7849&format=png&color=FFFFFF);background-size:70%}.icon.back:before{background-image:url(https://img.icons8.com/?size=100&id=40217&format=png&color=FFFFFF);background-size:70%}.icon.set-focus.dark-icon:before{background-image:url(https://img.icons8.com/?size=100&id=123951&format=png&color=000000);background-position:50%;background-size:80%;margin-left:0;margin-right:0}.icon.title-position.dark-icon:before{background-image:url(https://img.icons8.com/?size=100&id=N1vYa7LVzeKx&format=png&color=000000);background-position:50%;background-size:100%;margin-left:0;margin-right:0}.icon.section-settings.dark-icon:before{background-image:url(https://img.icons8.com/?size=100&id=69913&format=png&color=000000);background-position:50%;background-size:90%;margin-left:0;margin-right:0}.icon.title-font.dark-icon:before{background-image:url(https://img.icons8.com/?size=100&id=24758&format=png&color=1A1A1A)}.icon.move-up.dark-icon:before,.icon.title-font.dark-icon:before{background-position:50%;background-size:80%;margin-left:0;margin-right:0}.icon.move-up.dark-icon:before{background-image:url(https://img.icons8.com/?size=100&id=39787&format=png&color=000000)}.icon.move-down.dark-icon:before{background-image:url(https://img.icons8.com/?size=100&id=39786&format=png&color=000000);background-position:50%;background-size:80%;margin-left:0;margin-right:0}.icon.cover-size.dark-icon:before{background-image:url(https://img.icons8.com/?size=100&id=7790&format=png&color=000000);background-position:50%;background-size:60%;margin-left:0;margin-right:0}.icon.delete-red.dark-icon:before{background-image:url(https://img.icons8.com/?size=100&id=67884&format=png&color=ff2d55);background-position:50%;background-size:90%;margin-left:0;margin-right:0}.icon.colour-wheel.dark-icon:before{background-image:url(https://img.icons8.com/?size=100&id=EDu09r33OBsd&format=png&color=000000);background-position:50%;background-size:85%;margin-left:0;margin-right:0}.icon.image:before{background-image:url(https://img.icons8.com/?size=100&id=UVEiJZnIRQiE&format=png&color=FFFFFF);background-size:80%}.icon.filter:before{background-image:url(https://img.icons8.com/?size=100&id=21637&format=png&color=FFFFFF);background-size:80%}.icon.filter:before,.icon.leads:before{background-position:50%;margin-left:-6px;margin-right:4px}.icon.leads:before{background-image:url(https://img.icons8.com/?size=100&id=NsSZTVqoT8ie&format=png&color=FFFFFF);background-size:100%}.icon.active-users:before{background-image:url(https://img.icons8.com/?size=100&id=15802&format=png&color=54a134);background-position:50%;background-size:100%;margin-left:-6px;margin-right:4px}.icon.campaign:before{background-image:url(https://img.icons8.com/?size=100&id=11149&format=png&color=FFFFFF);background-position:50%;background-size:95%;margin-left:-6px;margin-right:6px}.icon.selected:before{background-image:url(https://img.icons8.com/?size=100&id=qjWObCa2AkgR&format=png&color=000000);background-position:50%;background-size:100%;margin-left:-6px;margin-right:0}.icon.upload:before{background-image:url(https://img.icons8.com/?size=100&id=71204&format=png&color=FFFFFF);background-size:70%}.icon.preview-icon:before,.icon.upload:before{background-position:50%;margin-bottom:-4px;margin-right:6px}.icon.preview-icon:before{background-image:url(https://img.icons8.com/?size=100&id=60022&format=png&color=FFFFFF);background-size:80%}.icon.location:before{background-image:url(https://img.icons8.com/?size=100&id=85353&format=png&color=000000);background-size:80%;filter:drop-shadow(1px 1px 1px #656565);opacity:.8}.icon.location:before,.icon.publish-icon:before{background-position:50%;margin-bottom:-4px;margin-right:6px}.icon.publish-icon:before{background-image:url(https://img.icons8.com/?size=100&id=nIyBXaDJIW9G&format=png&color=FFFFFF);background-size:90%}.icon.pin:before{background-image:url(https://img.icons8.com/?size=100&id=10497&format=png&color=FFFFFF);background-size:80%}.icon.checkmark:before,.icon.pin:before{background-position:50%;margin-bottom:-4px;margin-right:6px}.icon.checkmark:before{background-image:url(https://img.icons8.com/?size=100&id=114054&format=png&color=228BE6);background-size:90%}.icon.share:before{background-image:url(https://img.icons8.com/?size=100&id=12628&format=png&color=FFFFFF);background-position:50%;background-size:70%;margin-bottom:-4px;margin-right:6px}.icon.check{padding:4px}.icon.check:before{background-image:url(https://img.icons8.com/?size=100&id=W9RS5YNuHAdG&format=png&color=FFFFFF);background-position:50%;background-size:80%;margin:0}.icon.copy{padding:4px}.icon.copy:before{background-image:url(https://img.icons8.com/?size=100&id=8yBXUwihe10f&format=png&color=FFFFFF);background-position:50%;background-size:90%;margin:0}.icon.referal:before{background-image:url(https://img.icons8.com/?size=100&id=ZsYJzYlThVLD&format=png&color=FFFFFF);background-position:50%;background-size:85%;margin:0 4px 0 -8px}.icon.close{padding:4px}.icon.close:before{background-image:url(https://img.icons8.com/?size=100&id=vu5kHwGC4PNb&format=png&color=FFFFFF);background-position:50%;background-size:70%;margin:0}.App .pill{background-color:hsla(0,0%,47%,.226);border-radius:16px;box-shadow:inset -1px -1px 0 #a6ff000d,inset 1px 1px 1px #0003,2px 2px 2px #0003;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.5px;line-height:1.1rem;margin:4px 0;opacity:.9;padding:8px 14.4px;text-align:center;text-shadow:1px 1px 2px #0009;transform:scale(1);transition-duration:.1s;transition-timing-function:ease-in;white-space:nowrap}.App .pill.secondary{background-color:#7777774d;border:1px solid #636366}.App .pill.secondary.idle{background-color:#77777703;border:1px solid #2c2c2e}.App .pill.secondary.idle:hover{background-color:#7773;border:1px solid #48484a}.App.light-mode-page .button{box-shadow:0 0 4px 4px #0000000d,1px 1px 2px 0 #0000001a;padding:8px 16px 8px 12px;text-shadow:1px 1px 2px #0003}.App.light-mode-page .button.secondary{background-color:#fff;border:1px solid #bcbcbe;color:#1c1c1e}.App.light-mode-page .button.icon:before{content:".";height:40px;margin-left:-4px;margin-right:4px;opacity:.8;padding:8px 12px;width:40px}.tab-button.icon:before{background-position:50%;background-repeat:no-repeat;background-size:100%;color:#0000;content:".";filter:drop-shadow(1px 1px 1px #222);height:100%;margin-left:-4px;margin-right:4px;padding:8px;width:24px}.tab-button.icon.ai:before{background-image:url(https://img.icons8.com/?size=100&id=Imv4VIewVo4o&format=png&color=FFFFFF);background-size:80%}.tab-button.icon.user:before{background-image:url(https://img.icons8.com/?size=100&id=23265&format=png&color=ffffff);background-size:100%}.tab-button.icon.referal:before{background-image:url(https://img.icons8.com/?size=100&id=ZsYJzYlThVLD&format=png&color=FFFFFF);background-size:90%}.tab-button.icon.ticket:before{background-image:url(https://img.icons8.com/?size=100&id=8851&format=png&color=FFFFFF);background-size:80%}.tab-button.icon.history:before{background-image:url(https://img.icons8.com/?size=100&id=PeLgq1OtWrKX&format=png&color=FFFFFF);background-size:90%}.tab-button.icon.studio:before{background-image:url(https://img.icons8.com/?size=100&id=78230&format=png&color=FFFFFF);background-size:90%}.icon-show{background-position:50%;background-size:auto 100%;-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.561));height:16px;opacity:.8;width:16px}.icon-show.add{background-image:url(https://img.icons8.com/ios-filled/500/ffffff/plus-math.png)}.icon-show.edit{background-image:url(https://img.icons8.com/?size=100&id=8192&format=png&color=FFFFFF);background-size:auto 80%}.icon-show.view{background-image:url(https://img.icons8.com/?size=100&id=qakgRGJ6YfEY&format=png&color=FFFFFF);background-size:auto 80%;height:20px;width:20px}.icon-show.storage{background-image:url(https://img.icons8.com/?size=100&id=184&format=png&color=FFFFFF);background-size:auto 70%;height:20px;width:24px}.icon-show.image{background-image:url(https://img.icons8.com/?size=200&id=XANIzpZcz8xx&format=png&color=FFFFFF);background-size:auto 85%;height:20px;width:24px}.icon-show.folder{background-image:url(https://img.icons8.com/?size=100&id=CXSefwAlx5SL&format=png&color=FFFFFF);background-size:auto 80%;height:20px;width:24px}.icon-show.expire{background-image:url(https://img.icons8.com/?size=100&id=Y4LcZ9Qw1Par&format=png&color=FFFFFF);background-position:center 90%}.icon-show.archive,.icon-show.expire{background-size:auto 90%;height:20px;width:24px}.icon-show.archive{background-image:url(https://img.icons8.com/?size=100&id=51h4JbbEuj8o&format=png&color=FFFFFF)}.icon-show.delete{background-image:url(https://img.icons8.com/?size=100&id=KPhFC2OwpbWV&format=png&color=FFFFFF)}input,select,textarea{background-color:#0d0d0d;border:1px solid #444446;border-radius:4px;font-size:1.2rem;height:43.2px;padding:4px 4px 4px 11.2px}input::placeholder,select::placeholder,textarea::placeholder{color:#2c2c2e}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background-color:#00000080!important}.project-status>select{padding-left:24px;padding-right:0;text-align:start;width:auto}input{border-bottom:1px solid #444446;border-right:1px solid #444446;border-color:#444446 #7c7c80 #7c7c80 #444446;border-style:solid;border-width:1px}.disabled{color:#d8d8dc;opacity:.3!important}.disabled *{cursor:not-allowed!important}.disabled:hover{background:#171717;transition-duration:.1s}.options-menu-button{align-items:end;align-self:flex-end;color:#6c6c70;color:#535353;display:grid;grid-template-columns:auto auto auto;height:32px;justify-content:end;width:32px}.options-menu-button .icon.options{background-image:url(https://img.icons8.com/?size=100&id=Mli429zE5QBn&format=png&color=ffffff);background-position:50%;background-size:60%;height:32px;opacity:.5;transform:rotate(0deg);width:32px}.options-menu-button:hover .icon.options{opacity:1}button[aria-haspopup=menu]{background-color:#171717;border:0 solid #535353;border-radius:4px;height:32px;width:32px}.show-icon{background-position:50%;height:20px;width:20px}.show-icon.profile{background-image:url(https://img.icons8.com/ios/100/FFFFFF/user-male-circle--v1.png);background-size:90%}.show-icon.email{background-image:url(https://img.icons8.com/?size=100&id=63598&format=png&color=FFFFFF);background-size:70%}.show-icon.phone{background-image:url(https://img.icons8.com/?size=100&id=9659&format=png&color=FFFFFF);background-size:90%}.show-icon.location{background-image:url(https://img.icons8.com/?size=100&id=3723&format=png&color=FFFFFF);background-size:80%}.coming-soon{display:flex;justify-content:end;opacity:.3;width:100%}.coming-soon-tag{border:1px solid #54a134;border-radius:4px;box-shadow:1px 1px 2px #000000e6,inset 1px 1px 2px #000000e6;color:#54a134;display:inline-block;font-size:.5rem;font-weight:700;padding:2px 4px;text-shadow:1px 1px 2px #000000e6}.loader-wrap{align-items:center;animation-delay:1s;animation-duration:.2s;animation-name:fadeIn;background-color:#0d0d0d;border:1px solid #2b2b2b;border-radius:8px;box-shadow:-1px 1px 6px #0003;display:flex;font-size:1rem;height:100vh;justify-content:center;left:-8px;margin:8px;opacity:0;padding:32px;position:absolute;top:-4px;width:100vw}.loader-wrap .loader{background-image:url(/static/media/loading-green-loading.4064527791e609cfbe59.gif);background-position:50%;background-size:auto 80%;height:24px;margin-right:8px;opacity:.5;width:24px}.loader-wrap .loading-message{color:#8e8e93}.loader-wrap.lightMode{background-color:#f9f9f9;border:1px solid #0000;height:100dvh;left:0;margin:0;top:0;width:100vw;z-index:100}.loader-wrap.lightMode .loading-message{color:#3a3a3c}@media only screen and (max-width:1230px){.loader-wrap{left:32px;width:calc(100% - 64px)}}@media only screen and (max-width:520px){.loader-wrap{height:calc(100% - 128px);left:16px;width:calc(100% - 48px)}.button{font-size:.9rem}}.selection-requests-list{display:flex;gap:16px;overflow-x:auto;padding:8px}.selection-requests-list.dashboard{margin-bottom:16px;padding:0}.selection-requests-list.dashboard .selection-request-item{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.selection-requests-list .selection-request-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:240px;padding:16px}.selection-requests-list .selection-request-item .request-text{color:#b3b3b3;font-size:.9rem}.selection-requests-list .selection-request-item .request-text b{color:#fff}.selection-requests-list .selection-request-item .request-actions{display:flex;gap:8px;justify-content:flex-end}.not-found-container{align-items:center;display:flex;flex-direction:column;font-family:Product Sans,sans-serif;height:80vh;justify-content:center;text-align:center}.not-found-container .not-found-content h1{color:#54a134;font-size:8rem;font-weight:700;line-height:1;margin:0}.not-found-container .not-found-content h2{color:#333;font-size:1.75rem;font-weight:400;margin:20px 0 10px}.not-found-container .not-found-content p{color:#666;font-size:1.1rem;margin-bottom:40px}.not-found-container .not-found-content .go-home-btn{background-color:#428924;border:none;border-radius:25px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:12px 30px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.not-found-container .not-found-content .go-home-btn:hover{background-color:#357ae8;transform:translateY(-2px)}.not-found-container .not-found-content .go-home-btn:active{transform:translateY(0)}.flow-pilot{background:#171717;background-color:none;border-left:2px solid #202020;border-radius:12px;border-top:2px solid #202020;border-color:#535353 #202020 #202020 #2b2b2b;border-radius:16px;border-style:solid;border-width:2px;bottom:0;box-shadow:0 4px 12px #0000001a;box-shadow:0 0 8px 0 #00000080;cursor:default;display:flex;display:grid;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;justify-items:end;margin:0 16px 16px auto;opacity:.95;overflow:hidden;padding:0;position:relative;position:fixed;right:0;transition-duration:.1s;width:360px;z-index:12}.flow-pilot *{color:#fff}.flow-pilot .chat-header{align-items:center;background:#0d0d0d;border-bottom:1px solid #2b2b2b;box-shadow:0 -8px 8px 8px #000;color:#fff;display:flex;padding:12.8px 16px;width:100%}.flow-pilot .chat-header h3{align-items:center;color:#fff;display:flex;font-weight:600;gap:16px;margin:0}.flow-pilot .chat-header .conversation-meta{color:#535353;display:flex;font-size:.7rem;gap:.5rem;margin-left:-6.4px;margin-top:6.4px}.flow-pilot .chat-header .conversation-meta .status-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.flow-pilot .chat-header .conversation-meta .status-badge.open{background:#27ae60}.flow-pilot .chat-header .conversation-meta .token-usage{color:#2c2c2e}.flow-pilot .chat-header .conversation-meta .token-usage.inr{color:#48484a}.flow-pilot .chat-header .conversation-meta .priority{background:#ffffff1a;border-radius:20px;font-size:.8rem;padding:.25rem .75rem}.flow-pilot .chat-header .conversation-meta .priority.normal{background:#f1c40f;color:#2c3e50}.flow-pilot .chat-header .back-btn{background-image:url(https://img.icons8.com/?size=100&id=40217&format=png&color=FFFFFF);background-position:top 4px left;background-repeat:no-repeat;background-size:70%;cursor:pointer;height:32px;margin-left:-8px;width:32px}.flow-pilot .chat-header .chat-agent{background-color:#171717;background-image:url(/static/media/agent-sarah-smith.0430fab04d4912c15e42.jpg);background-size:cover;border-radius:50%;box-shadow:0 0 0 6px rgba(86,142,64,.149);height:32px;right:8px;top:8px;width:32px}.flow-pilot .chat-header .status-signal{background-color:#66b346;border-radius:50%;box-shadow:0 1px 1px 1px rgba(2,32,2,.639),0 0 10px 5px rgba(0,255,0,.141),0 0 4px 1px rgba(0,255,0,.129),0 0 20px 10px rgba(0,255,0,.055);height:8px;position:absolute;right:16px;transform:scale(1);transition-duration:.2s;width:8px}.flow-pilot .chat-header .status-signal:hover{background-color:#54a134}.flow-pilot .welcome-section{height:360px;width:100%}.flow-pilot .welcome-section .chat-actions{bottom:64px;position:absolute;width:calc(100% - 32px)}.flow-pilot .welcome-section .welcome-message{font-size:1.5rem;padding:0}.flow-pilot .welcome-section .welcome-message span.iconic-gradient{-webkit-text-fill-color:#0000;background:radial-gradient(circle,#70ab17,#509135);-webkit-background-clip:text;font-weight:600;line-height:1rem;transition-duration:2s}.flow-pilot .welcome-section .welcome-message:nth-child(2){margin-top:-24px}.flow-pilot .chat-actions{display:flex;gap:8px;justify-content:center;padding:8px 8px 0}.flow-pilot .chat-actions .end-chat-btn,.flow-pilot .chat-actions .new-chat-btn{background-color:#202020;border-radius:4px;color:#535353;cursor:pointer;font-size:.8rem;padding:4px 8px;text-align:center}.flow-pilot .chat-actions .end-chat-btn:hover,.flow-pilot .chat-actions .new-chat-btn:hover{background-color:#2b2b2b;color:#aeaeae}.flow-pilot .chat-window-container{max-height:400px;min-height:320px;overflow-y:scroll;width:100%;z-index:-1}.flow-pilot .chat-window{box-shadow:inset 0 0 4px 0 #0003;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:24px 16px 8px;width:100%}.flow-pilot .chat-window .message-group{grid-gap:2px;display:grid;gap:2px;width:100%}.flow-pilot .chat-window .message-group.customer .message .message-meta{display:flex;justify-content:flex-end;margin-right:6px}.flow-pilot .chat-window .message-group.customer .message .message-content{background:#336c1b;border-bottom-right-radius:4px;border-top-right-radius:4px;justify-content:flex-end;margin-left:auto;padding:4px 9.6px}.flow-pilot .chat-window .message-group.customer .message .message-content p{color:#fff;font-size:.95rem}.flow-pilot .chat-window .message-group.customer .message:first-of-type .message-content{border-top-right-radius:12.8px}.flow-pilot .chat-window .message-group.customer .message:last-of-type .message-content{border-bottom-right-radius:12.8px}.flow-pilot .chat-window .message-group.agent .message .message-meta,.flow-pilot .chat-window .message-group.bot .message .message-meta{display:flex;justify-content:flex-start;margin-left:4px;width:100%}.flow-pilot .chat-window .message-group.agent .message .message-content,.flow-pilot .chat-window .message-group.bot .message .message-content{animation:popup-bot-chat-message .2s;animation-fill-mode:forwards;background:rgba(70,89,62,.314);border-bottom-left-radius:4px;border-top-left-radius:4px;margin-right:auto;max-width:304px;opacity:0;padding-top:6px;transform:scale(.4) translateX(-35%) translateY(20%)}.flow-pilot .chat-window .message-group.agent .message .message-content p,.flow-pilot .chat-window .message-group.bot .message .message-content p{color:#f2f2f7;text-align:left;white-space:normal;width:100%}@keyframes popup-bot-chat-message{0%{opacity:0;transform:scale(.4) translateX(-35%) translateY(20%)}to{opacity:.8;transform:scale(1) translateX(0) translateY(0)}}.flow-pilot .chat-window .message-group.agent .message .message-content.typing,.flow-pilot .chat-window .message-group.bot .message .message-content.typing{animation-duration:2s;animation-iteration-count:infinite;animation-name:typing-bubble;background:#dcf2d3;color:#aeaeae;font-size:.8rem;margin-top:-4px;padding:2px 8px;text-shadow:1px 1px 1px #000;transform:scale(1) translateX(0) translateY(0)}.flow-pilot .chat-window .message-group.agent .message .message-content.typing.stop,.flow-pilot .chat-window .message-group.bot .message .message-content.typing.stop{animation-name:none;background:rgba(103,118,97,.075);color:#48484a!important;cursor:pointer;opacity:1}.flow-pilot .chat-window .message-group.agent .message .message-content.typing.stop:hover,.flow-pilot .chat-window .message-group.bot .message .message-content.typing.stop:hover{background:rgba(103,118,97,.224);color:#8e8e93!important}.flow-pilot .chat-window .message-group.agent .message .message-content.typing p,.flow-pilot .chat-window .message-group.bot .message .message-content.typing p{color:inherit;cursor:inherit}@keyframes typing-bubble{0%{background:rgba(220,242,211,.114);color:#535353!important;opacity:.8}50%{background:rgba(103,118,97,.447);color:rgba(91,158,64,.863)!important;opacity:1}70%{background:rgba(103,118,97,.447);color:rgba(91,158,64,.863)!important;opacity:1}to{background:rgba(220,242,211,.114);color:#535353!important;opacity:.8}}.flow-pilot .chat-window .message-group.agent .message.tools,.flow-pilot .chat-window .message-group.bot .message.tools{display:flex;gap:8px}.flow-pilot .chat-window .message-group.agent .message.tools .message-content,.flow-pilot .chat-window .message-group.bot .message.tools .message-content{margin:0}.flow-pilot .chat-window .message-group.agent .message:first-of-type .message-content,.flow-pilot .chat-window .message-group.bot .message:first-of-type .message-content{border-top-left-radius:12.8px}.flow-pilot .chat-window .message-group.agent .message:last-of-type .message-content,.flow-pilot .chat-window .message-group.bot .message:last-of-type .message-content{border-bottom-left-radius:12.8px}.flow-pilot .chat-window .message-group.agent .time,.flow-pilot .chat-window .message-group.bot .time{animation:popup-chat-message .2s;animation-delay:1.8s;animation-fill-mode:forwards;opacity:0;transform:scale(.4) translateX(35%) translateY(-20%)}.flow-pilot .chat-window .message-group .message{grid-gap:2px;display:grid;gap:2px;width:100%}.flow-pilot .chat-window .message-group .message .message-meta{display:flex;font-size:.7rem;justify-content:flex-end;margin-bottom:2px;opacity:.8}.flow-pilot .chat-window .message-group .message .message-meta span{color:#535353}.flow-pilot .chat-window .message-group .message .message-meta .time{color:#545456;display:flex;font-weight:300;gap:4px}.flow-pilot .chat-window .message-group .message .message-meta .time .sent-label{color:#535353}.flow-pilot .chat-window .message-group .message .message-content{animation:popup-chat-message .2s;animation-fill-mode:forwards;border-radius:1rem;box-shadow:1px 1px 2px 0 #0006;display:flex;max-width:256px;opacity:0;padding:4px 12.8px;position:relative;text-align:right;transform:scale(.4) translateX(35%) translateY(-20%);transition:transform .2s ease}.flow-pilot .chat-window .message-group .message .message-content p{color:#0d0d0d;line-height:1.4;margin:0;white-space:pre-wrap}.flow-pilot .chat-window .message-group .time{animation:popup-chat-message .2s;animation-delay:.1s;animation-fill-mode:forwards;opacity:0;transform:scale(.4) translateX(35%) translateY(-20%)}@keyframes popup-chat-message{0%{opacity:0;transform:scale(.4) translateX(35%) translateY(-20%)}to{opacity:1;transform:scale(1) translateX(0) translateY(0)}}.flow-pilot .chat-window .message-group .ai-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.flow-pilot .chat-window .message-group .ai-suggestions button.suggestion{background:#ffffffe6;border:none;border-radius:1rem;color:#2c3e50;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .2s ease}.flow-pilot .chat-window .message-group .ai-suggestions button.suggestion:hover{background:#fff;transform:translateY(-1px)}.flow-pilot .chat-window .ai-chat-decleration{color:#444446;font-size:.8rem;text-align:center}.flow-pilot .suggestions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;margin-bottom:8px;margin-left:-6px;margin-top:4px;position:relative;width:100%}.flow-pilot .suggestions:after{animation:popup-bot-chat-message .2s;animation-delay:2s;animation-fill-mode:forwards;background-image:url(https://img.icons8.com/?size=100&id=Imv4VIewVo4o&format=png&color=649917);background-size:100%;color:#0000;content:".";height:16px;opacity:0;position:absolute;right:-17.6px;top:4px;transform:scale(.4) translateX(-35%) translateY(20%);width:16px}.flow-pilot .suggestions .ai-suggestion{animation:popup-bot-chat-message .2s;animation-fill-mode:forwards;border:1px solid #336c1b;border-radius:8px;border-radius:10px 16px 16px 6px;box-shadow:1px 1px 2px 0 #0003;color:#54a134;cursor:pointer;display:flex;font-size:.8rem;max-width:280px;opacity:0;padding:4px 8px;text-align:left;transform:scale(.4) translateX(-35%) translateY(20%);transition-duration:.1s}.flow-pilot .suggestions .ai-suggestion:hover{background:#428924;border:1px solid #568e40;box-shadow:2px 1px 3px 1px #0003;color:#fff;opacity:1!important;transition-duration:.05s}.flow-pilot .suggestions .ai-suggestion:first-child{animation-delay:.3s}.flow-pilot .suggestions .ai-suggestion:nth-child(2){animation-delay:.5s}.flow-pilot .suggestions .ai-suggestion:nth-child(3){animation-delay:.7s}.flow-pilot .suggestions .ai-suggestion:nth-child(4){animation-delay:.9s}.flow-pilot .suggestions .ai-suggestion:nth-child(5){animation-delay:1.1s}.flow-pilot .suggestions.selectable-list{background:rgba(70,89,62,.027);border-radius:1rem;border-bottom-left-radius:4px;border-top-left-radius:4px;display:grid;justify-items:start;margin-right:auto;padding:0 12.8px;width:auto}.flow-pilot .suggestions.selectable-list .ai-suggestion{background-color:rgba(51,108,27,.204);border:1px solid #336c1b;border-radius:8px;border-radius:10px 16px 16px 6px;color:#e8fae0;font-size:.9rem;max-width:280px;padding:2px 8px;text-align:left}.flow-pilot .suggestions.selectable-list .ai-suggestion:first-child{animation-delay:.1s}.flow-pilot .suggestions.selectable-list .ai-suggestion:nth-child(2){animation-delay:.2s}.flow-pilot .suggestions.selectable-list .ai-suggestion:nth-child(3){animation-delay:.3s}.flow-pilot .suggestions.selectable-list .ai-suggestion:nth-child(4){animation-delay:.4s}.flow-pilot .suggestions.selectable-list .ai-suggestion:nth-child(5){animation-delay:.5s}.flow-pilot .suggestions.selectable-list:after{animation:none;content:"";opacity:0}.flow-pilot .input-area{background-color:#0d0d0d;border-top:1px solid #2b2b2b;box-shadow:0 8px 8px 8px rgba(0,0,0,.392);display:flex;gap:4px;padding:8px;width:100%}.flow-pilot .input-area input{background-color:rgba(70,89,62,.314);border:1px solid #2b2b2b;border-radius:8px;border-top-right-radius:3px;color:#ebebf0;flex:1 1;font-size:1rem;height:24px;padding:1rem;transition:all .2s ease}.flow-pilot .input-area input:focus{border-color:#336c1b;box-shadow:0 0 0 2px #3498db33;outline:none}.flow-pilot .input-area input::placeholder{color:#8e8e93}.flow-pilot .input-area button{background:#428924;background-image:url(https://img.icons8.com/?size=100&id=85971&format=png&color=FFFFFF);background-position:50%;background-repeat:no-repeat;background-size:60%;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-weight:600;height:24px;padding:17.6px;transition:all .2s ease}.flow-pilot .input-area button:hover{transform:translateY(-1px)}.flow-pilot .input-area button:active{animation:message-send-animation .2s ease;transform:translateY(0)}@keyframes message-send-animation{0%{background-position:50%}to{background-position:300%}}.flow-pilot .customer-support{bottom:1rem;position:absolute;right:1rem;transition:all .3s ease;z-index:1000}.flow-pilot .customer-support.expanded .support-actions{opacity:1;transform:translateY(0);visibility:visible}.flow-pilot .customer-support .support-actions{bottom:100%;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;opacity:0;position:absolute;right:0;transform:translateY(10px);transition:all .3s ease;visibility:hidden}.flow-pilot .customer-support .support-actions .action{align-items:center;border-radius:1rem;color:#fff;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:transform .2s ease;white-space:nowrap}.flow-pilot .customer-support .support-actions .action.orange{background:#e67e22}.flow-pilot .customer-support .support-actions .action.blue{background:#3498db}.flow-pilot .customer-support .support-actions .action.green{background:#2ecc71}.flow-pilot .customer-support .support-actions .action:hover{transform:translateX(-5px)}.flow-pilot .customer-support .support-actions .action .icon{background:#fff3;border-radius:50%;height:20px;width:20px}.flow-pilot .customer-support .support-icon{background:#3498db;border-radius:50%;box-shadow:0 4px 12px #0003;cursor:pointer;height:50px;transition:all .3s ease;width:50px}.flow-pilot .customer-support .support-icon:hover{transform:scale(1.1)}@media(max-width:768px){.flow-pilot{border-radius:0;height:100vh;max-width:100%}.flow-pilot .chat-window .message{max-width:85%}.flow-pilot .input-area{padding:.75rem}.flow-pilot .input-area button,.flow-pilot .input-area input{padding:.5rem 1rem}.flow-pilot .customer-support{bottom:.5rem;right:.5rem}}.flow-pilot:hover{opacity:1;transition-duration:.1s}.flow-pilot .support-actions{grid-gap:8px;align-items:end;display:grid;gap:8px;justify-content:end;justify-items:end;opacity:0;transition-duration:.2s}.flow-pilot .support-actions .action{align-items:center;border-radius:8px;box-shadow:0 0 0 #000;cursor:pointer;display:flex;font-size:.8rem;height:0;opacity:.8;overflow:hidden;padding:0;transition-duration:.2s;transition-timing-function:ease-out;width:0}.flow-pilot .support-actions .action .icon{background-position:50%;background-size:100%;margin-right:8px;padding:8px}.flow-pilot .support-actions .action .icon.bug{background-image:url(https://img.icons8.com/?size=100&id=9227&format=png&color=FFFFFF)}.flow-pilot .support-actions .action .icon.pricing{background-image:url(https://img.icons8.com/?size=100&id=23179&format=png&color=FFFFFF);background-size:90%}.flow-pilot .support-actions .action .icon.support{background-image:url(https://img.icons8.com/?size=100&id=tCfT4FT0oGjo&format=png&color=FFFFFF)}.flow-pilot .support-actions .action:hover{background-color:#171717;box-shadow:-2px 2px 1px #000;opacity:1;text-shadow:-2px 2px 1px #000}.flow-pilot .support-actions .action:hover.blue{border:1px solid #fff}.flow-pilot .support-actions .action:hover.green{border:1px solid #54a134}.flow-pilot .support-actions .action:hover.orange{border:1px solid #c93400}.flow-pilot .support-actions .action.blue{border:1px solid #fff}.flow-pilot .support-actions .action.green{border:1px solid #54a134}.flow-pilot .support-actions .action.orange{border:1px solid #ff9f0a}.flow-pilot .support-icon{background-position:50%;background-size:auto 50%;border:4px solid #54a134;border-radius:160px;margin-bottom:16px;margin-right:16px;padding:16px;transition-duration:.05s;transition-timing-function:ease-in-out}.flow-pilot .support-icon:hover{border:4px solid #70ab17;margin-bottom:19.2px;margin-right:19.2px;transform:scale(1.5);transition-duration:25ms;transition-timing-function:ease-in}.flow-pilot.expanded{background-color:#0d0d0d;border:1px solid #6c6c70;height:414.208px;margin-bottom:8px;opacity:1;transition-duration:.1s;width:256px}.flow-pilot.expanded .support-actions{grid-gap:8px;align-items:end;display:grid;gap:8px;justify-content:end;justify-items:end;margin-bottom:8px;opacity:1;padding:16px;transition-duration:.1s}.flow-pilot.expanded .support-actions .action{height:27.2px;overflow:hidden;padding:4px 8px;transition-duration:.1s;transition-timing-function:ease-in;width:auto}.flow-pilot.expanded .support-icon{background-image:url(https://img.icons8.com/?size=100&id=aKhBH2zWyueV&format=png&color=FFFFFF);background-position:50%;background-size:auto 80%;padding:24px;transition-duration:.2s;transition-timing-function:ease-in-out;width:32px}.flow-pilot.expanded .support-icon:hover{transform:scale(1);transition-duration:.1s;transition-timing-function:ease-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.razorpay-payment-form{background-color:red}.ScreenController{border-radius:0 8px 8px 0}
/*# sourceMappingURL=main.8372c537.css.map*/