@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;700&display=swap";:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #82a0bc;--primary-color-dark: #af9fa5;--secondary-color: #af9fa5;--secondary-color-light-2: #e4dee4;--secondary-color-light: #e7dfe8;--accent-color: #63adf2;--accent-color-2: #e4d961;--accent-color-3: rgb(108, 177, 177);--error-color: #b00020;--bg-color: #a7cced;--bg-color-white: #efefef;--bg-color-dark: #63adf2;--text-color-light: #ffffff;--text-color-disabled: #bdbdbd;--text-color-dark: #4c4c4c}:root [app-theme=dark]{--primary-color: #333947;--primary-color-dark: #9998ab;--secondary-color: #9998ab;--secondary-color-light-2: #ffffff;--secondary-color-light: #e7dfe8;--accent-color: #63adf2;--accent-color-2: #e4d961;--accent-color-3: rgb(108, 177, 177);--error-color: #b00020;--bg-color: #252a36;--bg-color-white: #545e75;--bg-color-dark: #636180;--text-color-light: #ffffff;--text-color-disabled: #bdbdbd;--text-color-dark: #eeeeee}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Lexend,Arial,Helvetica,sans-serif;background-color:var(--bg-color)}h1{text-shadow:0 2px 2px rgba(0,0,0,.25);margin:0}.home-page-container{background:var(--primary-color);border-radius:12px;box-shadow:0 4px 32px #0000001a;width:98vw;height:96vh;min-width:320px;min-height:200px;display:flex;flex-direction:row;align-items:flex-start;gap:2rem}.home-page-main{flex:1 1 auto;min-width:0;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.home-page-title{font-size:2.5rem;margin:.5rem 0 0;color:var(--text-color-light);height:3.5rem}.pinned-task-list-container{height:100%;overflow:auto;box-sizing:border-box;position:relative;padding-left:.5rem}.rotated{transform:rotate(180deg);transition:transform .2s}.task-card{border-radius:12px;border:2px solid var(--secondary-color);box-shadow:0 6px 4px -2px #00000029;background:var(--bg-color-white);position:relative;margin-bottom:.5rem;margin-right:.5rem}.task-card-content{display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:10px 10px 10px 25px;gap:8px}.task-card-content-expanded{padding:10px 10px 5px 25px}.task-card-title{margin-left:8px;font-weight:700;font-size:1.9rem;color:var(--text-color-dark)}.task-due-date,.task-subtask-count{margin-left:.5rem;font-size:.9rem;color:var(--text-color-dark);font-weight:500}.task-card-footer{padding:0 0 0 25px;align-items:center}.task-card-tags{display:flex;flex-wrap:wrap;gap:4px}.title-and-tags{display:flex;align-items:center;gap:8px}.task-card-subtasks{margin-left:25px;margin-bottom:1.5rem}.task-card-edit-button{position:absolute;bottom:.1rem;right:4rem}.task-card-delete-button{position:absolute;bottom:-.05rem;right:.25rem}.pin-button-container{color:var(--text-color-dark);position:absolute;top:0;left:.25rem;z-index:1;display:inline-flex;align-items:center;cursor:pointer}.pin-button-container:hover{color:var(--accent-color)}.checkbox-button{color:var(--text-color-dark);background:none;border:none;padding:0 0 0 .25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.checkbox-button:hover{color:var(--accent-color)}.task-card-expand{cursor:pointer;color:var(--secondary-color-light-2);margin-left:auto;align-self:center;margin-top:4px;margin-right:10px}.task-card-expand:hover{color:var(--secondary-color)}.delete-button{cursor:pointer;background:transparent;--btn-center: var(--secondary-color-light-2);color:var(--secondary-color-light);padding:0;border:none}.delete-button:hover{color:var(--accent-color);--btn-center: transparent}.tag-button{color:var(--accent-color-2);position:absolute;bottom:.1rem;right:2rem;background:none;cursor:pointer;border:none;padding:0}.tag-button:hover{color:var(--accent-color)}.edit-button{background:none;cursor:pointer;border:none;padding:0;--edit-btn-color: var(--accent-color-3)}.edit-button:hover{--edit-btn-color: var(--accent-color)}.task-description-container{position:relative}.task-description-input{color:var(--secondary-color);background:transparent;border:none;outline:none;width:100%;min-height:1.5em;max-width:100%;resize:vertical;padding:0 65px 0 25px;margin:0;cursor:text;font-size:1.1rem;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;box-sizing:border-box;resize:none;font-family:Lexend,Arial,Helvetica,sans-serif}.error-modal-content{position:absolute;inset:50% auto auto 50%;margin-right:-50%;transform:translate(-50%,-50%);background:var(--bg-color-white);padding:20px;border-radius:8px;max-width:400px;width:90%}.error-modal-overlay{position:fixed;inset:0;background-color:#000000bf;z-index:1000}.error-modal-content h2{margin-top:0;color:var(--text-color-dark)}.error-modal-content p{color:var(--text-color-dark)!important}.error-modal-content button{background:var(--primary-color)!important;color:var(--text-color-light);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px}.error-modal-content button:hover{background:var(--accent-color)!important}.task-title-container{flex:1;min-width:0}.task-title-input{font-weight:700;font-size:1.9rem;color:var(--text-color-dark);background:transparent;border:none;outline:none;margin-left:8px;cursor:text;font-family:Lexend,Arial,Helvetica,sans-serif;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;min-height:1.5em}.task-title-input:focus{outline:none}.error{color:var(--error-color);font-size:12px;margin-left:8px;margin-top:2px}.tag-component{padding:1px 12px;border-radius:6px;box-shadow:0 1px 4px #00000014;margin-right:.1rem;white-space:nowrap}.popup-modal-content{position:absolute;inset:50% auto auto 50%;margin-right:-50%;transform:translate(-50%,-50%);background:var(--bg-color-white);padding:2rem;border-radius:8px;box-shadow:0 2px 16px #0003;min-width:400px;max-width:90vw;max-height:80vh;overflow-y:auto;z-index:1001}.popup-modal-content div,.popup-modal-content h2{color:var(--text-color-dark)!important}.tags-list{display:flex;flex-direction:column;margin-bottom:.5rem}.tag-item{display:flex;align-items:center;justify-content:space-between}.add-btn{padding-right:.5rem;cursor:pointer;color:var(--primary-color)}.remove-btn{padding-right:.5rem;cursor:pointer;color:var(--bg-color)}.add-btn:hover,.remove-btn:hover{color:var(--accent-color)}.close-btn{padding:.5rem 1.2rem;background:var(--primary-color)!important;color:var(--text-color-light);border:none;border-radius:4px;cursor:pointer;font-size:1rem}.close-btn:hover{background:var(--accent-color)!important}.pinned-task-search-bar{display:flex;align-items:center;background:var(--bg-color-white);border-radius:8px;padding:.25rem .75rem;border:2px solid var(--secondary-color);box-shadow:0 1px 2px #0000000a;margin:.5rem;font-family:inherit}.search-icon{display:flex;align-items:center;margin-right:.5rem;color:var(--secondary-color-light-2);font-family:inherit}.pinned-task-search-input{border:none;outline:none;background:transparent;font-size:1.5rem;flex:1;padding:.25rem 0;color:var(--text-color-dark);font-family:inherit}.pinned-task-search-input::placeholder{color:var(--secondary-color-light-2);font-family:inherit}.pinned-task-bar{background-color:var(--bg-color-white);width:30vw;height:100%;border-radius:12px;border:2px solid var(--secondary-color);display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}.filtered-task-list-container{height:100%;overflow:auto;box-sizing:border-box;position:relative;padding-left:.5rem}.task-list-container{display:flex;flex-direction:column;gap:.5rem}.task-card-wrapper{transition:all .3s ease}.task-card-enter{opacity:0;transform:translateY(-10px);animation:fadeInUp .3s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.add-task-button{position:fixed;bottom:2rem;right:2rem;width:6rem;height:6rem;border-radius:50%;--btn-center: var(--primary-color-dark);background-color:var(--bg-color);border:1px solid var(--bg-color-dark);font-size:24px;font-weight:700;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003}.add-task-button:hover{background-color:var(--bg-color-dark);--btn-center: var(--bg-color)}.popup-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-color-white);color:var(--text-color-dark);padding:1.5rem 2rem;border-radius:10px;box-shadow:0 2px 16px #0003;min-width:280px;max-width:90vw;z-index:1001;display:flex;flex-direction:column;gap:1rem}.popup-modal-content h2.popup-title{margin:0;font-size:1.4rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group input,.form-group textarea,.form-group select{padding:.5rem .8rem;border-radius:6px;border:1px solid var(--secondary-color-light);font-size:.95rem;box-shadow:0 4px 6px #0000001a;outline:none;width:100%;transition:border-color .2s;resize:vertical;font-family:inherit;line-height:1.4;box-sizing:border-box;margin:0;color:#9998ab;background-color:#e7dfe8}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:#9998ab}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color)}.modal-actions{display:flex;justify-content:center;gap:.6rem;margin-top:.5rem}.modal-actions button{padding:.5rem 1rem;font-size:.95rem;border:none;border-radius:6px;cursor:pointer;background-color:var(--primary-color);color:var(--text-color-light);font-family:Lexend,Arial,Helvetica,sans-serif;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.modal-actions button:hover{transform:scale(1.05);background-color:var(--accent-color);box-shadow:0 4px 10px #00000040}.modal-actions button:disabled{opacity:.6;cursor:not-allowed;background-color:var(--primary-color)}.error{color:var(--error-color);font-size:.8rem;margin:0}.settings-button{position:absolute;top:.25rem;right:.25rem;z-index:10;cursor:pointer;color:var(--secondary-color-light);transition:transform .6s ease,color .3s ease;transform-origin:center}.settings-button:hover{color:var(--secondary-color-light-2);transform:rotate(360deg)}.collapse-button{position:absolute;top:.25rem;right:4rem;z-index:10;cursor:pointer;color:var(--secondary-color-light);transition:color .3s ease;transform-origin:center}.collapse-button:hover{color:var(--secondary-color-light-2)}.settings-page-container{display:flex;flex-direction:column;background-color:var(--primary-color);height:85vh;width:50vw;border:2px solid var(--secondary-color);border-radius:1rem;color:var(--text-color-light);align-items:left;padding:1rem 2rem 0;position:relative;overflow:auto}.settings-page-container h2{margin:1rem 0 0;font-size:1.5rem;color:var(--text-color-light)}.settings-header{font-size:3.5rem;text-align:center;width:100%;padding-bottom:5px;color:var(--text-color-light)}.current-user-info{margin-top:0}.back-link{position:fixed;top:1rem;left:2rem;color:var(--text-color-light);text-decoration:underline;cursor:pointer;font-size:1rem}.back-link:hover{color:var(--secondary-color-light)}button{transition:all .25s ease;display:inline-block}.logout-button,.add-tag-button,.account-settings button{padding:.5rem 1rem;background-color:var(--bg-color);border-radius:.5rem;border:none;cursor:pointer;font-size:1.1rem;color:var(--text-color-light);font-weight:700;box-shadow:0 6px 4px -2px #00000029;transition:all .25s ease}.logout-button:hover,.add-tag-button:hover,.account-settings button:hover{background-color:var(--bg-color-dark);transform:scale(1.05);box-shadow:0 8px 8px #00000040}.user-tags-section{padding-bottom:1rem}.account-settings button{margin-right:1rem}.theme-section select,.retention-time-section input[type=number]{padding:.5rem 1rem;background-color:var(--secondary-color-light);border-radius:.5rem;border:none;font-size:1.1rem;color:var(--secondary-color);font-weight:700;box-shadow:0 6px 4px -2px #00000029;cursor:pointer;transition:all .25s ease;min-width:10rem}.theme-section select:hover,.retention-time-section input[type=number]:hover{transform:scale(1.05);box-shadow:0 8px 8px #00000040}.retention-time-section input[type=number]{width:5rem;margin-right:1rem}.retention-time-section input[type=number]:focus{outline:2px solid var(--bg-color)}.user-tags-header{margin-bottom:0}.current-user-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.divider{border:none;height:1px;background-color:var(--secondary-color-light);margin:24px 0}.tag-list-container{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.tag-item{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;height:3rem}.no-tags-text{font-style:italic;margin:.25rem 0}.tag-item-buttons{display:flex;gap:.5rem;align-items:center;padding-left:1rem}.tag-item-buttons .edit-button-wrapper{padding-top:.3rem}.tag-item-buttons .edit-button{--edit-btn-color: var(--secondary-color-light)}.tag-item-buttons .edit-button:hover{--edit-btn-color: var(--accent-color)}.popup-modal-content label{display:block;margin-bottom:1rem!important}.popup-modal-content input,.popup-modal-content select,.popup-modal-content input[type=color]{margin-top:0!important;color:#9998ab;width:100%;padding:8px;border:none;outline:none;background-color:var(--secondary-color-light);border-radius:4px;font-size:14px;box-sizing:border-box;box-shadow:0 6px 4px -2px #00000029}.popup-modal-content button{margin-top:1.5rem;margin-right:.5rem;padding:.5rem 1.2rem;background:var(--primary-color)!important;color:var(--text-color-light)!important;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-family:Lexend,Arial,Helvetica,sans-serif}.popup-modal-content h2,.popup-modal-content div{color:var(--text-color-dark)!important}.popup-modal-content input{margin-top:0!important;color:var(--text-color-dark);width:100%;padding:8px;border:none;outline:none;background-color:var(--secondary-color-light)!important;border-radius:4px;font-size:14px;box-shadow:0 6px 4px -2px #00000029}.popup-modal-content input[readonly]{background-color:var(--secondary-color-light)!important;cursor:not-allowed;caret-color:transparent}.popup-modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.popup-modal-content{position:absolute;inset:50% auto auto 50%;margin-right:-50%;transform:translate(-50%,-50%);background:var(--bg-color-white)!important;color:var(--text-color-dark)!important;padding:2rem;border-radius:8px;box-shadow:0 2px 16px #0003;min-width:300px;max-width:90vw;z-index:1001}.popup-modal-content h2,.popup-modal-content div{color:var(--text-color-dark)}.popup-modal-content label{display:block;margin-bottom:1rem}.popup-modal-content input{margin-top:0!important;color:var(--text-color-dark);width:100%;padding:8px;border:none;outline:none;background-color:var(--secondary-color-light);border-radius:4px;font-size:14px;box-shadow:0 6px 4px -2px #00000029}.popup-modal-content button{margin-top:1.5rem;margin-right:.5rem;padding:.5rem 1.2rem;background:var(--primary-color)!important;color:var(--text-color-light)!important;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.popup-modal-content button:hover{background:var(--accent-color)!important}.popup-modal-content button:disabled{background:var(--primary-color)!important;opacity:.6;cursor:not-allowed}.error{color:var(--error-color);font-size:12px;margin-top:5px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color-)}.login-card,.login-form,.field,.login-input{box-sizing:border-box}.login-card{width:680px;max-width:92%;background:var(--bg-color-white);border-radius:16px;padding:48px 56px 40px;box-shadow:0 6px 4px -2px #00000029;text-align:center;color:var(--text-color-dark)}.title{font-size:48px;margin:12px 0 28px;color:var(--text-color-dark);font-weight:700;text-shadow:0 2px 0 rgba(0,0,0,.06)}.login-form{display:flex;flex-direction:column;align-items:stretch;gap:18px}.field-label{display:block;font-weight:700;color:var(--text-color-dark);margin-bottom:.5rem;font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.06)}.login-input{width:100%;height:44px;padding:10px 16px;border-radius:12px;border:none;background:var(--secondary-color-light);box-shadow:0 6px 4px -2px #00000029;font-size:16px;outline:none;color:#000}.login-button{margin-top:6px;width:65%;max-width:280px;background:var(--primary-color);color:var(--text-color-light);border:none;border-radius:11px;padding:10px 18px;font-size:17px;font-weight:700;box-shadow:0 5px 4px #0000001f;cursor:pointer;align-self:center;transition:background .3s ease,transform .2s ease}.login-button:hover{background:var(--accent-color);transform:scale(1.03)}.login-button:disabled{background:var(--primary-color)!important;opacity:.6;cursor:not-allowed}.signup-link-button{color:var(--accent);text-decoration:underline;cursor:pointer;transition:transform .2s ease,color .3s ease}.signup-link-button:hover{transform:scale(1.05);color:var(--accent-color)}.signup-link{margin-top:26px;color:var(--secondary-color);font-size:16px}.signup-link a{color:var(--accent);text-decoration:underline;cursor:pointer}.error{margin-top:12px;color:var(--error-color)}@media(max-width:520px){.brand{font-size:56px}.login-card{padding:28px}.login-button{width:100%}}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.signup-card,.signup-form,.field,.signup-input{box-sizing:border-box}.signup-card{width:480px;max-width:92%;background:var(--bg-color-white);border-radius:14px;padding:36px 40px 32px;box-shadow:0 5px 6px #00000026;text-align:center}.brand{font-size:84px;margin:0;color:var(--text-color-dark);font-weight:800;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.06)}.brand img{height:175px}.title{font-size:40px;margin:10px 0 20px;color:var(--text-color-dark);font-weight:700;text-shadow:2px 2px 0px rgba(0,0,0,.199)}.signup-form{display:flex;flex-direction:column;align-items:stretch;gap:14px}.field{width:100%;text-align:left}.field-label{display:block;font-weight:600;color:var(--text-color-dark);margin-bottom:6px;font-size:16px;text-shadow:0 1px 0 rgba(0,0,0,.06)}.signup-input{width:100%;height:40px;padding:8px 14px;border-radius:10px;border:none;background:var(--secondary-color-light);box-shadow:0 5px 4px #0000001f;font-size:15px;color:var(--text-color-dark);outline:none;color:#000}.login-input::placeholder{color:var(--text-color-disabled)}.signup-button{margin-top:6px;width:65%;max-width:280px;background:var(--primary-color);color:var(--text-color-light);border:none;border-radius:11px;padding:10px 18px;font-size:17px;font-weight:700;box-shadow:0 5px 4px #0000001f;cursor:pointer;align-self:center;transition:background .3s ease,transform .2s ease}.signup-button:hover{background:var(--accent-color);transform:scale(1.03)}.signup-button:disabled{background:var(--primary-color)!important;opacity:.6;cursor:not-allowed}.login-link-button{color:var(--accent);text-decoration:underline;cursor:pointer;transition:transform .2s ease,color .3s ease}.login-link-button:hover{transform:scale(1.05);color:var(--accent-color)}.login-link{margin-top:20px;color:var(--secondary-color);font-size:15px}.login-link a{color:var(--accent);text-decoration:underline;cursor:pointer}.error{margin-top:10px;font-size:13px;color:var(--error-color)}@media(max-width:520px){.signup-card{width:100%;padding:24px}.brand img{height:90px}.title{font-size:20px}.signup-button{width:100%}}body{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;margin:0;padding:0;background:var(--bg-color)}.container{position:relative;height:100px;width:86px;transform:scale(.5)}.cube{position:absolute;width:86px;height:100px}.right{background:var(--accent-color-2);transform:rotate(-30deg) skew(-30deg) translate(49px,65px) scaleY(.86)}.left{background:var(--accent-color);transform:rotate(90deg) skew(-30deg) scaleY(.86) translate(25px,-50px)}.top{background:var(--accent-color-3);transform:rotate(210deg) skew(-30deg) translate(-75px,-22px) scaleY(.86);z-index:2}.face{height:50px;width:50px;position:absolute;transform-origin:0 0}.h1.w1.l1{z-index:-1;animation-name:h1w1l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w1l1{0%{transform:translateY(-100%)}14%{transform:translate(-50%,-125%)}28%{transform:translateY(-150%)}43%{transform:translateY(-200%)}57%{transform:translate(50%,-175%)}71%{transform:translateY(-150%)}85%{transform:translateY(-100%)}to{transform:translateY(-100%)}}.h1.w1.l2{z-index:-1;animation-name:h1w1l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w1l2{0%{transform:translate(50%,-75%)}14%{transform:translate(50%,-75%)}28%{transform:translate(100%,-100%)}43%{transform:translate(100%,-150%)}57%{transform:translate(100%,-150%)}71%{transform:translate(50%,-125%)}85%{transform:translate(50%,-75%)}to{transform:translate(50%,-75%)}}.h1.w1.l3{z-index:-1;animation-name:h1w1l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w1l3{0%{transform:translate(100%,-50%)}14%{transform:translate(150%,-25%)}28%{transform:translate(200%,-50%)}43%{transform:translate(200%,-100%)}57%{transform:translate(150%,-125%)}71%{transform:translate(100%,-100%)}85%{transform:translate(100%,-50%)}to{transform:translate(100%,-50%)}}.h1.w2.l1{z-index:-1;animation-name:h1w2l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w2l1{0%{transform:translate(-50%,-75%)}14%{transform:translate(-100%,-100%)}28%{transform:translate(-100%,-100%)}43%{transform:translate(-100%,-150%)}57%{transform:translate(-50%,-125%)}71%{transform:translate(-50%,-125%)}85%{transform:translate(-50%,-75%)}to{transform:translate(-50%,-75%)}}.h1.w2.l2{z-index:-1;animation-name:h1w2l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w2l2{0%{transform:translateY(-50%)}14%{transform:translateY(-50%)}28%{transform:translateY(-50%)}43%{transform:translateY(-100%)}57%{transform:translateY(-100%)}71%{transform:translateY(-100%)}85%{transform:translateY(-50%)}to{transform:translateY(-50%)}}.h1.w2.l3{z-index:-1;animation-name:h1w2l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w2l3{0%{transform:translate(50%,-25%)}14%{transform:translate(100%)}28%{transform:translate(100%)}43%{transform:translate(100%,-50%)}57%{transform:translate(50%,-75%)}71%{transform:translate(50%,-75%)}85%{transform:translate(50%,-25%)}to{transform:translate(50%,-25%)}}.h1.w3.l1{z-index:-1;animation-name:h1w3l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w3l1{0%{transform:translate(-100%,-50%)}14%{transform:translate(-150%,-75%)}28%{transform:translate(-200%,-50%)}43%{transform:translate(-200%,-100%)}57%{transform:translate(-150%,-75%)}71%{transform:translate(-100%,-100%)}85%{transform:translate(-100%,-50%)}to{transform:translate(-100%,-50%)}}.h1.w3.l2{z-index:-1;animation-name:h1w3l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w3l2{0%{transform:translate(-50%,-25%)}14%{transform:translate(-50%,-25%)}28%{transform:translate(-100%)}43%{transform:translate(-100%,-50%)}57%{transform:translate(-100%,-50%)}71%{transform:translate(-50%,-75%)}85%{transform:translate(-50%,-25%)}to{transform:translate(-50%,-25%)}}.h1.w3.l3{z-index:-1;animation-name:h1w3l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h1w3l3{0%{transform:translate(0)}14%{transform:translate(50%,25%)}28%{transform:translateY(50%)}43%{transform:translate(0)}57%{transform:translate(-50%,-25%)}71%{transform:translateY(-50%)}85%{transform:translate(0)}to{transform:translate(0)}}.h2.w1.l1{z-index:-2;animation-name:h2w1l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w1l1{0%{transform:translateY(-50%)}14%{transform:translate(-50%,-75%)}28%{transform:translateY(-100%)}43%{transform:translateY(-100%)}57%{transform:translate(50%,-75%)}71%{transform:translateY(-50%)}85%{transform:translateY(-50%)}to{transform:translateY(-50%)}}.h2.w1.l2{z-index:-2;animation-name:h2w1l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w1l2{0%{transform:translate(50%,-25%)}14%{transform:translate(50%,-25%)}28%{transform:translate(100%,-50%)}43%{transform:translate(100%,-50%)}57%{transform:translate(100%,-50%)}71%{transform:translate(50%,-25%)}85%{transform:translate(50%,-25%)}to{transform:translate(50%,-25%)}}.h2.w1.l3{z-index:-2;animation-name:h2w1l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w1l3{0%{transform:translate(100%)}14%{transform:translate(150%,25%)}28%{transform:translate(200%)}43%{transform:translate(200%)}57%{transform:translate(150%,-25%)}71%{transform:translate(100%)}85%{transform:translate(100%)}to{transform:translate(100%)}}.h2.w2.l1{z-index:-2;animation-name:h2w2l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w2l1{0%{transform:translate(-50%,-25%)}14%{transform:translate(-100%,-50%)}28%{transform:translate(-100%,-50%)}43%{transform:translate(-100%,-50%)}57%{transform:translate(-50%,-25%)}71%{transform:translate(-50%,-25%)}85%{transform:translate(-50%,-25%)}to{transform:translate(-50%,-25%)}}.h2.w2.l2{z-index:-2;animation-name:h2w2l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w2l2{0%{transform:translate(0)}14%{transform:translate(0)}28%{transform:translate(0)}43%{transform:translate(0)}57%{transform:translate(0)}71%{transform:translate(0)}85%{transform:translate(0)}to{transform:translate(0)}}.h2.w2.l3{z-index:-2;animation-name:h2w2l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w2l3{0%{transform:translate(50%,25%)}14%{transform:translate(100%,50%)}28%{transform:translate(100%,50%)}43%{transform:translate(100%,50%)}57%{transform:translate(50%,25%)}71%{transform:translate(50%,25%)}85%{transform:translate(50%,25%)}to{transform:translate(50%,25%)}}.h2.w3.l1{z-index:-2;animation-name:h2w3l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w3l1{0%{transform:translate(-100%)}14%{transform:translate(-150%,-25%)}28%{transform:translate(-200%)}43%{transform:translate(-200%)}57%{transform:translate(-150%,25%)}71%{transform:translate(-100%)}85%{transform:translate(-100%)}to{transform:translate(-100%)}}.h2.w3.l2{z-index:-2;animation-name:h2w3l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w3l2{0%{transform:translate(-50%,25%)}14%{transform:translate(-50%,25%)}28%{transform:translate(-100%,50%)}43%{transform:translate(-100%,50%)}57%{transform:translate(-100%,50%)}71%{transform:translate(-50%,25%)}85%{transform:translate(-50%,25%)}to{transform:translate(-50%,25%)}}.h2.w3.l3{z-index:-2;animation-name:h2w3l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h2w3l3{0%{transform:translateY(50%)}14%{transform:translate(50%,75%)}28%{transform:translateY(100%)}43%{transform:translateY(100%)}57%{transform:translate(-50%,75%)}71%{transform:translateY(50%)}85%{transform:translateY(50%)}to{transform:translateY(50%)}}.h3.w1.l1{z-index:-3;animation-name:h3w1l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w1l1{0%{transform:translate(0)}14%{transform:translate(-50%,-25%)}28%{transform:translateY(-50%)}43%{transform:translate(0)}57%{transform:translate(50%,25%)}71%{transform:translateY(50%)}85%{transform:translate(0)}to{transform:translate(0)}}.h3.w1.l2{z-index:-3;animation-name:h3w1l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w1l2{0%{transform:translate(50%,25%)}14%{transform:translate(50%,25%)}28%{transform:translate(100%)}43%{transform:translate(100%,50%)}57%{transform:translate(100%,50%)}71%{transform:translate(50%,75%)}85%{transform:translate(50%,25%)}to{transform:translate(50%,25%)}}.h3.w1.l3{z-index:-3;animation-name:h3w1l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w1l3{0%{transform:translate(100%,50%)}14%{transform:translate(150%,75%)}28%{transform:translate(200%,50%)}43%{transform:translate(200%,100%)}57%{transform:translate(150%,75%)}71%{transform:translate(100%,100%)}85%{transform:translate(100%,50%)}to{transform:translate(100%,50%)}}.h3.w2.l1{z-index:-3;animation-name:h3w2l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w2l1{0%{transform:translate(-50%,25%)}14%{transform:translate(-100%)}28%{transform:translate(-100%)}43%{transform:translate(-100%,50%)}57%{transform:translate(-50%,75%)}71%{transform:translate(-50%,75%)}85%{transform:translate(-50%,25%)}to{transform:translate(-50%,25%)}}.h3.w2.l2{z-index:-3;animation-name:h3w2l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w2l2{0%{transform:translateY(50%)}14%{transform:translateY(50%)}28%{transform:translateY(50%)}43%{transform:translateY(100%)}57%{transform:translateY(100%)}71%{transform:translateY(100%)}85%{transform:translateY(50%)}to{transform:translateY(50%)}}.h3.w2.l3{z-index:-3;animation-name:h3w2l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w2l3{0%{transform:translate(50%,75%)}14%{transform:translate(100%,100%)}28%{transform:translate(100%,100%)}43%{transform:translate(100%,150%)}57%{transform:translate(50%,125%)}71%{transform:translate(50%,125%)}85%{transform:translate(50%,75%)}to{transform:translate(50%,75%)}}.h3.w3.l1{z-index:-3;animation-name:h3w3l1;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w3l1{0%{transform:translate(-100%,50%)}14%{transform:translate(-150%,25%)}28%{transform:translate(-200%,50%)}43%{transform:translate(-200%,100%)}57%{transform:translate(-150%,125%)}71%{transform:translate(-100%,100%)}85%{transform:translate(-100%,50%)}to{transform:translate(-100%,50%)}}.h3.w3.l2{z-index:-3;animation-name:h3w3l2;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w3l2{0%{transform:translate(-50%,75%)}14%{transform:translate(-50%,75%)}28%{transform:translate(-100%,100%)}43%{transform:translate(-100%,150%)}57%{transform:translate(-100%,150%)}71%{transform:translate(-50%,125%)}85%{transform:translate(-50%,75%)}to{transform:translate(-50%,75%)}}.h3.w3.l3{z-index:-3;animation-name:h3w3l3;animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}@keyframes h3w3l3{0%{transform:translateY(100%)}14%{transform:translate(50%,125%)}28%{transform:translateY(150%)}43%{transform:translateY(200%)}57%{transform:translate(-50%,175%)}71%{transform:translateY(150%)}85%{transform:translateY(100%)}to{transform:translateY(100%)}}