@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Krona+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #388BFD;--success-color: #57C15B;--secondary-color: #eff1f3;--primary-white: #f4f4f4;--lottie-bg: #f4f4f4;--dark-009: rgb(90, 90, 90);--dark-008: rgb(80, 80, 80);--dark-007: rgb(70, 70, 70);--dark-006: rgb(60, 60, 60);--dark-005: rgb(50, 50, 50);--dark-004: rgb(40, 40, 40);--dark-003: rgb(30, 30, 30);--dark-002: rgb(20, 20, 20);--dark-001: rgb(10, 10, 10);--dark-000: rgb(0, 0, 0);--font-size: 16px}html{background-color:#171717}.App{text-align:left;height:100vh;font-family:DM Sans;font-weight:500;font-size:12px;width:100vw;background-color:#171717}body{content-visibility:auto}.primary-btn{padding-left:12px;padding-right:12px;color:#fff;background-color:var(--primary-color);outline:none;border:none;border-radius:10px;font-family:DM Sans;height:32px;font-weight:600;cursor:pointer}.primary-btn:hover{filter:brightness(1.1)}.secondary-btn{padding-left:12px;padding-right:12px;color:var(--primary-color);border:2px solid var(--primary-color);outline:none;border-radius:10px;background-color:transparent;height:32px;font-size:12px;font-family:DM Sans;font-weight:800}.primary-btn:disabled{color:#ccc;background-color:#666}.input-subtext{margin-top:2px;margin-left:4px}.playControl-wrapper{display:block;padding:10px 20px;background-color:transparent}#spec-main-container{display:grid;height:100vh;grid-template-columns:50% 50%;grid-template-rows:50% 50%;grid-template-areas:"lottie-preview code-preview" "bottom-container bottom-container"}#playhead{width:97.8%;margin-bottom:2px;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}#preview-container{position:relative;grid-area:"lottie-preview";overflow:auto;content-visibility:auto;background:linear-gradient(-90deg,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(-90deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(transparent 3px,#f2f2f2 3px,#f2f2f2 78px,transparent 78px),linear-gradient(-90deg,#aaa 1px,transparent 1px),linear-gradient(-90deg,transparent 3px,#f2f2f2 3px,#f2f2f2 78px,transparent 78px),linear-gradient(#aaa 1px,transparent 1px),#f2f2f2;background-size:10px 10px,10px 10px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px}#lottie-preview-color-picker{position:fixed;display:grid;place-content:center;padding:6px;top:10px;left:10px;width:26px;height:26px;outline:2px solid rgba(0,0,0,.18);background-color:var(--dark-002);z-index:1;border-radius:100px;transition:all .25s cubic-bezier(0,0,0,1);overflow:hidden}#lottie-preview{margin:auto;padding-top:1px;height:100%;display:grid;place-content:center;transform-origin:center;transform:scale(1);transition:all .5s cubic-bezier(.33,0,.67,1)}#lottie-preview>svg{outline:2px dotted rgb(110,34,241)}.magnifyControl{position:absolute;bottom:4px;display:flex;gap:16px;place-content:center;left:50%;transform:translate(-50%);height:18px;width:60px;z-index:1;background-color:var(--dark-002);border-radius:100px;padding:6px}#code-preview{grid-area:"code-preview";position:relative;display:flex;padding:8px;content-visibility:auto;height:100%;width:100%;background-color:#1e1e1e}#bottom-container{grid-area:"bottom-container";position:relative;content-visibility:auto;width:100vw;height:100%;padding:0;background-color:var(--dark-002)}#layerpane{position:relative;padding:16px;background-color:#1e1e1e;width:500px;height:100%;overflow-y:scroll}#timeline-container{position:relative;z-index:1000;display:flex;overflow-y:scroll;content-visibility:auto;width:100vw;height:100%;padding:0}#layer-container{background-color:#000;margin-bottom:10px;padding:6px}#layername{color:#fff;font-weight:900}.layer-parameter{color:#fff;margin-left:16px;margin-top:6px}input[type=range]{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:var(--primary-color);border-radius:4px;height:5px}input[type=range]::-moz-range-track{background:#9cdcfe;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:15px;width:15px;background:#f7f7f7;margin-top:-5px;border-radius:20px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#3b3b3b;border-radius:10px}::-webkit-scrollbar-thumb{background:#acacac;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#333}input[type=range]::-moz-range-thumb{height:15px;width:15px;background:pink;margin-top:-5px;border-radius:50%}.loading-container{position:absolute;z-index:200;display:flex;border-radius:8px;padding:16px;width:250px;font-weight:600;background-color:var(--primary-color);align-items:center;justify-content:center;animation-name:slide;animation-duration:1s;left:50%;top:10%;transform:translate(-50%);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.33,0,.1,1)}.dots{display:flex;align-items:center;margin-left:10px}.dot{width:4px;height:4px;margin:0 2px;background-color:#fff;border-radius:50%;animation:bounce 1.4s infinite both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes slide{0%{opacity:0;transform:translate(-50%,-50%)}to{opacity:1;transform:translate0(-50%,0%)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}#main-header{position:relative;display:flex;grid-template-columns:200px 1fr;height:50px;width:100vw;background-color:#000}#logo{font-size:20px;color:#fff;margin-left:12px;font-weight:8G00;height:100%;width:fit-content;display:grid;align-items:center}.right-controls{position:absolute;right:16px;height:100%;display:flex;margin-top:8px;gap:10px;width:fit-content;place-content:center}#header-comp-info-container{position:absolute;color:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.create-link-modal{position:fixed;top:50px;right:16px;height:auto;padding:16px;width:400px;z-index:100;border-radius:10px;color:#000;background-color:#e7eaf1;transform-origin:top right;animation:scaleIn .4s cubic-bezier(0,0,0,1);transition:all .33s cubic-bezier(0,0,0,1)}.create-link-modal-h2{font-size:20px;font-weight:500;margin-bottom:16px}#attachments-container{position:fixed;top:50px;right:170px;height:auto;padding:0;width:250px;z-index:100;border-radius:10px;color:#000;background-color:#e7eaf1;transform-origin:top right;overflow:hidden;animation:scaleIn .4s cubic-bezier(0,0,0,1);transition:all .33s cubic-bezier(0,0,0,1)}.dl-attachments-btn{background-color:var(--primary-color);padding:6px;display:grid;place-content:center;border-radius:10px;margin-left:20px}.attachment-container{display:flex;align-items:center;padding:16px}.attachment-container:hover{background-color:#fff}.header-comp-name{color:#fff;font-weight:800;font-size:14px;text-align:center}.header-comp-subinfo{color:#fff;opacity:.6;font-size:10px}.header-btn-primary{position:relative;display:flex;background-color:var(--primary-color);height:32px;border-radius:10px;align-items:center;padding-left:12px;padding-right:16px;filter:brightness(.8);cursor:pointer}.header-btn-primary:hover{filter:brightness(1)}#notepadContainer{position:fixed;top:50px;right:310px;height:auto;width:320px;border-radius:10px;padding:14px;font-family:DM Sans;font-size:14px;font-weight:500;outline:none;transform-origin:top right;z-index:10;background-color:#f4f4f4;transform:translateY(0);animation:scaleIn .35s cubic-bezier(0,0,0,1)}#notepad{position:relative;min-height:150px;max-height:450px;width:inherit;padding:0;font-family:DM Sans;font-size:14px;font-weight:500;outline:none;border:none;overflow:auto;transform-origin:top right;background-color:#f4f4f4;transform:translateY(0)}@keyframes scaleIn{0%{transform:translateY(-6px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}#statusDD{background-color:#000;color:#fff;text-align:right;width:"fit-content";border:none;font-family:DM Sans;font-size:14px;outline:none;font-weight:500}.header-btn-secondary1,.header-btn-secondary{position:relative;display:flex;height:34px;border-radius:10px;align-items:center;padding-left:0;padding-right:16px}.header-icon{height:24px}.header-text{color:#fff;font-size:12px;font-weight:800;margin-left:8px}.share-link-container{display:flex;position:relative;width:400px;height:50px;background-color:#fff;border-radius:10px;padding:4px}#link-share-btn-container{position:relative;display:flex;justify-content:flex-end;gap:6px;margin-left:auto;margin-top:16px}.copy-btn{display:grid;position:absolute;right:6px;height:42px;align-content:right;place-content:center;background-color:var(--primary-color);padding:4px 28px;color:#fff;border-radius:10px;transition:all .33s cubic-bezier(.33,0,.67,1)}.eye-btn{display:grid;position:absolute;right:0;height:42px;align-content:right;place-content:center;padding:4px 28px;color:#fff;border-radius:10px}.dbl-check{display:grid;position:absolute;right:30px;height:42px;align-content:right;place-content:center;padding:4px 28px;color:#fff;border-radius:10px}.share-link-preview{position:relative;display:grid;margin-top:12px;font-size:14px;padding-left:0;width:220px;overflow:auto;opacity:.6}.set-password-input{position:relative;display:grid;margin-top:0;font-size:14px;padding-left:0;width:220px;overflow:auto;opacity:.6;outline:none;border:none;background-color:transparent}.input-subtext{margin-top:4px}.share-icon-modal{display:grid;position:relative;right:6px;place-content:center;width:60px;height:40px;border-right:2px solid rgba(0,0,0,.074);color:#fff;margin-top:4px}.share-link-type{display:flex;place-content:center;background-color:var(--primary-color);width:120px;padding:8px 16px;margin-right:0;border-radius:20px}.share-link-type-text{color:#fff;font-size:14px;font-weight:700;margin-left:8px;margin-right:4px;margin-top:2px}.animation-timeline{position:relative;height:100%;padding:0 20px 20px;width:100%;background-color:var(--dark-002);content-visibility:visible}#playhead::-webkit-slider-runnable-track{width:100%;margin-right:4px;height:4px;background-color:#5c46f0;border-radius:2px;border:none}#playhead::-moz-range-track{width:98.4%;height:4px;background-color:#4028db;border-radius:2px;border:none}#playhead::-ms-track{width:98.4%;height:4px;background-color:#4028db;border-radius:2px;border:none;color:transparent}.timeline-layer-name{font-size:12px;font-weight:600;color:#fff;font-weight:500;margin-bottom:20px}.selectionLine{position:absolute;top:26px;left:4px;height:2px;border-radius:100px;background-color:var(--primary-color);transition:all .3s cubic-bezier(.33,0,.1,1)}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.layer{display:flex;align-items:center;height:40px;width:200px}.layer-name{width:150px;text-align:right;padding-right:10px;font-weight:700}.layer-parameter{font-weight:500;margin-top:-2px;opacity:.75}.layer-properties{position:relative;flex-grow:1;height:100%}.keyframeIcon{z-index:-1}.keyframe-line-container{margin-left:103px;margin-top:-12px;margin-right:0}.keyframe-line-container-shape{margin-left:90px;margin-top:-12px;margin-right:6px}.keyframeline{position:relative;height:5px;border-radius:5px;margin-right:16px}.timeline-anim-container{position:relative;padding:0;margin-top:24px;margin-bottom:32px}.tooltip{position:absolute;background:#000;color:#fff;font-size:14px;padding:6px 10px;border-radius:4px;opacity:.9;line-height:20px;transform:translate(-50%,-120%);cursor:pointer;z-index:10000;min-width:170px;max-width:350px;border:1px solid rgb(89,89,89)}.tooltip-down{position:absolute;background:#000;color:#fff;font-size:14px;padding:6px 10px;border-radius:4px;opacity:.9;line-height:20px;transform:translate(-50%,5%);min-width:170px;cursor:pointer;z-index:10000;max-width:350px;border:1px solid rgb(89,89,89)}.timeline-layer{background-color:#0e0e0e;margin-bottom:6px;border:1px solid rgb(41,41,41);height:auto;padding:10px;border-radius:10px;margin-top:16px}.tooltip-inbetween{position:absolute;background:#000;width:fit-content;color:#fff;font-size:12px;padding:6px 10px;border-radius:4px;line-height:20px;opacity:.9;transform:translate(-50%,-105%);white-space:nowrap;pointer-events:none;z-index:10000;border:1px solid rgb(89,89,89)}.tooltip-inbetween-up{position:absolute;background:#000;width:fit-content;color:#fff;z-index:1000;font-size:12px;padding:6px 10px;border-radius:4px;line-height:20px;opacity:.9;transform:translate(-50%,12%);white-space:nowrap;pointer-events:none;z-index:100;border:1px solid rgb(89,89,89)}.scroll-btn-code-search{font-size:12px;background-color:transparent;font-weight:600;border-radius:6px;text-decoration:underline;outline:none;border:none;color:#fff;color:#d5d0f6}.scroll-btn-code-search:hover{filter:brightness(1.2)}.scroll-btn-code-search.active-isolate{color:#00c853}.keyframe{top:4px;z-index:100}.transition-tooltip{position:absolute;z-index:10000;transform:translate(50%,-50%)}.keyframe-segment{filter:brightness(1);transition:all .3s ease;background-color:#ffffff1a}.keyframe-segment:hover{filter:brightness(20);background-color:#fffc}.keyframe-segment.glowing{filter:brightness(20);background-color:#fffc;box-shadow:0 0 10px 4px #ffffff2e}.login-wrapper{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);animation:scaleIn_form .9s cubic-bezier(.25,0,0,1)}@keyframes scaleIn_form{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.login-form{width:400px;margin:auto;padding:2rem;border:1px solid #ccc;border-radius:4px;background-color:#f3f3f3}.login-form h2{text-align:center;margin-top:0}.login-form .form-group{margin-bottom:1rem}.login-form label{display:block;margin-bottom:.5rem}.login-form input[type=email],.login-form input[type=password]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}.login-form button[type=submit]{display:block;margin:1rem auto;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.login-form button[type=submit]:hover{background-color:#0069d9}.login-form .error{color:red;margin-bottom:1rem}.register-link{text-align:center;margin-top:1rem}.reset-email-sent{background-color:#fff;padding:20px;border-radius:8px}.forgot-password-link{text-align:center;margin-top:1rem}.forgot-password-link a,.register-link a{color:#007bff;text-decoration:none}.register-link a:hover{text-decoration:underline}@media only screen and (max-width: 600px){.login-wrapper{top:40%}.login-form{max-width:70%;padding:1rem}.login-form h2{font-size:1.5rem}.login-form label{font-size:.8rem}.login-form input[type=email],.login-form input[type=password]{font-size:.8rem;padding:.4rem;width:94%;margin:auto}.login-form button[type=submit]{font-size:1rem;padding:.4rem 1rem}.register-link a,.forgot-password-link a{font-size:.8rem}}.register-wrapper{height:100vh;width:100vw;background-color:#171717}.content-wrapper{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.registration-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:400px;background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 0 10px #0000001a}h2{margin:0 0 20px;font-size:28px;font-weight:700;text-align:center;color:#333}form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.form-group{display:flex;flex-direction:column;margin-bottom:15px;width:100%}label{margin-bottom:5px;font-size:16px;font-weight:700;color:#333}input{padding:10px;border:none;border-radius:5px;background-color:#f2f2f2;font-size:16px;color:#333;width:100%}button[type=submit]{padding:10px;border:none;border-radius:5px;background-color:var(--primary-color);font-size:16px;color:#fff;cursor:pointer;width:100%;transition:all .3s ease}button[type=submit]:hover:not([disabled]){filter:brightness(1.1)}button[type=submit]:disabled{background-color:#cecece;color:#000;opacity:.6;cursor:default}.lottie-preview-collection{background:linear-gradient(-90deg,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(-90deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(transparent 3px,#f2f2f2 3px,#f2f2f2 78px,transparent 78px),linear-gradient(-90deg,#aaa 1px,transparent 1px),linear-gradient(-90deg,transparent 3px,#f2f2f2 3px,#f2f2f2 78px,transparent 78px),linear-gradient(#aaa 1px,transparent 1px),#f2f2f2;background-size:10px 10px,10px 10px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px,80px 80px;border-radius:10px;height:100%;display:grid;overflow:hidden;place-content:center;transition:all .5s cubic-bezier(.33,0,.67,1)}.lottie-preview-collection:hover{background-color:#c3c3c3}.collection-bottom-wrapper{position:absolute;display:block;bottom:0;height:20%;width:100%;margin-top:0;background:linear-gradient(#19191900,#191919cc)}.lottie-preview-collection-name{position:absolute;font-size:14px;width:100%;bottom:12px;left:0;margin-top:0;height:fit-content;text-align:center}.lottie-preview-collection-details{position:relative;font-size:10px;margin-left:0;margin-top:2px;opacity:.7;height:fit-content}.collection-trash-wrapper{position:absolute;right:8px;top:8px;display:flex;place-content:center;padding:4px;border-radius:4px;background-color:#0003}.collection-trash-wrapper:hover{background-color:#0000004d}.react-tagsinput{background-color:#fff;border:1px solid #ccc;overflow:hidden;padding-left:5px;padding-top:5px}.react-tagsinput--focused{border-color:#a5d24a}.react-tagsinput-tag{background-color:#cde69c;border-radius:2px;border:1px solid #a5d24a;color:#638421;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:400;margin-bottom:5px;margin-right:5px;padding:5px}.react-tagsinput-remove{cursor:pointer;font-weight:700}.react-tagsinput-tag a:before{content:" ×"}.react-tagsinput-input{background:transparent;border:0;color:#777;font-family:sans-serif;font-size:13px;font-weight:400;margin-bottom:6px;margin-top:1px;outline:none;padding:5px;width:80px}#invite-modal-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;padding:24px;width:350px;max-width:90%;box-sizing:border-box;text-align:center;transform-origin:bottom left;animation:scaleUp .4s cubic-bezier(.33,0,.1,1)}#invite-modal-container h3{margin:0 0 20px;font-size:1.75rem;color:#333}#invite-modal-container form{display:flex;flex-direction:column;align-items:center}#invite-modal-container label{font-size:1rem;color:#666;margin-bottom:10px;width:100%;text-align:left}.react-tagsinput{display:flex;flex-wrap:wrap;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;font-size:1rem;width:100%}.react-tagsinput-tag{background-color:#007bff;color:#fff;border-radius:20px;padding:5px 10px;margin:5px;display:flex;align-items:center}.react-tagsinput-remove{margin-left:8px;cursor:pointer}.react-tagsinput-input{border:none;outline:none;padding:5px;font-size:1rem;flex:1;min-width:100px;width:auto}#invite-modal-container button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}#invite-modal-container button.primary-btn{background-color:#007bff;color:#fff}#invite-modal-container button.secondary-btn{background-color:#6c757d;color:#fff}#invite-modal-container button:focus{outline:none;box-shadow:0 0 0 2px #007bff80}#invite-modal-container .button-group{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.error{color:red;margin-top:10px}@keyframes scaleUp{0%{opacity:0;transform:scale(.5) translate(-15%,15%)}to{opacity:1;transform:scale(1) translate(0)}}.folder-container{display:grid;position:relative;place-content:center;background-color:#bbd2f3;height:300px;width:auto;padding-left:20px;padding-right:20px;border-radius:8px}.folder-icon{display:block;margin:0 auto 12px;width:80px;transform:translate(10px)}.folder-name-input{font-size:14px;background-color:#d1e1f7;font-weight:700;width:100%;color:#0f2441;margin:auto;text-align:center;outline:none}.avatars-container{position:absolute;display:flex;gap:4px;width:95%;overflow:hidden;bottom:10px;left:10px}.add-person-container{display:grid;place-content:center;width:34px;height:34px;background-color:var(--primary-color);border-radius:100px}#folder-dd-container{position:absolute;background-color:#fff;width:100%;top:36px;border-radius:8px;left:0;animation:slideDown_dd .3s cubic-bezier(0,0,0,1)}@keyframes slideDown_dd{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.folder-name-input:focus{background-color:#e3ecf9;outline:1px solid #9cc2f7}.folder-type-pill{position:absolute;display:flex;bottom:10px;left:12px;padding:8px 10px;border-radius:10px;cursor:pointer;color:var(--primary-color);font-weight:500;background-color:transparent;border:1px solid var(--primary-color)}.search-input-container{position:relative;display:flex;justify-content:flex-end;margin-bottom:20px}#search-input-collections{width:22%;height:18px;padding:12px;border:none;border-radius:20px;box-shadow:0 1px 3px #0000001a;font-size:16px;color:#ababab;background-color:var(--dark-004);outline:none}.search-results{position:absolute;top:50px;right:16px;width:22%;max-height:200px;overflow-y:auto;background-color:var(--dark-009);color:var(--primary-white);border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:0;margin:0;list-style:none;z-index:1}.search-results li{padding:10px;cursor:pointer;transition:background-color .2s ease}.search-results li:hover,.search-results li.active{background-color:var(--dark-000)}.lottie-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:repeat(auto-fit,300px);grid-gap:20px}.lottie-upload{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:inherit;border:2px dashed #666;border-radius:4px;font-size:16px;color:#888;transition:all .2s ease-in-out;cursor:pointer}.lottie-upload:hover{border-color:#2a9e68}.lottie-upload p{margin:0}.lottie-upload input{display:none}.lottie-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;border-radius:5px;box-shadow:0 0 10px #0000001a;transition:box-shadow .2s ease-in-out}.lottie-preview:hover{box-shadow:0 0 20px #0003}.lottie-name{margin:0;padding:10px;font-size:18px;font-weight:700;text-align:center;color:#333}#uploadLabel{display:flex;color:#f4f4f4;margin-bottom:0}#uploadLabel:before{content:"";display:inline-block;width:22px;height:22px;margin-right:10px;padding-bottom:-50px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='48'%20fill='white'%20viewBox='0%2096%20960%20960'%20width='48'%3e%3cpath%20d='M220%20896q-24%200-42-18t-18-42V693h60v143h520V693h60v143q0%2024-18%2042t-42%2018H220Zm230-153V372L330%20492l-43-43%20193-193%20193%20193-43%2043-120-120v371h-60Z'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat}.header{display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 30px;background-color:var(--dark-002);box-shadow:0 4px 4px #0000000d}.logo{font-size:28px;font-weight:700;color:#fff}.nav{display:flex;align-items:center;color:#fff}.nav a{margin-right:20px;color:#333;font-size:16px;font-weight:500;text-decoration:none}.dropdown{position:relative}.account-btn{margin-right:0;color:#333;font-size:16px;font-weight:500;border-radius:100px;text-transform:uppercase;background-color:#e2c5ff;padding:6px;border:none;cursor:pointer}.dropdown-content{display:none;position:absolute;top:100%;right:0;width:160px;border-radius:8px;padding:8px 0;background-color:#fff;box-shadow:0 4px 4px #0000000d;z-index:1}.dd-content{display:block;padding:8px;color:#333;font-size:16px;font-weight:500;margin-left:12px;text-decoration:none}.dropdown-content a:hover{background-color:#f5f5f5}.dropdown:hover .dropdown-content{display:block}.floating-ufd-banner{position:fixed;bottom:0;left:0;right:0;padding:16px;background-color:#0072c6;color:#fff;z-index:10;font-size:16px;font-weight:700;text-align:center;animation:slideInOut 6.5s cubic-bezier(.33,0,.67,1);animation-fill-mode:forwards}@keyframes slideInOut{0%{transform:translateY(100%);opacity:0}10%{transform:translate(0);opacity:1}90%{transform:translate(0);opacity:1}to{transform:translateY(100%);opacity:0}}.profile-container{display:flex;flex-direction:column;align-items:center;padding:4rem;margin:60px auto;min-width:fit-content;width:40%;gap:2rem;box-shadow:0 4px 8px #0000001a;border-radius:10px;background-color:#fff}.profile-header{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-header h2{font-size:2rem;font-weight:700;color:var(--primary-color)}.profile-header img{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 4px 8px #0000001a}.profile-initals{display:grid;place-content:center;font-size:80px;width:200px;height:200px;border-radius:50%;object-fit:cover;background-color:#e2c5ff;box-shadow:0 4px 8px #0000001a}.profile-header input[type=file]{margin-top:1rem}.profile-header button{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 4px #0003}.profile-header button:hover{background-color:#023e8a}.profile-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-info h3{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-bottom:0}.profile-info p{font-size:1rem;margin:0;padding:0;text-align:center;color:#555}.profile-info p:first-of-type{margin-top:1rem}.profile-pic-upload-label{display:inline-block;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 4px #0003}.profile-pic-upload-label:hover{background-color:#023e8a}.profile-pic-upload-label input[type=file]{display:none}body{font-family:DM Sans,sans-serif;background-color:#121212;color:#fff}.table-container{width:100%;display:flex;justify-content:center;margin-top:20px}.supportedFeatures{width:80%;border-collapse:collapse;margin:20px 0;font-size:1.2em;min-width:400px;box-shadow:0 0 20px #0000004d;background-color:#1e1e1e}.supportedFeatures th,.supportedFeatures td{padding:12px 15px;text-align:left;border:1px solid #343a40}.supportedFeatures thead tr{background-color:#212121;color:#fff;text-align:left}.supportedFeatures tbody tr{border-bottom:1px solid #343a40}.supportedFeatures tbody tr:nth-of-type(2n){background-color:#2a2a2a}.supportedFeatures tbody tr:hover{background-color:#333}.supportedFeatures tbody tr:last-of-type{border-bottom:2px solid #343a40}.strong{font-weight:700;color:#fff}.supportedFeatures td{color:#b0bec5}.supportedFeatures .thumbs-up{color:#4caf50}.supportedFeatures .thumbs-down{color:#f44336}.supportedFeatures .question-mark{color:#ff9800}.motionspec-container{margin:0 auto;max-width:900px;padding:20px;background-color:#1e1e1e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.motionspec-header{margin-bottom:20px;font-size:42px;font-weight:700;background:linear-gradient(90deg,#00b4db,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.motionspec-section{margin-bottom:40px}.motionspec-stepTitle{margin-bottom:10px;font-weight:600;font-size:22px;background:linear-gradient(90deg,#00b4db,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.motionspec-paragraph{margin-bottom:10px;font-size:18px;line-height:1.8;color:#e0e0e0}.motionspec-imagePlaceholder{width:100%;height:200px;background-color:#2b2b2b;border:2px dashed #00c853;text-align:center;line-height:200px;color:#888;margin-bottom:20px}a{color:#00e676;text-decoration:none}a:hover{text-decoration:underline}.bp-container{max-width:900px;margin:0 auto;padding:40px;background-color:#1e1e1e;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.bp-header{font-size:36px;font-weight:700;margin-bottom:40px;color:#00e676}.bp-section-title{font-size:24px;font-weight:600;margin-bottom:20px;color:#00c853}.bp-section-text{font-size:18px;line-height:1.8;margin-bottom:20px;color:#e0e0e0}.bp-section-warning{color:#ff5722;font-weight:600}.bp-section-note{color:#00e676}#pass-h1{font-size:2rem;margin-bottom:1rem}.password-protected-page{display:block;display:grid;place-content:center;height:100vh;background-color:var(--dark-002)}#pass-form-p{font-size:12px;text-align:center;margin-bottom:16px;opacity:.7}.password-protected-form-wrapper{animation:scaleIn 1s cubic-bezier(0,0,0,1)}#pass-form{width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:2.4rem;padding-top:2em;border-radius:.5rem;box-shadow:0 0 10px #0003}#pass-input{padding:16px;width:268px;padding:.5rem;margin-bottom:1rem;border:none;border-radius:.5rem}#pass-form-subheading{font-family:DM Sans;font-size:18px;text-align:left;margin-bottom:8px;font-weight:600}.error-message{color:red;margin-top:.5rem}#pass-sub-button{padding:.5rem 1rem;border:none;border-radius:.5rem;background-color:var(--primary-color);color:#fff;font-weight:700;cursor:pointer}#pass-sub-button:hover{background-color:#3e8e41}