@charset "UTF-8";#root{background-color:#0e0d0d;overflow:auto;height:100dvh}.login-cmn-container{position:relative;width:100%;height:100%;background-color:#fff}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9f9f9}.header{background-color:#fff;color:#fff;padding:100px 0;text-align:center}.title{font-size:36px}.highlight{color:#fff}.description{font-size:18px;margin-top:20px}.video-section{padding:50px 0;text-align:center;background-color:#f9f9f9}.video-frame{width:100%;max-width:960px;max-height:530px;margin:0 auto;border:10px solid #2980b9;border-radius:10px;overflow:hidden}.small-video-frame{width:100%;max-width:300px;max-height:150px;margin:10px auto 0;border:6px solid #8b8718;border-radius:10px;overflow:hidden}.robot-download{margin-top:35px;max-width:85px;max-height:65px;width:auto;height:auto}.download-container{display:flex;justify-content:center}.bg{border:1px solid #686868;display:flex;align-items:center;background-color:#2c842c;color:#fff;text-decoration:none;padding:25px 35px;border-radius:45px;font-size:20px;transition:background-color .3s;cursor:pointer}.bg:hover{background-color:#27ae60}.video-title{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.section-title{color:#727100;text-align:center;margin-bottom:30px}.features-grid{display:flex;flex-wrap:wrap;justify-content:center}.feature-item{width:300px;padding:30px;margin:20px;text-align:center;background-color:#2980b9;border-radius:10px;box-shadow:0 0 20px #0000001a;transition:transform .3s}.feature-text{font-family:Times New Roman,Times,serif}.feature-item:hover{transform:translateY(-10px)}.feature-item i{color:#fff;margin-bottom:20px}.feature-item h3{color:#fff;font-size:24px;margin-bottom:10px}.feature-item p{color:#fff;font-size:16px}.robotImg{max-width:65px;max-height:35px;width:auto;height:auto;margin-left:20px;margin-top:5px}.ronine{font-size:17px;font-family:Courier New,Courier,monospace;margin-left:7px;margin-top:15px;color:#225437}.footer{background-color:#333;color:#fff;padding:20px 0;text-align:center}body{font-family:Arial,sans-serif;font-size:18px;text-align:center}header{background-color:#fff;height:30px;box-shadow:#333;padding:20px}.navbar{display:flex;font-size:13px;align-items:center;padding-left:36px;margin-top:5px}.navbar-left{display:flex}.navbar-right{margin-left:31%;margin-bottom:45px}.navbar ul{display:flex;list-style-type:none;margin:0;padding:0}.navbar ul li a{color:#000;display:block;font-family:Arial,Helvetica,sans-serif;padding:16px;text-decoration:none}.navbar ul li a:hover{background-color:#f5f2f2;text-decoration:none;border-radius:20px;height:26%}.home-div{display:flex;background-color:"#ffffff";box-shadow:0 2px 4px #0000001a;height:auto;max-height:45px}.download-paragraph{font-size:4rem;padding-bottom:2rem;line-height:6rem;letter-spacing:-.125rem;font-family:Google Sans,arial,sans-serif;font-weight:700;color:#000;margin-top:5px}.download-div{transition:width .5s ease-in-out}.download-span{display:inline-block;width:auto;font-weight:700;font-size:4rem;padding:20px;border-radius:30px;transition:background-color 2s;width:.5s ease-in-out}.download-text{display:inline-block;animation:charSlideInUp ease both;animation-duration:3s}@keyframes charSlideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.arrow-icon{width:30px;margin-right:15px}.flags-menu{cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;padding:10px 20px}.arrow-icon{width:20px;margin-right:10px}.dropbtn{display:flex;background-color:#f2f2f2;border-radius:5px;color:#fff;margin-top:6px;padding:8px;font-size:10px;border:none;cursor:pointer}.flag{width:20px;height:20px;display:block;margin:0 auto}.down{width:20px;height:auto;display:block;margin:0 auto 0 3px;transition:transform .3s ease}.button-container{display:flex;align-items:center;margin-left:36%;padding-bottom:2%}.software{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:18px}.dropdown-content{display:none;position:absolute;background-color:#f2f2f2;min-width:55px;border-radius:5px;z-index:1}.dropdown-content a{color:#000;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block;cursor:pointer}.dropdown.active .dropdown-content{display:block}.dropdown:hover .down{transform:rotate(180deg)}.dropdown-content a img{width:20px;height:20px;display:block;margin:0 auto}.tryRoNineButton{padding:2%;width:150px;margin-top:5%;border-radius:5px;border:1px solid #333;cursor:pointer;transition:background-color .3s ease}.tryRoNineButton:hover{background-color:#61b961}.tryRoNineText{font-family:DejaVu Sans Mono,monospace;font-size:1.2rem}.linkArrow{vertical-align:middle;margin-left:5px;margin-bottom:5px;width:13px;height:13px}.ronineLink{margin-left:auto;margin-right:20px}.forget-span{display:flex;align-items:start;width:80%;padding:10px}.forget-password{width:auto;font-size:14px;cursor:pointer;color:#10a37f;text-decoration:none}.forget-p{white-space:nowrap;margin:0%;padding:0;width:50%;align-items:start}.login-container{display:flex;align-items:center;flex-direction:column;max-width:400px;margin:7% auto;padding:20px;border-radius:5px;text-align:center}.error-container{box-sizing:border-box;height:52px;width:80%;display:inline-block;text-align:start}.input-container{border:1px solid #686868;background-color:#fff;margin-top:10px;border-radius:6px;box-sizing:border-box;height:52px;width:80%;display:inline-block;text-align:start}.username-input{border:1px solid #686868;border-radius:6px;box-sizing:border-box;color:#2d333a;font-family:inherit;font-size:16px;height:50px;width:80%;line-height:1.1;outline:none;padding-block:1px;padding-inline:2px;padding:0 16px;transition:box-shadow .1s ease-in-out,border-color .1s ease-in-out;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;text-shadow:none;display:inline-block;text-align:start}.input-small{font-size:1vw;height:60%;width:50%}.email-input{border:1px solid #686868;border-radius:6px;margin-top:10px;box-sizing:border-box;color:#2d333a;font-family:inherit;font-size:16px;height:50px;width:80%;line-height:1.1;outline:none;padding-block:1px;padding-inline:2px;padding:0 16px;transition:box-shadow .1s ease-in-out,border-color .1s ease-in-out;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;text-shadow:none;display:inline-block;text-align:start}.password-input{border:none;border-radius:6px;box-sizing:border-box;color:#2d333a;font-family:inherit;font-size:16px;height:50px;width:80%;line-height:1.1;outline:none;padding-block:1px;padding-inline:2px;padding:0 16px;transition:box-shadow .1s ease-in-out,border-color .1s ease-in-out;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;text-shadow:none;display:inline-block;text-align:start}.input-clicked,.input-email-clicked,.input-container-clicked{border-color:#10a37f}.username-input.input-error,.input-container.input-error,.email-input.input-error{border-color:red;transition:border-color .3s ease}.input-focused::placeholder{opacity:0}.login-h1{font-size:32px}.reset-psw-h1{font-size:24px}.reset-h1{font-size:28px}.reset-request-h1{font-size:24px;color:#2d333a;font-weight:lighter}.reset-p{text-align:start;font-size:14px;width:80%}.reset-psw-p{font-size:14px;padding-top:3%;padding-bottom:1%}.loginButton{width:80%;padding:15px;font-size:16px;background-color:#10a37f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out}.resetPswButton{width:80%;padding:15px;margin-top:24px;font-size:16px;font-family:inherit;background-color:#10a37f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out}.registerButton{width:80%;padding:15px;margin-top:24px;font-size:16px;background-color:#10a37f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out}.resetButton{width:80%;padding:15px;margin-top:24px;font-size:16px;font-family:inherit;color:#2d333a;border:none;border-radius:5px;cursor:pointer;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out}.resetButton:hover{background-color:#b0e7b3}.registerButton:hover,.loginButton:hover,.resetPswButton:hover{background-color:#129171}.register-link{margin-top:20px;font-size:14px;text-decoration:none;cursor:pointer}.reset-link{font-weight:700;color:#10a37f;margin-top:20px;font-size:14px}.resend-p{margin-bottom:1%;font-size:14px;color:#fff}.resend-info-p{margin-top:13%;font-size:14px;color:#e70000}.resend-button{border-radius:6px;border:none;transition:background-color .3s ease,color .3s ease;background-color:#202123;margin-top:20px;padding:6px 12px;cursor:pointer;font-size:14px;font-weight:500;color:#10a37f}.resend-button:hover{background-color:#39393b}.reset-link a,.register-link a{color:#10a37f;text-decoration:none}.loginLogo{width:3.5%;min-width:34px;margin-top:2%}.try-as-guest-button-cnt{display:flex;align-items:center;justify-content:center;position:absolute;width:200px;height:13%;right:0;top:0}.try-as-guest-button{display:flex;align-items:center;justify-content:center;width:80%;border:1px solid black;border-radius:15px;padding:7%;box-sizing:border-box;cursor:pointer;gap:5%}.try-as-guest-button:hover{background-color:#f1f0f0}.try-as-guest-button p{white-space:nowrap;margin:0%}.try-as-guest-button img{width:10%;min-width:7px}.sonbuc-info-cnt{display:flex;justify-content:center;align-items:center;width:40%;height:100%;background-color:#fff4e5;text-align:center;font-size:clamp(12px,1.4vw,17px);color:#663c00;gap:8px;flex-wrap:wrap;box-sizing:border-box;border-radius:0 0 8px 8px}.sonbuc-info-cnt button{background-color:#f90;color:#fff;border:none;padding:4px;border-radius:4px;cursor:pointer;font-weight:700;font-size:clamp(8px,1.4vw,16px)}.registerLogo,.resetLogo{width:34px;height:34px;margin-top:2%}.emailLogo{width:88px;height:88px;margin-top:2%;margin-bottom:5%}.register-username-error{font-size:13px;width:auto;margin-right:12%;margin-bottom:0;color:red}.username-error{font-size:13px;margin-right:48%;margin-bottom:0;color:red}.username-login-error{font-size:13px;margin-right:52%;margin-bottom:0;color:red}.already-exist-error{font-size:13px;margin-right:42%;color:red}.not-exist-error,.email-error{text-align:start;width:80%;font-size:13px;color:red;margin:10px 0 0}.psw-error{width:auto;font-size:13px;text-align:start;width:80%;color:red}.psw-login-error{width:100%;font-size:13px;margin-right:13%;color:red}.verify-page{display:flex;flex-direction:column;align-items:center;height:100vh;background-color:#202123}.verify-logo{width:40px;height:auto;margin-top:3%;margin-bottom:2%}.verify-container{text-align:center;background-color:#000;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a}.verify-h1{color:#f7f7f8;font-size:32px;font-weight:700;line-height:1.375}.verify-text{color:#f7f7f8;font-size:16px;line-height:1.5;margin:0}.gmail-logo{width:16px;height:16px;margin-right:5px}.verify-span{display:flex;border-radius:8px;justify-content:center;align-items:center;width:25%;min-height:44px;background-color:#353740;transition:background-color .3s ease,color .3s ease;margin-top:3%;cursor:pointer}.verify-span:hover{background-color:#45484f;color:#fff}.verify-span:hover button{background-color:#45484f}.verify-span button{border:none;border-radius:5px;background-color:#353740;font-size:16px;font-weight:700;color:#d9d9e3;line-height:24px;cursor:pointer}.confirm-contact-text{color:#f7f7f8;font-size:14px;line-height:1.5;margin-top:10px}.confirm-text{color:#f7f7f8;font-size:16px;line-height:1.5;margin:0}.help-center-link{color:#10a37f;text-decoration:none}.help-center-link:hover{opacity:.8}.connect-spinner-container{display:flex;justify-content:center;align-items:center}.spinner-container{display:flex;justify-content:center;align-items:center;height:100%}.spinner-container-black{display:flex;justify-content:center;align-items:center;background-color:#2c2c2c;height:100vh}.announces-spinner-container{display:flex;justify-content:center;align-items:center}.small-spinner-container{display:flex;justify-content:center;align-items:center;height:50px}.smallSearch-spinner-container{display:flex;justify-content:center;align-items:center;height:60%}.very-small-spinner{width:6px;height:6px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.small-spinner{width:10px;height:10px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.middle-spinner{width:25px;height:25px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.spinner{width:30px;height:30px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.history-spinner{position:absolute;top:45%;left:50%;width:22px;height:20px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ronine-main-div{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2c2c2c}.firstDiv,.secondDiv{width:50%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.homePlansButtonSpan{margin-top:4%}.homePlansButtonSpan,.homeGoalsButtonSpan{margin-left:30%;margin-bottom:20%;display:flex}.homePlansButton,.homeGoalsButton{border:none;border-radius:25px;display:flex;padding:15px 40px 15px 20px;align-items:center;cursor:pointer}.homePlansButton:hover,.homeGoalsButton:hover{background-color:#a3a3a2}.homePlansButton{margin-top:70%}.plansButtonText{font-family:DejaVu Sans Mono,monospace;font-weight:800;font-size:2rem;margin-left:20px}.plansButtonLogo{width:30px;height:30px;margin-left:15px}.goalsButtonText{font-family:DejaVu Sans Mono,monospace;font-weight:800;font-size:2rem;margin-left:20px}.goalsButtonLogo,.planButtonLogo,.rankButtonLogo{width:30px;height:30px;margin-left:15px}.homeRankButtonSpan{margin-top:33%;margin-right:10%;display:flex}.homePlanButton,.homeRankButton{border:none;border-radius:25px;display:flex;padding:15px 61px 15px 58px;align-items:center;cursor:pointer}.homeContestButton{border:none;border-radius:25px;display:flex;padding:15px 40px 15px 28px;align-items:center;cursor:pointer}.homePlanButton:hover,.homeRankButton:hover:hover{background-color:#a3a3a2}.homePlanButton{margin-top:25%}.planButtonText,.rankButtonText,.contestButtonText{font-family:DejaVu Sans Mono,monospace;font-weight:800;font-size:2rem;margin-left:20px}.edit-mode-span{border-radius:30px;width:20%;height:15%;cursor:pointer;transition:all ease 1s}.pen-icon{width:15px;height:auto}.icon{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;border:2px solid #000000;width:25px;height:25px;margin-left:4%;transition:transform .3s ease}.icon-right{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;border:2px solid #000000;width:25px;height:25px;margin-left:4%;transition:background-color .5s ease;transition:transform .3s ease;transform:translate(169%)}.edit-end-p{margin:0%;font-size:22px}.edit-start-p{transform:translate(-70%)}.important-plans-first-span{display:flex;border:none;text-align:start;background-color:#f7f7f7;border-radius:10px;width:78%;height:99%;margin-right:5px;box-shadow:0 0 1px 1px #4e4d4d40;border:.5px solid rgb(150,147,147)}.edit-textarea{border:none;outline:none;width:98.5%;height:100%;padding:5px;resize:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;box-sizing:border-box}.important-plans-span{position:relative;display:flex;align-items:center;justify-content:space-between;height:26%;width:100%;gap:1%}.span-editing{border:1.5px solid #1d6d35}.span-clicked{border:1.5px solid #80ff00}.important-plans-first-span.changed-true{background-color:#faffe1}.edit-textarea::-webkit-scrollbar{width:7px;border-radius:10px}.edit-textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.edit-textarea::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.edit-textarea{-ms-overflow-style:-ms-autohiding-scrollbar}.base-plan-div::-webkit-scrollbar{width:10px;border-radius:10px}.base-plan-div::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.base-plan-div::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.title-textarea{border:none;outline:none;width:95%;height:75%;resize:none;background:transparent;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:inherit;color:inherit;margin-top:2px;margin-left:2px}.title-textarea::-webkit-scrollbar{display:none}.important-plans-first-span::-webkit-scrollbar{display:none}.important-plans-first-span{scrollbar-width:none}.green-background{background-color:#98d386}.blue-background{background-color:#8bc2ca}.red-background{background-color:#f9a8a8}.yellow-background{background-color:#f1f9a8!important}.plans-dropdown-type-span{display:block;text-align:center;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#000;text-decoration:none;padding:8px 3.5px;z-index:10;font-size:14px}.plans-dropdown-span{display:flex;justify-content:space-between;align-items:center;gap:2px;text-align:center;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#000;text-decoration:none;padding:8px 3.5px;z-index:10}.plans-dropdown-span p{margin:0%;font-size:clamp(.4em,1.4vw,.7em);max-width:50px}.plans-dropdown-span:last-child{border-radius:0 0 8px 8px}.plans-dropdown-type-span:last-child{border-radius:0 0 8px 8px}.plans-dropdown-type-span.finished{background-color:#a0ff8b}.plans-dropdown-type-span.finished:hover{background-color:#95f081}.plans-dropdown-type-span.almostly{background-color:#97f3ff}.plans-dropdown-type-span.almostly:hover{background-color:#8ce1ec}.plans-dropdown-type-span.didnt{background-color:#ffbdbd}.plans-dropdown-type-span.didnt:hover{background-color:#ecafaf}.plans-top-container{display:flex;flex-direction:column;width:29%}.plans-title-text-container{display:flex;align-self:center;justify-content:center;width:80%}.plans-title-text-container input{text-align:center;width:90%;background-color:transparent;border:none;outline:none;color:#817676;font-size:15px}.plans-title-container{position:relative;display:flex;align-self:center;align-items:center;justify-content:center;width:80%;padding-bottom:5px;padding-top:5px;background-color:#383434;border-radius:50% 50% 0 0}.plans-title-container:before{content:"";position:absolute;top:89%;left:-17px;transform:translateY(-50%);width:0;border-right:50px solid transparent;border-top:29.9px solid #383434;border-radius:65% 0% 0% 33%}.plans-title-container:after{content:"";position:absolute;top:89%;right:-17px;transform:translateY(-50%);width:0;border-left:50px solid transparent;border-top:29.9px solid #383434;border-radius:0% 65% 0% 33%}.plans-cnc-title-container{position:relative;display:flex;align-self:center;align-items:center;justify-content:center;width:80%;padding-bottom:5px;padding-top:5px;background-color:#f4fb93;border-radius:50% 50% 0 0}.plans-cnc-title-container:before{content:"";position:absolute;top:89%;left:-17px;transform:translateY(-50%);width:0;border-right:50px solid transparent;border-top:29.9px solid #f4fb93;border-radius:65% 0% 0% 33%}.plans-cnc-title-container:after{content:"";position:absolute;top:89%;right:-17px;transform:translateY(-50%);width:0;border-left:50px solid transparent;border-top:29.9px solid #f4fb93;border-radius:0% 65% 0% 33%}.plans-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:10%;aspect-ratio:6 / 4;border-radius:20px;padding:10px;max-width:340px;box-shadow:0 4px 8px 8px #0003}.p-c-main{width:85%;height:45%}.p-c-shared{width:85%;height:80%}.required-plans-container{display:flex;flex-direction:column;justify-content:space-between;border-radius:20px;padding-top:1.5%;padding-bottom:1.5%;background-color:#395380}.nice-plans-container{display:flex;flex-direction:column;justify-content:space-between;border-radius:20px;padding-top:1.5%;padding-bottom:1.5%;background-color:#40895d}.reference-btn-span{display:flex;align-items:center;justify-content:center;height:100%;width:20%;cursor:pointer}.reference-btn-span:hover{background-color:#e4dddd}.reference-btn-span:active{background-color:#c9c0c0}.reference-icon-img{width:16px}.rfr-send-icon-img{width:18px}.plan-date{border:1px solid #ffffff;border-radius:6px;width:60%;height:100%;text-align:center;font-size:clamp(.5em,1.4vw,.8em);padding:2px;outline:none}::-webkit-calendar-picker-indicator{cursor:pointer;border-radius:5px}::-webkit-calendar-picker-indicator:hover{background-color:#ebedec}.date-common-div{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.planDate-div{display:flex;align-items:center;justify-content:center;width:75%;gap:2px;box-sizing:border-box}.triangle2{width:5%;min-width:11px;transform:rotate(90deg);opacity:.1;cursor:pointer}.triangle1:hover,.triangle2:hover{opacity:.6}.triangle1{width:5%;min-width:11px;transform:rotate(-90deg);opacity:.1;cursor:pointer}.invite-planDate-div{display:flex;padding-left:31.5%;padding-bottom:5%}.invite-planDate-span{margin-top:1.5%}.invite-planDate-span2{margin-top:1.1%}.invite-plan-date{border:1px solid #ffffff;border-radius:10px;width:210px;height:25px;text-align:center;font-size:90%;padding:2px;outline:none}.plans-error{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:20px;opacity:0;color:#2c2c2c;cursor:default;transition:opacity .5s ease-in-out}.error-anounce{opacity:1;color:#d21a1a}.info-anounce{opacity:1;color:#dcff10}.save-announce{opacity:1;color:#10a37f}.history-button{width:23px;height:23px;cursor:pointer;transition:all .3s}.navigate-div{display:flex;align-items:center;justify-content:flex-end;height:100%;gap:18px;box-sizing:border-box}.edit-mode-span-goals{transition:all ease 1s}.pen-span-goals{display:flex;align-items:center;background-color:#d9d9d9;color:#333;border:none;border-radius:20px;width:97%;max-height:40px;font-size:26px;cursor:pointer;outline:none;justify-content:flex-start;transition:justify-content .8s ease}.pen-span-goals:hover{background-color:#fffdfd}.pen-span{display:flex;align-items:center;justify-content:space-between;padding-left:2px;padding-right:6px;background-color:#d9d9d9;color:#333;border:none;border-radius:20px;width:90px;height:40px;font-size:22px;cursor:pointer;outline:none;transition:justify-content .8s ease}.pen-span:hover{background-color:#b7b4b4}.anounce{background-color:#bcc054}.pen-span-right{display:flex;align-items:center;justify-content:center;padding-right:6px;padding-left:2px;background-color:#99ff75;color:#333;border:none;border-radius:20px;width:90px;height:40px;cursor:pointer;outline:none;transition:justify-content .8s ease}.pen-span-right:hover{background-color:#78ef4d}.pen-span-right-goals{display:flex;align-items:center;background-color:#99ff75;color:#333;border:none;border-radius:20px;width:97%;max-height:40px;font-size:26px;cursor:pointer;outline:none;justify-content:flex-start;transition:justify-content .8s ease}.pen-span-right-goals:hover{background-color:#a8f88b}.save-anounce{opacity:1;color:#10a37f}.pen-icon-goals{width:70%;height:auto}.icon-goals{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;border:2px solid #000000;width:40px;height:24px;padding:0%;margin-right:6%;margin-left:4%;transition:background-color 10.1s ease,transform .3s ease}.icon-right-goals{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;border:2px solid #000000;width:40px;height:26px;margin-right:7%;margin-left:4%;transition:background-color .5s ease;transition:transform .3s ease;transform:translate(169%)}.image-span-goals{display:flex;width:40%;height:50px;margin-top:30px;margin-left:10%}.edit-end-p-goals{justify-content:flex-end;font-size:16px;margin-right:10%}.edit-start-p-goals{transform:translate(-70%)}.date-dropdown-div{display:flex;position:absolute;left:2.5%;top:5%;gap:13px}.cnc-gl-date-dropdown-div{display:flex;width:30%;gap:5px;padding-top:4px}.plans-dropbtn-goals{display:flex;align-items:center;background-color:#d9d9d9;color:#000;font-size:22px;padding:7px 10px;border:none;cursor:pointer;gap:4.2px}.plans-dropbtn-goals:hover{background-color:#fffdfd}.cnc-pl-gl-type-div{display:flex;align-items:center;justify-content:center;background-color:#d9d9d9;color:#000;font-size:19px;padding:7px 10px;box-shadow:0 0 1px 1px #a0d1a0;border-radius:4px}.cnc-pl-gl-type-div p{font-size:13px;margin:0%}.plans-dropdown-content-goals{display:flex;flex-direction:column;background-color:#f2f2f2;border-radius:0 0 8px 8px}.plans-dropdown-content-goals p{margin:0}.goals-date-div{display:flex;padding-top:2px;align-items:flex-start}.plans-dropdown-content-goals span{cursor:pointer}.year-input::-webkit-inner-spin-button,.year-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;opacity:1}.year-input{height:20px;border:none;border-radius:5px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;margin-top:17px}.year-input::-moz-inner-spin-button,.year-input::-moz-outer-spin-button{opacity:1}.required-plan-div-goals{background-color:#395380;border-radius:20px;width:85%;height:250px;margin-top:157px;transition:all 1s ease-in-out}.underPageIcon-span{justify-content:flex-end;position:absolute;bottom:0;background-color:#fff;width:80px;height:16px;border-radius:5px;cursor:pointer}.btn-deactive{display:none}.underPageOnIcon-span{display:block;background-color:#fff;width:80px;height:16px;margin-left:47%;border-radius:5px;cursor:pointer;transition:opacity ease-in-out 1s}.underPageIcon-span:hover,.underPageOnIcon-span:hover{background-color:#cbc7c7}.goals-down{width:15px;height:15px;display:block;margin:0 auto;transition:transform .3s ease}.turn{transform:rotate(180deg)}.important-plans-div-goals{background-color:#ab4b4b;border-radius:20px;height:250px;width:85%;transition:all 1s ease-in-out}.deactive{height:200px;animation:fadeOut .5s forwards}.plan-active{height:250px;animation:fadeIn 1.5s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.base-div{display:block;position:relative;background-color:#2c2c2c;width:100%;height:100vh}.plan-goal-history-cnt{display:flex;flex-direction:column;justify-content:space-between;position:fixed;border:1px solid hsl(0deg 0% 99% / 10%);width:55%;min-height:63%;padding-bottom:5px;background-color:#f5ffcd;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 15px #0000004d;z-index:1000;border-radius:7px}.history-span{display:flex;justify-content:space-between;padding:13px 10px 6px}.history-span h2{color:#2b2d08;margin:0%}.pl-history-span{display:flex;justify-content:space-between;padding:13px 10px 6px}.pl-history-span h2{width:177px;color:#2b2d08;margin:0%}.history-span div{display:flex;flex-direction:column;align-items:start;gap:5px}.history-span p{margin:0%;font-size:13px}.a-user-p-span{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%;padding-top:1%}.a-user-first-p{color:#e3e6e3;font-size:clamp(.6em,2.4vw,2em);margin:0%;font-weight:700}.a-user-second-p{color:#a9b339;font-size:1vw;margin:0%}.history-table{width:100%;border-collapse:collapse;background-color:#fff;margin-top:20px}.pl-history-table{width:100%;border-collapse:collapse;background-color:#fffcf6}.history-table th,.history-table td,.pl-history-table td{border:1px solid #ddd;padding:8px;text-align:left}.pl-history-table th{border:1px solid #ddd;padding:8px;text-align:center}.green-tr-pl{background-color:#cdffbd}.blue-tr-pl{background-color:#c1f2f9}.red-tr-pl{background-color:#f9cfcf}.green-tr{background-color:#cdffbd}.green-tr:hover{background-color:#c3f8b2;cursor:pointer}.blue-tr{background-color:#c1f2f9}.blue-tr:hover{background-color:#b4eef7;cursor:pointer}.red-tr{background-color:#f9cfcf}.red-tr:hover{background-color:#ffc5c5;cursor:pointer}.history-table th{background-color:#f7ffb4;text-align:center;vertical-align:middle}.pagination{position:absolute;bottom:3px;display:flex;position:relative;justify-content:center;margin-top:1%}.pagination button{background-color:#f2f2f2;padding:5px 7px;margin:0 1px;cursor:pointer;border-radius:5px;border:1px solid #0e344d}.pagination button.active{background-color:#007bff;color:#fff}.pagination button:hover{background-color:#005aba}.underPage-div{width:100%;background-color:#292929;position:absolute;bottom:0;height:0;overflow:hidden;transition:height 1s ease-in-out}.on{height:82%}.off{height:0}.goals-main-div{display:flex;flex-direction:row;top:0;left:0;width:100%;height:100%;background-color:#2c2c2c;transition:height ease-in-out 1s}.background-faded{opacity:.1;pointer-events:none}.plans-main-div{display:flex;flex-direction:column;background-color:#2c2c2c;min-height:75vh}.plans-main-div-active{width:100%;height:100vh}.plans-main-div-shared{justify-content:space-between;width:100%;min-height:75vh;max-height:300vh;margin:0%}.base-plan-div{display:flex;flex-direction:column;background-color:#2c2c2c;max-height:400vh;min-height:70vh}.button-content-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:96%;min-height:100px;padding-left:2%;padding-right:2%}.b-c-main{height:15%}.b-c-shared{height:21.5%}.rank-main-div{display:flex;flex-direction:row;top:0;left:0;width:100%;height:100vh;background-color:#2c2c2c}.close{height:14%}.open{height:100%}.goals-firstDiv{width:34%;height:100%;display:flex;flex-direction:column;align-items:center}.underPage-main-div{display:flex;flex-direction:row;height:100%}.note-span{display:block;width:50.5%;height:40%;background-color:#fff;margin-left:3%;margin-top:10%;border-radius:10px}.note-span p,.title-span p{color:#292929;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;margin:0%;padding:0%}.note-title-span{display:block;width:40%}.title-span{display:block;width:40%;height:8%;border-radius:10px;background-color:#fff;margin-left:40%}.rankFlag{width:33px;height:33px;margin-left:2%;margin-top:6%}.point-div{display:block;width:100%}.point-span{display:flex;width:40%;height:70%;margin-top:3.5%;margin-left:2%;border-radius:10px;cursor:pointer}.point-span:hover{background-color:#2d2d2d}.point-text{color:#eddbdb;font-size:25px;margin-top:6.8%;margin-left:1%;font-family:Georgia,Times New Roman,Times,serif}.rank-text{color:#eddbdb;font-size:25px;margin-top:6.8%;margin-left:1%;font-family:Georgia,Times New Roman,Times,serif;cursor:default}.point-number{color:#65d1ff;font-size:25px;margin-top:6%;margin-left:2%;font-family:Source Sans Pro,sans-serif}.rank-div{display:flex;justify-content:end;width:100%}.rank-number{color:#2596c6;font-size:23px;margin-top:6.9%;margin-left:2%;margin-right:2%;font-family:Source Sans Pro,sans-serif}.status-statistics{text-align:center;margin-top:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#bdbaba;font-size:18px;opacity:0;transition:opacity .3s ease-in-out}.plans-firstDiv:hover .status-statistics{opacity:1}.charachter-div{display:flex;flex-direction:column;width:70%;height:75%;background-color:#2d2d2d;margin-top:20%;border-radius:34px}.character-span{display:flex;align-items:center;margin-top:11%;height:80%}.character{width:55%;height:100%;margin-left:10%}.rankTriangle1{width:30px;height:30px;transform:rotate(148deg);margin-left:4%;margin-top:15%;opacity:.1;cursor:pointer}.rankTriangle2{width:30px;height:30px;margin-left:9%;margin-top:11%;transform:rotate(90deg);opacity:.1;cursor:pointer}.rankTriangle1:hover,.rankTriangle2:hover{opacity:.6}.character-container{position:relative;display:inline-block}.slide-enter{transform:translate(100%);opacity:0}.slide-enter-active{transform:translate(0);opacity:1;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.slide-exit{transform:translate(0);opacity:1}.slide-exit-active{transform:translate(-100%);opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.characterName{font-size:21px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:wheat}.user-panel{display:flex;align-items:center;justify-content:space-between;width:65%;height:40%;padding-left:15px;border:1px solid #ddd;border-radius:8px;background-color:#77c08d}.user-panel-middle{display:flex;flex-direction:column;justify-content:center;height:100%;width:20%}.user-panel-left{position:relative;display:flex;flex-direction:column;height:100%;width:30%;align-items:center;justify-content:center;padding-right:3%}.user-panel-right{display:flex;align-items:flex-start;flex-direction:column;width:50%;padding-left:2%}.user-profile-picture{width:7vw;height:7vw;border-radius:50%;object-fit:cover}.userAnnounce-profile-picture{width:65px;height:65px;margin-top:20%;border-radius:50%;object-fit:cover}.userInfo-profile-picture{width:27px;height:27px;border-radius:50%;object-fit:cover}.user-username{font-size:2.8vw;font-family:New Amsterdam,sans-serif;font-weight:400;font-style:normal;margin:0%}.user-rank{position:absolute;top:5%;right:2%;margin:0%;width:45%;box-sizing:border-box;overflow:hidden;font-size:1.2vw;color:#0167d3;font-family:"Jersey 10",sans-serif;font-weight:400;font-style:normal}.user-level{color:#fe4d4d;width:50%;font-size:.9vw;font-family:Matemasie,sans-serif;font-weight:400;margin:0;padding:0%;font-style:normal}.inviteUser-button{display:flex;align-self:center;align-items:center;justify-content:center;width:65%;height:30%;border-radius:10px;font-size:1.3vw;border:none;cursor:pointer;background-color:#5fde39;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.invite-accepted-button{display:flex;align-self:center;align-items:center;justify-content:center;padding-left:3%;padding-right:3%;width:85%;height:30%;border-radius:10px;font-size:1.1vw;font-weight:600;border:none;cursor:default;background-color:#acd119;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.invite-accepted-button img{width:1.5vw;height:1.5vw;margin-left:5px;transition:all .2s}.inviteUser-button:hover{background-color:#57cb33}.inviteUser-button:active{background-color:#4cbc2a}.inviteUser-button img{width:1.3vw;height:1.3vw;margin-left:5px;transition:all .2s}.inviteUser-button:hover img{width:1.5vw;height:1.5vw}.profile-div{position:relative;display:flex;width:100%;padding-top:2%}.big-height{height:72.5%}.userFriendNotification-button{position:relative;background-color:#2c2c2c;border:none;width:48px;height:48px;border-radius:50%;cursor:pointer}.container-active{margin-left:.5%}.container-deactive{margin-left:76.5%}.userFriendNotification-button:hover{background-color:#373737}.userFriendNotification-button img{width:24px;height:24px;cursor:pointer;transition:all .2s}.userFriendNotification-b.userFriendNotification-b:hover{background-color:#000}.notification-badge{position:absolute;top:0;right:0;background-color:red;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.announces-container{margin-left:10.7%;width:65%;max-height:400px;overflow-y:auto;border:1px solid #333;border-radius:10px;background-color:#282828;scrollbar-color:transparent transparent;scrollbar-width:thin;padding-top:1px}.announce-box{position:relative;display:flex;padding:10px;border-bottom:1px solid #444;height:25%;align-items:center;background-color:#35383b}.announce-box:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.announce-box:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:none}.announce-box-read{background-color:#223c4e!important;color:#fff}.announce-box-read:hover{background-color:#2c4c63!important}.announce-box:hover{background-color:#3f3f3f}.announce-box img{margin-right:10px;border-radius:50%}.anc-req-status-span{position:absolute;right:3%;top:10%;padding:7px;border-radius:7px;display:flex;background-color:#948e8e}.anc-req-status-span p{margin:0%;color:#000;font-size:11px}.announceUserInfo-span{display:flex;flex-direction:column;align-items:flex-start;padding-top:10px;width:100%}.announceProfile-span{display:flex;flex-direction:column;align-items:flex-start;width:30%;gap:5px}.announce-date{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:11px;margin-top:15%;color:#aaa}.announce-username{font-family:Philosopher,sans-serif;font-weight:400;font-style:normal;font-size:30px;color:#f4e648}.announceUserInfo-span p{width:80%;font-family:Roboto,Arial,sans-serif;font-size:14px;text-align:left;color:#f1f1f1}.announcePlanInfo-span{display:flex;flex-direction:column;width:100%}.announce-plan-date{height:62px;display:flex;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:400;overflow:hidden;color:#f1f1f1}.invite-buttons-span{display:flex;margin-left:70%;gap:5px}.reject-button-span,.accept-button-span{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;padding:0;overflow:hidden;margin-top:2px}.reject-button-span:hover{background-color:#dab5b5}.accept-button-span:hover{background-color:#bbddba}.rejectButtonImg,.acceptButtonImg{max-width:100%;max-height:100%;width:24px;height:24px;display:block;margin-left:19%}.second-username{margin-bottom:1%;margin-right:22%;position:absolute;bottom:0;font-family:Philosopher,sans-serif;font-weight:400;font-style:normal;font-size:35px;color:#f4e648}.plans-firstDiv{position:relative;display:flex;align-items:center;justify-content:space-around;gap:20px;padding-left:2%;padding-right:2%;width:96%;min-height:400px;max-height:350vh}.user-info-div{display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;width:auto;height:38px;padding:7px 11px 7px 5px;gap:4px;border-radius:6px;background-color:#a4ffdf;cursor:pointer;box-sizing:border-box}.user-info-div:hover{background-color:#89f0cc}.us-in-div-p{margin:0% 12% 0% 0%;white-space:nowrap;font-size:15px;transition:all .3s ease}.badge-footer-div{display:inline-block;width:auto;flex-direction:column;justify-content:end}.sh-user-info-div:hover{background-color:#89f0cc}.sh-user-info-div{display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;padding:7px 11px 7px 5px;gap:5px;margin-top:3%;border-radius:6px;background-color:#a4ffdf;cursor:pointer}.sh-user-info-div p{display:flex;justify-content:flex-start;text-overflow:ellipsis;width:50%;font-size:15px;margin:0}.user-info-main-div{display:flex;align-items:center;width:108px;height:80%;opacity:1;transition:opacity .1s ease-in-out}.user-info-main-div.visible{opacity:0}.sharedPlan-div{display:flex;flex-direction:column;height:100%;width:100%;transition:all .4s ease}.sharedPlan-small{width:75%}.shared-button-content-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:96%;min-height:80px;padding-left:2%;padding-right:2%}.sharedPlan-firstDiv{display:flex;justify-content:space-around;align-items:center;gap:20px;padding-left:2%;padding-right:2%;width:96%;min-height:450px;background-color:#2c2c2c;padding-bottom:25px}.sh-plans-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;aspect-ratio:6 / 4;border-radius:20px;padding:clamp(4px,1.6vw,15px);width:40%;max-width:340px;min-width:255px;background-color:#ab4b4b;box-shadow:0 4px 8px 8px #0003}.plans-imp{background-color:#de5858}.plans-req{background-color:#4db6ac}.plans-nice{background-color:#f4c434}.sh-buttons-div{display:flex;align-items:center;justify-content:space-between;height:80%;width:130px;transition:opacity .1s ease-in-out}.refreshIcon-span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;opacity:1}.unvisible{opacity:0}.refreshIcon-span:hover{background-color:#75777a}.refreshIcon-span:active{background-color:#67696c}.refreshIcon{width:27px;height:27px;cursor:pointer}.messengerIcon{width:27px;height:27px;cursor:pointer;transition:all .1s ease}.messengerIcon:hover{width:30px;height:30px}.messengerIcon:active{width:24px;height:24px;opacity:.7}.msg-closeIcon{width:20px;height:20px;cursor:pointer;transition:all .1s ease}.msg-closeIcon:hover{width:23px;height:23px}.msg-closeIcon:active{width:17px;height:17px;opacity:.7}.messengerIcon-span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer}.msg-closeIcon-span{display:flex;align-items:center;justify-content:center;width:23px;height:23px;cursor:pointer}.sh-chat-div{display:flex;flex-direction:column;align-items:center;border-radius:7px;margin-top:29.8px;opacity:1;width:300px;height:70%;max-height:375px;background-color:#e1e7ed;overflow:auto;transition:all .1s ease-in,all .3s ease-out}.sh-chat-deactive{opacity:0;width:0%}.sharedPlan-base-div{position:relative;display:flex;flex-direction:row;min-height:100vh;max-height:200vh}.sh-chat-container{display:flex;align-items:flex-start;min-height:100%;width:300px;transition:all .2s ease-in;overflow:hidden}.chat-container{position:relative;width:350px;min-height:468px;margin-top:18px;background-color:#f2f2f2;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 4px 8px #0000001a;overflow:hidden}.chat-container-deactive{width:0%;opacity:0}.chat-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px;background:linear-gradient(90deg,#185d9a,#1695ac,#185d9a);color:#fff;border-radius:8px 8px 0 0}.msg-user-panel{display:flex;align-items:center;justify-content:space-between;min-width:90px}.msg-profile-picture{width:33px;height:33px;object-fit:cover}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-weight:700;font-size:16px}.status{font-size:12px;color:#d3d3d3}.msg-bell-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:60px}.notifications{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#fff;border-radius:50%;cursor:pointer}.notifications:hover{background-color:#c4c1c1}.bell-icon{width:20px}.expand-icon{width:15px;cursor:pointer;transition:width .1s ease-in-out}.expand-icon:hover{width:18px}.expand-icon:active{width:15px;height:15px;opacity:.7}.chat-body{position:relative;flex:1;padding:10px;display:flex;flex-direction:column;gap:15px;max-height:300px;overflow:auto;background-color:#f5f5f5;transition:max-height .2s ease-in-out}.small-ch-bd{max-height:50px!important}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chat-body::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.chat-body::-webkit-scrollbar-thumb:hover{background:#555;cursor:default}.msg-edit-req-m-div{position:relative;display:flex;flex-direction:column;width:80%;box-shadow:-1px 1px 4px 2px #0000001a}.msg-edit-req-m-div.right{align-self:flex-end;border-radius:10px}.msg-edit-req-m-div.left{border-radius:0 10px 10px}.msg-edit-req-m-div.left:after{content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-width:0px 10px 9px 0px;border-top-left-radius:5px;border-color:transparent #d1e0db transparent transparent}.msg-edit-req-m-div.right:after{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-style:solid;border-width:0px 0px 10px 9px;border-top-right-radius:5px;border-color:transparent transparent transparent #d1e0db}.all-choice-box-span{position:absolute;display:flex;align-items:center;right:12%;top:23%}.msg-req-choice-icon{width:15px;height:15px;cursor:pointer}.msg-edit-req-m-f-div{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px;background-color:#d1e0db;box-sizing:border-box}.msg-edit-req-m-div.right .msg-edit-req-m-f-div{border-radius:10px 0 0}.msg-edit-req-m-div.left .msg-edit-req-m-f-div{border-radius:0 10px 0 0}.msg-edit-p-span{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.msg-edit-p-span p{margin:0%;font-size:15px;font-weight:700}.msg-req-cnt-div{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:5px;gap:5px;background-color:#dbeae6;box-sizing:border-box}.msg-req-cnt{position:relative;display:flex;width:93%;border-radius:0 7px 7px;padding-right:2px;align-items:center}.msg-req-nmb-p{font-size:14px;margin:0%}.msg-req-nmb-text{width:88%;text-align:start;margin:0% 0% 0% 4px;font-size:14px;padding-top:5px;padding-bottom:5px}.msg-req-apt-dcl{display:flex;justify-content:space-between;align-items:center;gap:5px}.msg-req-apt-dcl span{display:flex;align-items:center;justify-content:center;background-color:#e5ecea;width:17px;height:17px;border-radius:50%;transition:background-color .2s ease;box-shadow:-1px 1px 1px 1px #afadad33;cursor:pointer}.msg-req-apt-dcl span:hover{background-color:#fff}.msg-req-apt-dcl-choose{position:absolute;top:25%;right:23%;display:flex;justify-content:space-between;align-items:center;gap:5px}.msg-req-apt-dcl-choose span{display:flex;align-items:center;justify-content:center;background-color:#e5ecea;width:17px;height:17px;border-radius:50%;transition:background-color .2s ease;box-shadow:-1px 1px 1px 1px #afadad33;cursor:pointer}.msg-req-apt-dcl-choose span:hover{background-color:#fff}.message-div{display:block;width:100%;border-radius:10px}.message-div.highlight{background-color:#fefeaf;transition:background-color .2s ease-in-out}.message{display:flex;align-items:flex-start;justify-content:space-between;position:relative;background-color:#fff;font-size:14px;max-width:60%;box-shadow:0 4px 10px #0000001a;z-index:0}.message.left{justify-self:flex-start;background-color:#ddd8d8;border-radius:0 13px 13px;padding:6px 38px 8px 9px}.message.right{justify-self:flex-end;background-color:#98dae0;border-radius:13px 0 13px 13px;padding:6px 57px 8px 9px}.message.right:after{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-style:solid;border-width:0px 0px 9px 9px;border-top-right-radius:5px;border-color:transparent transparent transparent #98dae0}.message.left:after{content:"";position:absolute;top:0;left:-9px;width:0;height:0;border-style:solid;border-width:0px 9px 9px 0px;border-top-left-radius:5px;border-color:transparent #ddd8d8 transparent transparent}.reply-message-container{display:flex;align-items:flex-end;justify-content:space-between;flex-direction:column;position:relative;background-color:#fff;font-size:14px;padding:6px 7px 8px 9px;max-width:80%;box-shadow:0 4px 10px #0000001a;z-index:0}.reply-message-container.left{justify-self:flex-start;background-color:#ddd8d8;border-radius:0 13px 13px}.reply-message-container.right{justify-self:flex-end;background-color:#98dae0;border-radius:13px 0 13px 13px}.reply-message-container.right:after{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-style:solid;border-width:0px 0px 9px 9px;border-top-right-radius:5px;border-color:transparent transparent transparent #98dae0}.reply-message-container.left:after{content:"";position:absolute;top:0;left:-9px;width:0;height:0;border-style:solid;border-width:0px 9px 9px 0px;border-top-left-radius:5px;border-color:transparent #ddd8d8 transparent transparent}.reply-message-cnt-main{display:flex;width:100%;min-height:25px;color:#000}.msg-text{margin:0%;padding:0%;display:inline-block;max-width:100%;text-align:left;word-wrap:break-word;white-space:pre-wrap;line-height:1.3}.msg-time-div{right:8px;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;flex-direction:column;align-self:flex-end;min-width:33px;margin-left:3px;z-index:1}.msg-time-div div{display:flex;align-items:end;position:absolute;bottom:3px;gap:3px}.message:hover .msg-panel-icon,.msg-edit-req-m-div:hover .msg-panel-icon,.reply-message-container:hover .msg-panel-icon{opacity:1!important;width:13px}.message:hover .msg-down-span,.reply-message-container:hover .msg-down-span,.msg-edit-req-m-div:hover .msg-edit-down-span{opacity:1!important}.msg-edit-down-span{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#d1e0db;box-shadow:5px 5px 20px #dbd7d7;width:20px;height:18px;opacity:0;border-radius:50%;z-index:2}.msg-edit-down-span.right{right:1px;top:2px}.msg-edit-down-span.left{left:0;top:0}.msg-down-span{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:20px;height:18px;opacity:0;border-radius:50%;z-index:2}.msg-down-span.right{background-color:#98dae0;box-shadow:5px 5px 20px #98dae0}.msg-down-span.left{background-color:#ddd8d8;box-shadow:5px 5px 20px #ddd8d8}.msg-panel-icon{width:8px;cursor:pointer;transition:width .1s ease}.m-t-d-big{min-width:50px!important}.msg-tik-icon{width:15px}.message-time{font-size:10px;color:#2b292999}.msg-panel-container{position:absolute;top:0%;right:20px;width:170px;background-color:#3c4346;border-radius:5px;z-index:10;color:#fff;text-align:start}.msg-panel-container div:nth-child(1){border-radius:5px 5px 0 0;padding-top:14px;padding-left:13px;height:30px;cursor:pointer}.msg-panel-container div:nth-child(1) p{margin:0%}.msg-panel-container div:nth-child(1):hover{background-color:#292e30}.msg-panel-container div:nth-child(2){border-radius:0 0 5px 5px;padding-top:14px;padding-left:13px;height:30px;cursor:pointer}.msg-panel-container div:nth-child(2) p{margin:0%}.msg-panel-container div:nth-child(2):hover{background-color:#292e30}.chat-footer{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:end;background-color:#fff;border-top:1px solid #e5e5e5;border-radius:0 0 8px 8px;min-height:94px;width:100%;box-shadow:0 -4px 10px #0000001a;box-sizing:border-box}.send-button-span{display:flex;align-items:center;justify-content:center;min-width:25px;min-height:25px;border-radius:50%;background-color:#17b72c;color:#fff;border:none;margin-left:6px;margin-bottom:9px;cursor:pointer}.send-button-span:hover{background-color:#21c637}.send-button-span:active{background-color:#51e164}.send-btn-img{width:12px}.message-input::-webkit-scrollbar{width:6px}.message-input::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.message-input::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.message-input::-webkit-scrollbar-thumb:hover{background:#555;cursor:default}.customize-btn-div{display:flex;align-self:flex-start;align-items:flex-end;justify-content:space-between;padding-left:2.8%;padding-bottom:5px;width:90%;height:40px;background-color:#fff;box-sizing:border-box;overflow:hidden}.commas-btn-span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;cursor:pointer}.commas-btn-span:hover{background-color:#ccc7c7}.commas-btn-span:active{background-color:#d7d3d3}.commasIcon{width:20px}.edit-btn-span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;cursor:pointer}.edit-btn-span:hover{background-color:#ccc7c7}.edit-btn-span:active{background-color:#d7d3d3}.msg-main-div{display:flex;align-items:end;padding-bottom:10px;padding-top:10px}.msg-text-div{position:relative;display:flex;flex-direction:column;justify-content:end;width:243px;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 10px #0000001a;overflow:hidden}.msg-text-div-big{margin-top:4px}.msg-sm-text-div{display:flex;align-items:center;width:100%;box-sizing:border-box;gap:3px}.reference-msg-div{display:flex;align-items:center;padding:4px;height:35px;border-radius:5px;margin-bottom:5px;box-sizing:border-box}.reply-msg-div{display:flex;align-items:start;flex-direction:column;padding:4px;border-radius:5px;width:100%;box-sizing:border-box;background-color:#ddd8d8;overflow:hidden;opacity:1;transition:height .2s ease,opacity .2s ease;cursor:pointer}.reply-msg-div.left{background-color:#c5c8ca!important}.reply-msg-div.right{background-color:#96c7e8!important}.reply-msg-div p:nth-child(1){font-size:12px;text-align:start;margin:0%;font-weight:700}.reply-msg-badge-span{position:absolute;display:flex;align-items:center;justify-content:center;left:-9px;top:0;border-radius:4px 5px 0 4px;width:5px;height:16px;border-style:solid;border-width:0px 0px 10px 9px}.reply-msg-badge-span p{font-size:12px!important;color:#5a5656}.reply-msg-plan-badge-span{position:absolute;display:flex;align-items:center;justify-content:center;left:5px;top:6px;border-radius:4px 5px 0 4px;width:5px;height:27.5px;border-style:solid;border-width:0px 0px 10px 9px}.reply-msg-plan-badge-span p{font-size:12px!important;color:#5a5656}.reply-msg-div p:nth-child(2){white-space:pre-wrap;max-height:40px;font-size:13px;text-align:start;margin:0%;color:#525453!important;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}.reference-msg-div p{font-size:14px;color:#5e5a5a}.reply-close-div{position:absolute;right:5px;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background-color:#fff;cursor:pointer}.reply-close-div img{width:8px}.rfr-msg-div-red{background-color:#fad5d5}.rfr-msg-div-blue{background-color:#c0ede8}.rfr-msg-div-green{background-color:#eff498}.message-input{font-family:Arial,Helvetica,sans-serif;font-size:15px;min-width:210px;overflow-y:auto;resize:none;line-height:1.25em;border-radius:5px;border:none;outline:none}.edit-pen-icon{width:20px}.emoji-container{width:24px;height:24px;cursor:pointer}.emoji-icon{position:absolute;bottom:5.5px;right:4px;width:24px;height:24px}.emoji-icon:active{opacity:.5}.emoji-picker{width:100%;height:251px;overflow-y:hidden;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 5px 10px #0003;box-sizing:border-box;transition:height .2s ease-in-out}.emoji-picker-small{width:100%!important;height:260px!important;box-sizing:border-box;transition:all .5s ease!important}.emoji-picker-none{height:0px!important;overflow:hidden}.request-message{display:flex;flex-direction:column;align-self:flex-end;min-width:85%;min-height:95px;background-color:#f9f9f9;border-left:6px solid red;border-radius:8px;font-family:Arial,sans-serif;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.rqst-msg-header{display:flex;align-items:center;justify-content:space-between;padding:4px 5px;width:100%;box-sizing:border-box;box-shadow:0 1px 1px #0000001a}.rqst-msg-title{color:#534d4d;font-weight:700;font-size:12px;max-width:165px;max-height:17px;box-sizing:border-box;overflow:hidden}.rqst-msg-title.text{overflow:auto!important;padding:1px 5px;border-radius:5px;border:1px solid rgb(108,103,103)}.rqst-msg-badge{background-color:#f8d7da;color:#721c24;font-size:12px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;padding:2px 6px;border-radius:4px;cursor:pointer}.rqst-msg-badge:hover{background-color:#e6c1c5}.rqst-msg-message{display:flex;padding-left:5px}.rqst-msg-message p{font-size:15px;margin:10px 0;padding:0%}.overlay-button{background-color:#d2d2d2b3;color:#000;border:none;padding:5px 10px;margin-right:10%;cursor:pointer;z-index:1;font-size:12px;min-width:130px;border-radius:10px;box-sizing:border-box}.overlay-button:hover{opacity:.7}.overlay-button:focus{outline:none}.rqst-msg-footer{display:flex;align-items:end;justify-content:flex-end;width:auto;padding-right:4px}.rqst-time-tik-div{display:flex;align-items:center;justify-content:space-between;align-self:flex-end;min-width:50px;padding-top:5px}.rqst-msg-status{background-color:#fff3cd;color:#856404;padding:4px 10px;border-radius:12px;font-weight:700;font-size:12px;margin-right:10%;cursor:default}.rqst-msg-clock{margin-left:4px}.rqst-msg-time{align-self:flex-end;font-size:10px;color:#888}.msg-rjc-acp-container{display:flex;align-items:flex-start;gap:10px;margin-right:20%}.msg-reject-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;cursor:pointer;box-shadow:0 0 20px #0000001a}.msg-reject-button:hover{background-color:#eab9b9}.msg-accept-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;cursor:pointer;box-shadow:0 0 20px #0000001a}.msg-accept-button:hover{background-color:#b9eabb}.msg-reject-icon{width:19px}.msg-accept-icon{width:22px}.status-circle-icon{width:7px;height:7px}.bdg-circle-div{display:flex;align-items:center;height:10px}.bdg-circle-div p{font-size:12px;color:#000;margin:0 0 0 2px}.commas-button-span{display:flex;align-items:center;height:100%;border-radius:0 10px 10px 0;padding:0 5px}.commas-button-span:hover{background-color:#c1c2c3;cursor:pointer}.commas-button-span:active{background-color:#adafb0}.plan-goal-container{position:absolute;display:flex;align-items:flex-start;justify-content:flex-end;height:100%;left:0;transition:width .4s ease-in-out}.plan-goal-part-div{position:absolute;display:flex;left:0;height:100%;border-radius:0 10px 10px 0;background-color:#faffb5;transition:width .5s ease-in-out;z-index:10;box-sizing:border-box;overflow:hidden}.pl-gl-prt-button{display:flex;align-items:center;width:15px;height:60px;border-radius:0 20px 20px 0;background-color:#4a4c4e;cursor:pointer}.pl-gl-link-icon{width:15px;height:15px;rotate:-20deg;opacity:.5}.pl-gl-link-icon-history{width:16px;height:16px;rotate:45deg}.pl-sh-history-share-icon{width:16px;height:16px}.pl-gl-close-span{position:absolute;right:3px;top:3px;display:flex;align-items:center;justify-content:center;justify-self:flex-end;width:30px;height:30px;border-radius:50%;cursor:pointer}.pl-gl-close-span:hover{background-color:#d8e4a9}.pl-gl-close-span:active{background-color:#cad794}.pl-gl-close-span:hover img{width:15px!important;height:15px!important}.pl-gl-close-span img{width:12px;height:12px}.pl-gl-prt-button:hover .pl-gl-link-icon{opacity:1}.pl-gl-prt-button:hover{background-color:#64686c}.pl-gl-prt-button-active{justify-self:center;align-self:center;width:15px;height:60px;border-radius:10px 0 0 10px;background-color:#4c5054;cursor:pointer}.pl-gl-prt-button-active:hover{background-color:#64686c}.pl-gl-first-view-cnt{display:flex;flex-direction:column;width:100%;height:100%}.pl-gl-first-view-cnt div:nth-child(1){display:flex;flex-direction:column;height:40%;padding-top:13px;padding-left:10px;gap:8px}.pl-gl-first-view-cnt div:nth-child(1) p:nth-child(1){margin:0%;font-weight:700;font-size:24px;width:355px}.pl-gl-first-view-cnt div:nth-child(1) p:nth-child(2){margin:0%;width:280px;font-size:13px}.pl-gl-first-view-cnt div:nth-child(2){display:flex;align-items:start;justify-content:center;width:100%;height:30%;padding-top:13px;padding-left:10px}.fr-view-create-btn-span{display:flex;flex-direction:row;align-items:center;gap:5px;padding:13px 20px;border-radius:10px;background-color:#fff;cursor:pointer;transition:background-color 80ms ease-in-out;box-shadow:2px 2px 5px #0000001a}.fr-view-create-btn-span:hover{background-color:#f7f3f3}.fr-view-create-btn-span p{margin:0%;width:95px}.fr-view-create-btn-span img{width:12px;height:12px}.background-blur{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.background-blur-sonbuc{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.background-blur-green{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background:#7fa88733;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.goal-button-content-div{display:flex;flex-direction:row;justify-content:end;align-items:center;width:96%;padding:25px}.goal-announce-div{display:flex;position:absolute;left:43%;top:5%}.empty-history-container{display:flex;justify-content:center;width:100%}.empty-history-container img{width:50%}.add-user-container{display:flex;flex-direction:column;position:absolute;top:20%;left:20%;height:66%;max-height:400px;width:60%;background-color:#3f6891;border-radius:8px;z-index:10}.addUser-container-div{display:flex;align-items:center;align-self:center;flex-direction:column;width:100%;height:70%;gap:10%;padding-top:3%}.add-user-cnt-header{display:flex;justify-content:space-between;width:100%;padding:0% 1% 0 2%;box-sizing:border-box}.search-div{display:flex;justify-content:center;align-items:center;width:100%}.addUser-div{display:flex;height:70%;width:100%}.add-u-input-span{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}.add-u-input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%}.addUser-username-input{border:1px solid #686868;border-radius:6px;box-sizing:border-box;color:#2d333a;font-family:inherit;font-size:1.2vw;width:70%;line-height:1.1;outline:none;transition:box-shadow .1s ease-in-out,border-color .1s ease-in-out;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;text-shadow:none;display:inline-block;text-align:start;transition:all ease .5s;padding:10px}.searchUser-button{display:flex;align-items:center;box-sizing:border-box;overflow:hidden;padding:5px;border-radius:6px;font-size:1.2vw;border:none;cursor:pointer;background-color:#36d3ff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.searchUser-button-small{font-size:.9vw;height:50%;width:18%}.searchUser-button:hover{background-color:#2fc1e9}.searchUser-button:active{background-color:#14a6cf}.searchUser-button:active .scolp-img{transform:rotate(30deg);width:20px;height:20px}.scolp-img{width:14px;height:14px;margin-left:5px;transition:all .2s}.add-u-close-button{display:inline-block;text-align:center;width:31px;height:31px;border-radius:50%;color:#fff;line-height:30px;font-size:30px;cursor:pointer;margin-top:1%}.add-u-close-button:hover{background-color:#5a7fa4}.add-u-close-button:active{background-color:#6c95be}.searchUsername-error{display:flex;font-size:1vw;margin-bottom:0;margin-left:4%;color:#fe0}.pl-gl-connect-button{border-radius:5px;border:1px solid rgb(97,95,95);background-color:#fff;padding:3px 7px;cursor:pointer;min-width:60px}.pl-gl-connect-button:hover{background-color:#f1f7f6}.pl-gl-connect-button:active{background-color:#f1fffb}.pl-gl-page-container{display:flex;flex-direction:column;height:100%;position:relative;box-sizing:border-box}.pl-gl-page-container div:nth-child(1){display:flex;flex-direction:column}.pl-cnc-history{width:100%;height:100%;background-color:#faffb5}.pl-hs-warn-panel{position:absolute;background-color:#b4c8de;border:1px solid #938888;border-radius:6px;width:40%;height:40%;z-index:10;top:30%;left:30%;padding:8px;overflow:hidden}.pl-hs-warn-panel span:nth-child(1){display:flex;align-items:center;gap:1px;padding-bottom:6px}.pl-hs-warn-panel span:nth-child(1) img{width:16px;height:16px}.pl-hs-warn-header-p{font-size:20px;font-weight:700;color:#313131;margin:0%}.pl-hs-warn-panel-p{min-width:200px;margin:0;font-size:15px;text-align:left;color:#181818}.hs-accept-decline-btn-div{display:flex;justify-content:center;align-items:center;gap:20px;padding-top:10%}.hs-accept-decline-btn-div span:nth-child(1){display:flex;align-items:center;gap:7px;background-color:#fee3e3;border-radius:4px;padding:2px 12px;border:1px solid rgb(228,153,153);cursor:pointer}.hs-accept-decline-btn-div span:nth-child(1):hover{background-color:#fad8d8}.hs-accept-decline-btn-div p{margin:0%;font-size:17px}.hs-accept-decline-btn-div span:nth-child(1) img{width:12px;height:12px}.hs-accept-decline-btn-div span:nth-child(2){display:flex;align-items:center;gap:5px;background-color:#d6ffcf;border-radius:4px;padding:2px 8px;border:1px solid rgb(106,161,115);cursor:pointer}.hs-accept-decline-btn-div span:nth-child(2):hover{background-color:#c4f8cc}.hs-accept-decline-btn-div span:nth-child(2) img{width:17px;height:17px}.pl-gl-connected-goal-cnt{display:flex;flex-direction:column;padding:0 0 0 6px;width:100%}.pl-gl-cnc-goal-header{display:flex;align-items:flex-start;width:100%;height:10%;gap:8.7%}.pl-gl-cnc-time-span p{position:absolute;left:0%;top:8px;font-size:11px;margin:0%;width:210px}.pl-gl-cnc-title-span{position:relative;display:flex;justify-content:center;height:20px;min-width:20%;padding:4px 8px;background-color:#e3e3e3;border-radius:0 0 4px 4px}.pl-gl-cnc-title-span p{font-size:18px;margin:0%;color:#474646;overflow:hidden}.pl-gl-cnc-title-span:before{content:"";position:absolute;top:50%;left:-17.3px;transform:translateY(-50%);width:0;border-left:20px solid transparent;border-top:29.9px solid #e3e3e3;border-radius:4px}.pl-gl-cnc-title-span:after{content:"";position:absolute;top:50%;right:-18px;transform:translateY(-50%);width:0;border-right:20px solid transparent;border-top:27.9px solid #e3e3e3}.pl-gl-connect-link-span{display:flex;align-items:center;padding:3px 10px;width:6%;height:28%;border-radius:5px;cursor:pointer;box-shadow:0 0 2px #5a5858}.pl-gl-connect-link-span.pl-gl-cnc-yellow{background-color:#feffc4}.pl-gl-connect-link-span.pl-gl-cnc-yellow:hover{background-color:#fbfdaa}.pl-gl-connect-link-span.pl-gl-cnc-yellow:active{background-color:#fdffa0}.pl-gl-connect-link-span.pl-gl-cnc-normal{background-color:#e5e1e1}.pl-gl-connect-link-span:hover{background-color:#ead8d8}.pl-gl-connect-link-span:active{background-color:#cecdcd}.pl-gl-connect-link-span img{width:100%;height:100%px;transform:rotate(45deg)}.trash-icon .trash-img{content:url(/assets/close-trash-DCZtocnW.png);width:17px;height:17px}.trash-icon:hover .trash-img{content:url(/assets/open-trash-BvlL9q89.png);opacity:.8;width:17px;height:17px}.trash-icon:hover{background-color:#ffd8c5}.trash-icon{display:flex;align-items:center;position:absolute;right:10px;bottom:7px;padding:4px;border-radius:3px;cursor:pointer;background-color:#ffe1d2;box-shadow:0 0 1px #626060}.trash-img{opacity:.5;transition:opacity .1s ease-in-out}.pl-link-plan-container{position:relative;display:flex;align-items:center;width:17%;background-color:#d6d4d4;padding:4px;border-radius:10px;box-shadow:-1px -1px 2px #827f7f;cursor:pointer;overflow:hidden;box-sizing:border-box}.pl-link-plan-container.moved{background-color:#f7ff9b!important;box-shadow:2px 1px 2px #b7b741!important;border:1px solid rgb(175,147,54)}.pl-link-plan-container.moved:hover{background-color:#eaf47a!important}.pl-link-plan-container.moved:active{background-color:#eef793!important}.pl-link-plan-container:hover{background-color:#ded9d9}.pl-link-plan-container:active{background-color:#ebe6e6}.pl-link-plan-container span{display:flex;align-items:center;padding:4px;background-color:#fff;border-radius:50%;box-shadow:-1px 1px 2px #a9a6a6;transition:transform .1s ease-in-out}.pl-link-plan-container span.moved{transform:translate(140%)}.pl-link-plan-container img{width:13px;height:13px;rotate:45deg}.cnc-announce-container{position:absolute;display:flex;top:10%;left:37%}.goal-title-container-div{position:absolute;top:0%;left:43.5%;display:flex;align-items:start;flex-direction:column;gap:5px}.gl-title-cnt-er-p{margin:0%;color:#eba1a1;font-size:11px;transition:opacity .1s ease-in-out}.goal-title-container{position:relative;display:flex;align-items:center;color:#fff;justify-content:center;background-color:#4e4e4e;border-radius:0 0 7px 7px;padding:4px;width:100%}.goal-title-container:before{content:"";position:absolute;top:30%;left:-17px;transform:translateY(-50%);width:14px;border-right:11px solid transparent;border-bottom:37.9px solid #4e4e4e;border-radius:0% 0% 0% 103%}.goal-title-container:after{content:"";position:absolute;top:39%;right:-17px;transform:translateY(-50%);width:14px;border-left:18px solid transparent;border-bottom:32.9px solid #4e4e4e;border-radius:0% 0% 90%}.goal-title-container textarea{border:none;outline:none;width:100%;max-height:22px;resize:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;box-sizing:border-box;margin:0%;padding:0%;text-align:center;white-space:nowrap;overflow:hidden;line-height:22px;vertical-align:middle}.goal-title-container p{margin:0%}.plans-status-dropdown{position:relative;display:flex;flex-direction:column;width:22%;transition:transform .3s ease}.sh-pl-history-pg-cnt{position:absolute;left:21%;top:15%;display:flex;flex-direction:column;background-color:#fff9eb;height:70%;width:60%;border-radius:10px;z-index:10}.sh-pl-history-pg-body{display:flex;align-items:start;min-height:78%;margin-top:12px;background-color:#fffcf6;overflow:hidden}.sh-pl-history-pg-footer{width:100%;height:10%;background-color:#fffcf6;border-radius:0 0 10px 10px}.sh-pl-history-pg-header{display:flex;padding:10px 4px 4px 8px}.sh-pl-history-pg-header p{margin:0%;font-size:23px;font-weight:700;color:#393838}.sh-pl-close-span{position:absolute;right:6px;top:6px;display:flex;align-items:center;justify-content:center;justify-self:flex-end;width:25px;height:25px;border-radius:50%;cursor:pointer}.sh-pl-close-span:hover{background-color:#efe7d6}.sh-pl-close-span:active{background-color:#f5ead1}.sh-pl-close-span img{width:12px;height:12px}.pl-sh-back-btn-span{position:absolute;top:8px;right:9px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;cursor:pointer}.pl-sh-back-btn-span:hover{background-color:#dfd0a8}.pl-sh-back-btn-span:active{background-color:#fae7ba}.pl-sh-back-btn-span img{width:17px;height:17px}.chat-announce-container{position:absolute;top:110%;left:27%;background-color:beige;box-shadow:0 2px 10px 7px #c0c1c2;z-index:20;border-radius:7px;transition:width .2s ease-in-out,height .2s ease-in-out,opacity .2s ease-in-out;overflow:hidden}.chat-announce-container p{font-size:16px;min-width:140px;font-weight:700;color:#805b4f;margin:0;padding:5px 10px;overflow:hidden}.sonbuc-cmn-container{display:grid;height:100%;background-color:#c9d9eb;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(8,1fr);background-color:#0b0b0b}.sonbuc-home-header-bar{display:flex;align-items:center;justify-content:space-between;background-color:#0b0b0b;border-bottom:1px solid rgb(46,45,45);min-height:40px;width:100%;grid-column:1 / -1;grid-row:1;box-sizing:border-box}.sonbuc-cmn-logo-cnt{display:flex;align-items:center;justify-content:start;padding-left:1%;gap:7%;width:40%;box-sizing:border-box}.sonbuc-logo-cnt{display:flex;align-items:center;justify-content:start;width:30%;height:80%;gap:2%;cursor:pointer;padding-left:2%}.sonbuc-logo-img{width:10%}.sonbuc-logo-p{white-space:nowrap;margin:0%;color:#fff;font-weight:700;font-size:clamp(17px,1.8vw,25px)}.sonbuc-cmn-search-btn input{width:100%;color:#d9d9d9;text-align:center;border:none;outline:none;background-color:transparent}.sonbuc-cmn-user-btns{position:relative;display:flex;align-items:center;justify-content:end;padding-right:2%;gap:3%;width:30%;box-sizing:border-box}.sonbuc-cmn-user-btns img{width:63%}.sonbuc-cmn-user-btns img:hover{opacity:.9}.sonbuc-cmn-app-container{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);grid-column:1 / -1;grid-row:2 / -1}.sonbuc-cmn-plan-container{background-color:#0e0d0d;grid-column:1 / 7;grid-row:1 / 5}.sonbuc-cmn-plan-item-container{position:relative;display:flex;justify-content:space-between;width:100%;height:97%;gap:3%;padding-right:2%;padding-left:2%;box-sizing:border-box;min-height:230px}.home-plans-top-container{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;box-sizing:border-box}.plan-item-container{display:flex;align-items:center;justify-content:space-around;height:28%;padding:3px;box-sizing:border-box}.plan-item-text-div{display:flex;align-items:center;background-color:#131313;color:#c0b9b9;height:100%;width:83%;border-radius:5px;box-sizing:border-box}.plan-item-text-div p{width:100%;text-align:start;font-size:clamp(5px,1.4vw,13px);margin:0%;padding-left:3%;padding-right:3%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.task-plan-item-text-div{position:relative;display:flex;align-items:center;background-color:#131313;color:#c0b9b9;height:100%;width:83%;border-radius:7px;box-sizing:border-box;cursor:pointer}.task-plan-item-text-div img{position:absolute;width:8%;left:50%;opacity:.5}.task-plan-item-text-div p{opacity:0;width:100%;text-align:start;font-size:clamp(5px,1.4vw,13px);margin:0%;padding-left:3%;padding-right:3%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-plan-item-text-div:hover p{opacity:.5}.task-plan-item-text-div:hover img{opacity:1}.task-plan-item-text-div:active img{opacity:.5}.sonbuc-cmn-goal-container{display:flex;align-items:center;justify-content:center;background-color:#0e0d0d;grid-column:7 / -1;grid-row:5 / -1;padding-right:5%;padding-left:5%;box-sizing:border-box}.sonbuc-cmn-workspace-container{position:relative;display:flex;align-items:center;justify-content:center;background-color:#0e0d0d;grid-column:7 / -1;grid-row:1 / 5;padding-right:5%;padding-left:5%;box-sizing:border-box}*{box-sizing:border-box}.sonbuc-goal-container{display:flex;flex-direction:column;background-color:#000;border:1px solid rgb(50,49,49);box-shadow:1px 2px #262323;max-width:100%;max-height:80%;aspect-ratio:16 / 9;border-radius:10px;box-sizing:border-box}.sonbuc-workspace-container{display:flex;flex-direction:column;background-color:#000;border:1px solid rgb(50,49,49);box-shadow:-1px 2px #262323;max-width:100%;max-height:80%;aspect-ratio:16 / 9;border-radius:10px;box-sizing:border-box}.info-ws-panel-header{display:flex;align-items:center;justify-content:center;padding:0% 3%;height:20%;box-sizing:border-box}.info-ws-panel-body{display:flex;align-items:center;justify-content:center;height:70%;box-sizing:border-box}.info-ws-panel-body p{color:#7f7c7c;width:60%;font-size:clamp(7px,1.2vw,20px)}.multi-ws-panel-cnt{width:100%;height:100%;box-sizing:border-box}.multi-ws-panel-header{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:0% 3%;height:20%;box-sizing:border-box}.multi-ws-panel-header p{font-size:clamp(6px,1.4vw,.8em);opacity:.4;margin:0}.multi-ws-panel-expand-btn{display:flex;align-items:center;justify-content:center;width:8%;height:70%;border-radius:5px;cursor:pointer}.multi-ws-panel-expand-btn:hover{background-color:#2c2828}.multi-ws-panel-expand-btn:hover img{opacity:1}.multi-ws-panel-expand-btn img{width:50%;height:auto;opacity:.5}.multi-ws-panel-body{display:flex;flex-wrap:wrap;gap:5%;width:100%;height:80%;padding:3%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.multi-ws-panel-card{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:7px;width:38%;max-height:55%;cursor:pointer;padding:1%;border:1px solid white;aspect-ratio:16 / 9;box-sizing:border-box}.multi-ws-panel-card:hover{background-color:#161616}.multi-ws-panel-card:active{background-color:transparent}.multi-ws-panel-card-header{display:flex;align-items:center;justify-content:center;width:80%;padding:3% 3% 0}.multi-ws-panel-card-header p{margin:0%;color:#f0f0c6;font-size:clamp(6px,1.3vw,15px);font-weight:700;opacity:.9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.multi-ws-panel-card-body{display:flex;align-items:start;justify-content:end;flex-direction:column;padding-top:2%;padding-left:5%;height:80%;width:100%;box-sizing:border-box}.multi-ws-panel-card-type{display:flex;border-radius:5px}.multi-ws-panel-card-type p{margin:0%;font-size:clamp(5px,1.4vw,13px);color:#fff}.multi-ws-panel-card-status{display:flex;align-items:center;width:100%;gap:4%;padding-top:3%;padding-bottom:3%;box-sizing:border-box}.multi-ws-panel-card-status img{width:7%}.multi-ws-panel-card-status p{margin:0%;white-space:nowrap;color:#fff;font-weight:700}.single-ws-panel-header{display:flex;align-items:center;justify-content:space-between;padding:0% 2% 0% 3%;box-sizing:border-box;height:24%}.single-ws-panel-button-cnt{display:flex;align-items:center;justify-content:end;padding:0% 1% 1%;width:18%;height:60%;gap:30%}.single-ws-back-icon{display:flex;cursor:pointer}.single-ws-back-icon img{width:clamp(.4em,1.4vw,1em);opacity:.5}.single-ws-back-icon img:hover{opacity:1}.single-ws-expand-icon{display:flex;align-items:center;justify-content:center;width:50%;height:90%;border-radius:5px;margin-bottom:6%;cursor:pointer}.single-ws-expand-icon:hover{background-color:#2c2828}.single-ws-expand-icon:hover img{opacity:1}.single-ws-expand-icon img{width:50%;opacity:.5}.single-ws-panel-title-cnt{width:50%;display:flex;align-items:center}.single-ws-panel-title-cnt p{width:100%;white-space:nowrap;color:#f0f0c6;margin:0%;font-size:clamp(7px,1.4vw,1em);font-weight:700;overflow:hidden;text-overflow:ellipsis}.single-ws-panel-card-body{display:flex;flex-direction:column;align-items:start;gap:5%}.single-ws-panel-card-type p{color:#fff;margin:0%;font-size:clamp(.4em,1.4vw,.9em);opacity:.8}.single-ws-panel-card-status{display:flex;align-items:center;gap:4%}.single-ws-panel-card-status p{white-space:nowrap;color:#fff;margin:0%;opacity:.7}.single-ws-panel-card-status img{width:clamp(.1em,1.4vw,.5em)}.single-ws-panel-body{display:flex;align-items:center;justify-content:space-between;padding:0 3%;height:76%;overflow:hidden;box-sizing:border-box}.single-ws-task-list-cnt{display:flex;align-items:center;justify-content:start;flex-direction:column;width:55%;height:80%;border-radius:7px;border:1px solid rgb(46,46,64);box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.single-ws-task-list-info{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.single-ws-task-list-info{color:#fff;margin:0;font-size:clamp(.4em,1.4vw,.8em);opacity:.4}.single-ws-task-item{display:flex;align-items:center;padding:4%;width:100%;border-bottom:1px solid rgb(54,54,159);box-sizing:border-box;cursor:pointer}.single-ws-task-item:hover{background-color:#005aba}.single-ws-task-item:active{background-color:#033469}.single-ws-task-item p{margin:0%;color:#dfdfdf;font-size:clamp(.4em,1.4vw,.7em)}.single-ws-description-cnt{display:flex;align-items:center;justify-content:center;width:55%;height:80%;border-radius:7px;border:1px solid rgb(46,46,64)}.single-ws-description-cnt p{text-align:center;word-wrap:break-word;max-width:90%;max-height:90%;color:#fff;font-size:clamp(6px,1.4vw,.8em);opacity:.7;overflow:auto;margin:0%}.single-ws-btns-cnt{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15%;height:100%;width:35%;color:#949090}.single-ws-btn{display:flex;align-items:center;justify-content:center;padding:6%;min-width:80%;border-radius:4px;cursor:pointer;box-sizing:border-box}.single-ws-btn.active{background-color:#005aba;font-weight:700;color:#fff!important}.single-ws-btn.default:hover{background-color:#295e97;color:#fff!important}.single-ws-btn p{margin:0%;font-size:clamp(5px,1.4vw,.8em)}.sonbuc-cmn-time-container{display:flex;align-items:end;background-color:#0e0d0d;padding:2%;grid-column:1 / 7;grid-row:5 / -1}.sonbuc-time-container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);min-width:100%;max-height:100%;background-color:#111010;border:1px solid rgb(51,50,50);border-radius:15px;box-sizing:border-box;aspect-ratio:16 / 9}.sonbuc-stopwatch-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);flex-direction:column;justify-content:center;align-items:center;grid-column:1 / 3;grid-row:1 / -1;background-color:#000;border-radius:15px 0 0 15px}.stopwatch-text-div{display:flex;align-items:center;justify-content:center;grid-column:1 / -1;grid-row:3;background-color:transparent;padding:0 1em}.stopwatch-text-div span{background-color:transparent;padding:4%;border-radius:10px;margin:0%;border:1px solid rgb(80,77,77)}.stopwatch-buttons-div{display:flex;align-items:start;justify-content:center;height:100%;grid-row:4;grid-column:1 / -1;gap:5%;padding-top:7%;box-sizing:border-box}.stopwatch-buttons-div span{display:flex;align-items:center;justify-content:center;width:10%;padding:2%;border-radius:7px;background-color:#363434;box-shadow:0 0 1px 1px #2a2929;cursor:pointer}.stopwatch-buttons-div span:hover{background-color:#242323}.stopwatch-buttons-div span:active{background-color:#000}.stopwatch-buttons-div img{width:80%;height:auto}.stopwatch-edit-button{width:80%;height:auto;rotate:-5deg}.stopwatch-text-div h1{margin:0%;color:#dfd0b2;font-size:clamp(10px,3vw,40px)}.sonbuc-time-note-cmn-container{display:flex;align-items:center;justify-content:center;background-color:#000;grid-column:3 / -1;grid-row:1 / -1;padding:4% 3% 3.5% 0%;border-radius:15px;box-sizing:border-box}.sonbuc-time-note-container{display:flex;flex-direction:column;gap:3%;background-color:#151313;border-radius:10px;width:100%;height:100%;overflow:auto}.sonbuc-time-note{display:flex;height:30%;border-radius:10px;padding:1% 0% 1% 1.5%;border:1px solid #282727}.sonbuc-time-note div:nth-child(1){display:flex;border-radius:10px;width:87%;background-color:#292929;border:1px solid rgb(25,25,25);color:#dbdada;box-sizing:border-box;cursor:pointer}.sonbuc-tm-note-active-time-span{display:flex;align-items:center;justify-content:center;background-color:#302f2f;border-right:1px solid rgb(15,55,94);border-radius:10px 5px 5px 10px;width:12%;cursor:pointer}.sonbuc-tm-note-active-time-span img{width:clamp(5px,2vw,13px)}.sonbuc-tm-note-time-span{display:flex;align-items:center;justify-content:start;width:12%;background-color:#302f2f;border-right:1px solid rgb(39,37,37);border-radius:10px 5px 5px 10px;cursor:pointer;overflow:hidden}.sonbuc-tm-note-time-span span:nth-child(1){display:flex;align-items:center;justify-content:space-between;padding-left:4px;padding-right:2px;height:100%;border-radius:10px 0 0 10px}.sonbuc-tm-note-time-span span:nth-child(2){display:flex;align-items:center;justify-content:space-between;height:100%;padding-left:2px;padding-right:5px;border-radius:0 5px 5px 0}.sonbuc-tm-note-time-span:hover{background-color:#39342b}.sonbuc-tm-note-time-span:active{background-color:#1a4456}.sonbuc-tm-note-time-span p{white-space:nowrap;margin:0%;font-size:clamp(5px,1.4vw,12px)}.sonbuc-tm-note-time-span img{width:clamp(5px,1.4vw,12px)}.sonbuc-tm-note-text-span{display:flex;flex-grow:1;align-items:center;justify-content:center;border-radius:0 10px 10px 0;background-color:#131313;border:1px solid black}.sonbuc-tm-note-text-span textarea{font-size:clamp(.5rem,1.4vw,.9rem);min-height:10px;max-height:30px;line-height:30px;background-color:transparent;text-align:center;border:none;outline:none;resize:none;width:100%;padding:0%;margin:0%;vertical-align:middle;color:#807c7c}.sonbuc-tm-note-text-span textarea:focus{color:#fff!important}.sonbuc-tm-note-text-span textarea:focus::placeholder{color:transparent}.sonbuc-time-note div:nth-child(2){display:flex;align-items:center;justify-content:space-around;flex-grow:1;width:14%;border-radius:10px;color:#dbdada;box-sizing:border-box}.sonbuc-tm-note-link-span{display:flex;align-items:center;justify-content:center;width:40%;height:80%;border-radius:7px;cursor:pointer;box-sizing:border-box}.sonbuc-tm-note-link-span:hover{background-color:#000}.sonbuc-tm-note-link-span img{width:55%;rotate:43deg;cursor:pointer}.sonbuc-tm-note-link-span img:active{content:url(/assets/white-f-link-V9vqSlpc.png)}.sonbuc-tm-note-delete-span{display:flex;align-items:center;justify-content:center;width:40%;height:80%;border-radius:7px;cursor:pointer}.sonbuc-tm-note-delete-span:hover{background-color:#000}.sonbuc-tm-note-delete-span img{width:46%;cursor:pointer}.sonbuc-tm-note-delete-span img:active{content:url(/assets/trash-can-f-DxzHMTFR.png)}.sonbuc-expand-workspace-cmn-container{position:absolute;align-items:center;justify-content:center;width:100%;height:100%;display:flex;z-index:30}.sonbuc-expand-workspace-container{display:flex;flex-direction:column;background-color:#0e0e0e;border:1px solid rgb(50,49,49);width:75%;height:88%;border-radius:10px;box-sizing:border-box}.snb-exp-header{display:flex;justify-content:space-between;width:100%;height:12%}.snb-exp-hd-first{display:flex;align-items:center;padding-left:1%;padding-top:1%;gap:5%;width:30%;height:100%;box-sizing:border-box}.snb-exp-hd-first div:nth-child(1){display:flex;align-items:center;gap:4%}.snb-exp-hd-first-span{display:flex;align-items:center;width:12%;padding:2%;border-radius:50%;box-sizing:border-box;cursor:pointer}.snb-exp-hd-first-span:hover{background-color:#2a2827}.snb-exp-hd-first-span:active{background-color:#1d1d1d}.snb-exp-hd-first-span img{width:90%;height:auto}.snb-exp-hd-first p{margin:0%;color:#f0f0f0;font-size:clamp(5px,2vw,20px);font-weight:700}.snb-exp-hd-middle{padding-top:1%;width:40%;height:100%}.snb-exp-hd-last{display:flex;align-items:center;justify-content:end;padding-right:1%;gap:3%;width:30%;box-sizing:border-box}.snb-exp-hd-last div:nth-child(1){display:flex;align-items:center;justify-content:end;gap:3%}.snb-exp-hd-create-button{display:flex;align-items:center;width:12%;padding:2.5% 0% 3% 3%;border-radius:10px;box-sizing:border-box;cursor:pointer}.snb-exp-hd-create-button:hover{background-color:#333}.snb-exp-hd-create-button p{margin:0%;color:#fff;font-size:clamp(5px,2vw,16px)}.snb-exp-hd-create-button img{width:80%}.snb-exp-hd-last-span{display:flex;align-items:center;justify-content:center;width:12%;padding:3%;border-radius:10px;box-sizing:border-box;cursor:pointer;opacity:.8}.snb-exp-hd-last-span:hover{background-color:#2a2827;opacity:1}.snb-exp-hd-last-span:active{background-color:#1d1d1d}.snb-exp-hd-last-span img{width:90%;height:auto}.snb-exp-hd-cancel-button{display:flex;align-items:center;justify-content:end;padding:50%;border-radius:10px;box-sizing:border-box;cursor:pointer}.snb-exp-hd-cancel-button:hover{background-color:#333}.snb-exp-hd-cancel-button img{width:clamp(.5em,1.4vw,.9em)}.snb-exp-hd-menu-cmn-cnt{position:relative;position:absolute;right:1%;top:3%;display:flex;align-items:start;justify-content:end;gap:3%}.snb-exp-hd-menu-button{display:flex;align-items:center;padding:5px;border-radius:5px;box-sizing:border-box;cursor:pointer}.snb-exp-hd-menu-button:hover{background-color:#333}.snb-exp-hd-menu-button:active{background-color:#3333}.snb-exp-hd-menu-cnt{display:flex;align-items:center;flex-direction:column;max-height:185px;background-color:#affbff;border-radius:5px;box-sizing:border-box;overflow:auto}.snb-exp-hd-menu-item{display:flex;align-items:center;justify-content:center;width:100%;min-height:30px;padding:10px;border-bottom:1px solid #797979;box-sizing:border-box;overflow:hidden;cursor:pointer}.snb-exp-hd-menu-item.selected{background-color:#dedbff;font-weight:700}.snb-exp-hd-menu-item:hover{background-color:#d8d5ff}.snb-exp-hd-menu-item p{margin:0%;font-size:clamp(10px,1.44vw,16px)}.snb-exp-hd-menu-button img{width:clamp(.5em,1.6vw,1.3em)}.snb-exp-hd-save-button{width:12.5%;display:flex;align-items:center;padding:3%;border-radius:10px;box-sizing:border-box;cursor:pointer}.snb-exp-hd-save-button:hover{background-color:#333}.snb-exp-hd-save-button img{width:100%}.snb-exp-hd-middle-title{display:flex;transition:opacity .1s ease-in-out}.snb-exp-hd-middle-title textarea{font-size:clamp(5px,2vw,15px);min-height:10px;max-height:30px;line-height:30px;background-color:transparent;text-align:center;border:none;outline:none;resize:none;width:100%;padding:0%;margin:0%;vertical-align:middle;color:#807c7c;overflow:hidden}.snb-exp-hd-middle-title textarea:focus{color:#fff!important}.snb-exp-hd-middle-title textarea:focus::placeholder{color:transparent}.snb-exp-body{display:flex;flex-direction:column;width:100%;height:88%}.snb-exp-body-day-cnt{display:flex;justify-content:center;width:100%;height:50%}.ws-day-container{display:flex;width:80%;height:100%;border:1px solid #272525;border-radius:10px}.ws-day-blocks-cnt{position:relative;flex-grow:1;height:100%;background-color:#141313;border-radius:0 10px 10px 0}.ws-day-tp-dropdown-cnt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10%;width:25%;height:100%}.ws-day-drp-m-container{display:flex;align-items:center;justify-content:center;min-width:50%;min-height:17%;gap:10%;border-radius:4px;cursor:pointer;box-sizing:border-box;overflow:hidden}.ws-day-drp-m-container:hover{background-color:#1459a4}.ws-day-drp-m-container p{margin:0%;color:#e7e7e7;font-size:clamp(5px,1.5vw,15px)}.ws-time-block-cnt{display:flex;flex-direction:column;width:100%;height:100%}.ws-time-block-info{display:flex;align-items:center;justify-content:space-between;width:100%;height:23%;padding:1% 3% 0% 2%;box-sizing:border-box}.ws-time-block-info img{width:clamp(5px,1.5vw,17px);height:auto;opacity:.9}.ws-time-block-info p{color:#bdbdbd;font-size:clamp(5px,1.5vw,15px)}.ws-time-block-body{display:flex;align-items:center;width:100%;height:77%}.ws-daily-block-month-cnt{display:flex;align-items:center;justify-content:center;width:25%;height:100%}.ws-daily-block-month{display:flex;align-items:center;justify-content:center;padding:4px 6px;min-width:75%;min-height:25%;gap:10%;border:1px solid #909090;max-height:30%;border-radius:5px;box-sizing:border-box;cursor:pointer}.ws-daily-block-month:hover{background-color:#000}.ws-daily-block-month p{margin:0%;color:#e7e7e7;font-size:clamp(5px,1.5vw,15px)}.ws-daily-block-month img{width:clamp(.2em,1.5vw,.6em);transition:rotate .2s ease-in-out}.ws-daily-block-right-cnt{display:flex;align-items:center;justify-content:center;width:75%;height:100%}.ws-daily-block-month-names-cnt{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:85%;row-gap:10%;column-gap:3%;box-sizing:border-box}.ws-daily-block-month-name{display:flex;align-items:center;justify-content:center;background-color:#fff;text-align:center;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;padding:0 4px;border:1px solid black;box-sizing:border-box}.ws-daily-block-month-name p{margin:0%;font-size:clamp(.3em,1.4vw,.8em)}.ws-daily-block-month-name:hover{background-color:#e0e7ff}.ws-daily-block-month-name.selected{background-color:#4f46e5;color:#fff;font-weight:700}.ws-daily-block-month-name.has-selected{background-color:#e0f7e9;border:1px solid #4caf50;font-weight:700;color:#2e7d32}.ws-daily-block-month-days-cnt{display:flex;flex-wrap:wrap;height:85%;width:100%;row-gap:10%;column-gap:3%;padding-right:4%;overflow:auto}.ws-daily-block-day{display:flex;align-items:center;justify-content:center;border:1px solid #828282;color:#fff;border-radius:5px;width:8%;cursor:pointer;aspect-ratio:1 / 1}.ws-daily-block-day:hover{background-color:#005aba}.ws-daily-block-day.selected{background-color:#4f46e5;color:#fff;font-weight:700}.ws-daily-block-day p{margin:0%;font-size:clamp(.3em,1.4vw,.8em)}.ws-weekday-cnt{display:flex;flex-wrap:wrap;column-gap:4%;row-gap:18%;padding:2%;width:100%;height:100%;overflow:auto;box-sizing:border-box}.ws-week-day-block{display:flex;align-items:center;justify-content:center;border:1px solid #828282;border-radius:8px;width:15%;text-align:center;cursor:pointer;transition:background-color .2s ease;aspect-ratio:2 / 1}.ws-week-day-block:hover{background-color:#005aba}.ws-week-day-block.selected{background-color:#005aba;font-weight:700}.ws-week-day-block p{margin:0%;color:#fff;font-size:clamp(.3em,1.4vw,.8em)}.day-block:hover{background-color:#f0f0f0}.info-text{font-size:14px;color:#555}.snb-exp-body-config-cnt{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;height:50%;padding-left:3%;padding-right:3%;box-sizing:border-box}.description-ws-cmn-cnt{display:flex;align-items:center;justify-content:center;width:33%;height:100%}.description-ws-cnt{display:flex;align-items:center;justify-content:center;width:100%;height:80%;border:1px solid #272525;border-radius:7px;color:#fff;padding:2%;box-sizing:border-box;overflow:hidden}.description-ws-cnt textarea{font-size:clamp(5px,1.4vw,15px);background-color:transparent;text-align:center;border:none;outline:none;resize:none;width:100%;height:auto;max-height:100%;overflow-y:auto;color:#807c7c;line-height:1.4}.description-ws-cnt textarea:focus{color:#fff!important}.description-ws-cnt textarea:focus::placeholder{color:transparent}.task-ws-cmn-cnt{display:flex;align-items:center;justify-content:center;width:40%;height:100%}.task-ws-cnt{display:flex;align-items:center;flex-direction:column;width:100%;height:80%;padding-bottom:2%;border:1px solid #272525;border-radius:7px;overflow:auto;box-sizing:border-box}.task-ws-add-plus-icon{opacity:.6}.task-ws-add-plus-icon img{width:clamp(5px,1.4vw,13px)}.task-ws-add-plus-icon-single{display:flex;align-items:center;border-radius:4px;padding:2%;opacity:.5;background-color:#1b1c1e;box-sizing:border-box;cursor:pointer}.task-ws-add-plus-icon-single img{width:clamp(5px,1.4vw,13px)}.task-ws-add-plus-icon-single:hover{opacity:1}.task-ws-list-cnt{display:flex;align-items:center;flex-direction:column;width:100%;gap:12px;padding:3%;box-sizing:border-box}.ws-task-item-cnt{display:flex;align-items:center;justify-content:space-between;width:100%;color:#fff;border-radius:7px;border:1px solid #5e5e5e;box-sizing:border-box}.ws-task-item-cnt textarea{font-size:clamp(5px,1.4vw,15px);background-color:transparent;text-align:start;border:none;outline:none;resize:none;width:90%;line-height:1.3;padding:3%;color:#807c7c;overflow:auto;box-sizing:border-box;min-height:1.3em;max-height:calc(1.3em * 3)}.ws-task-item-cnt textarea:focus{color:#fff!important}.task-ws-cnt:focus-within{border-color:#423e3e}.ws-task-item-cnt:focus-within{border-color:#009296!important}.ws-task-item-cnt textarea:focus::placeholder{color:transparent}.ws-task-item-cnt textarea::-webkit-scrollbar{width:0px}.task-ws-trash-cnt{display:flex;align-items:center;padding:2%;width:10%;height:100%;border-radius:0 7px 7px 0;box-sizing:border-box;opacity:.5;cursor:pointer}.task-ws-trash-cnt img{width:90%}.task-ws-trash-cnt:hover{background-color:#1c1c1e;opacity:1}.task-ws-trash-cnt:active{background-color:transparent!important}.show-ws-cmn-cnt{display:flex;align-items:center;justify-content:center;width:20%;height:100%}.show-ws-cnt{position:relative;width:100%;height:80%;border:1px solid #272525;border-radius:7px;color:#fff;box-sizing:border-box}.show-ws-header{display:flex;padding:5%;width:100%;height:20%;box-sizing:border-box}.show-ws-header p{text-align:start;width:100%;margin:0;font-size:clamp(.3em,1.3vw,.7em);color:#bdbdbd}.show-ws-check-box{display:flex;flex-direction:column;align-items:start;width:100%;height:80%;gap:7%;padding:10% 5% 0% 0%;box-sizing:border-box}.show-ws-whole-choice-box{display:flex;justify-content:start;align-items:center;width:100%;height:20%;font-size:clamp(5px,1.4vw,14px);box-sizing:border-box}.show-ws-whole-choice-box input{width:20%}.show-ws-custom-choice-box{display:flex;align-items:center;gap:3%;width:100%;height:80%;box-sizing:border-box}.show-ws-custom-choice-box input{width:20%}.show-ws-custom-time-cnt{display:flex;justify-content:space-around;flex-direction:column;align-items:center;height:100%;padding-right:30%;box-sizing:border-box}.show-ws-custom-time-block-cnt{display:flex;flex-direction:column;height:100%}.show-ws-time-picker-cnt{position:absolute;right:-160%;top:-340%;max-height:200px;max-width:100px;overflow:hidden;z-index:10}.show-ws-custom-first-block{position:relative;border:1px solid #4d4d12;padding:2.5%;border-radius:5px;cursor:pointer}.show-ws-custom-first-block:hover{border:1px solid yellowgreen}.show-ws-custom-first-block.selected{background-color:#bec100;color:#000!important}.time-selector{background-color:#fff;width:100%;max-height:185px;border-radius:10px;overflow:hidden}.time-title-span{display:flex;align-items:center;justify-content:center;padding:7%}.time-title-span p{white-space:nowrap;color:#000;margin:0%;font-weight:700;font-size:clamp(.2em,1.4vw,.7em)}.time-grid{display:flex;flex-direction:column;width:100%;height:200px;overflow:auto}.time-button{padding:.5rem;background-color:#fff;cursor:pointer;color:#000}.time-button:hover{background-color:#f0f0f0}.time-button p{margin:0%;font-size:clamp(.2em,1.4vw,.8em)}.sonbuc-workspace-history-cnt{display:flex;flex-direction:column;background-color:#0e0e0e;border-top:1px solid rgb(34,33,33);width:100%;height:100%;box-sizing:border-box}.history-ws-panel-body{display:flex;align-items:start;flex-wrap:wrap;column-gap:5%;row-gap:10%;width:100%;height:100%;padding:3%;box-sizing:border-box;overflow:auto}.history-ws-panel-cnt{border:1px solid rgb(50,49,49);border-radius:6px;padding-top:1%;width:30%;box-sizing:border-box;aspect-ratio:16 / 9}.history-ws-expand-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:5px;padding:15%;box-sizing:border-box}.history-ws-expand-icon:hover{background-color:#2c2828}.history-ws-expand-icon img{width:clamp(.4em,1.4vw,.7em);opacity:.5}.history-ws-expand-icon:hover img{opacity:1}.history-ws-panel-card-body{display:flex;align-items:center;justify-content:space-between;padding:3% 3% 0;height:68%;overflow:hidden;box-sizing:border-box}.history-ws-description-cnt{display:flex;align-items:center;justify-content:center;width:55%;height:80%;border-radius:7px;border:1px solid rgb(46,46,64)}.history-ws-description-cnt p{text-align:center;word-wrap:break-word;max-width:90%;max-height:90%;color:#fff;font-size:clamp(6px,1.4vw,11px);opacity:.7;overflow:auto;margin:0%}.history-ws-btn{display:flex;align-items:center;justify-content:center;padding:6%;min-width:80%;border-radius:4px;cursor:pointer;box-sizing:border-box}.history-ws-btn.active{background-color:#005aba;font-weight:700;color:#fff!important}.history-ws-btn.default:hover{background-color:#295e97;color:#fff!important}.history-ws-btn p{margin:0%;font-size:clamp(.4em,1.4vw,.6em)}.ws-empty-info-cnt{display:flex;flex-direction:column;align-items:start;width:100%;height:100%;padding:1%;box-sizing:border-box;overflow:hidden}.ws-empty-info-hedaer{text-align:start;color:#fff;margin:1% 0% 0%;font-size:clamp(12px,1.4vw,17px)}.ws-empty-info-list{text-align:start;color:#fff;font-size:clamp(12px,1.4vw,18px)}.ws-empty-info-list li{margin-bottom:1%}.blue-text{color:#69e7ff}.ws-empty-info-div{display:flex;flex-direction:column;align-items:start;width:100%;box-sizing:border-box;overflow:hidden}.ws-empty-button-div{display:flex;align-items:center;justify-content:center;width:100%;height:50%}.ws-empty-btn{display:flex;align-items:center;justify-content:center;width:30%;height:30%;gap:3%;border-radius:20px;cursor:pointer;border:1px solid white}.ws-empty-btn:hover{background-color:#000}.ws-empty-btn:active{background-color:transparent}.ws-empty-btn p{font-weight:700;font-size:clamp(13px,1.7vw,22px);color:#fff}.ws-empty-btn img{width:7%;margin-bottom:1%}.snb-plan-main{display:grid;height:100%;background-color:#0e0d0d;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(8,1fr)}.snb-pl-mn-header-1{display:flex;align-items:center;padding-left:2%;gap:3%;width:30%}.snb-pl-mn-header-1 img{width:10%}.snb-pl-mn-header-p{white-space:nowrap;color:#fff;font-weight:700;margin:0%;font-size:clamp(13px,1.6vw,22px)}.gl-cnc-title-info{display:flex;align-items:start;justify-content:center;flex-direction:column;height:100%;gap:2%;box-sizing:border-box}.gl-cnc-title-info-1{color:#fff;font-weight:700;margin:0%;font-size:clamp(.4em,1.8vw,2em)}.gl-cnc-title-info-2{text-align:start;color:#c4c4c4;margin:0%;font-size:clamp(6px,1.4vw,12px)}.snb-pl-mn-header-2{display:flex;align-items:center;justify-content:center;width:40%}.snb-pl-mn-header-2 p{color:#b4b4b4;font-size:clamp(8px,1.5vw,20px);margin:0%}.snb-pl-mn-header-3{display:flex;align-items:center;justify-content:end;padding-right:2%;gap:3%;width:30%;box-sizing:border-box}.user-span{display:flex;align-items:center;justify-content:center;border-radius:8px;width:7%;height:30%;padding:2%;cursor:pointer;margin-top:.2%}.addUser-button{width:90%;cursor:pointer}.user-span:hover{background-color:#464a4d}.user-span:active{background-color:#1f1e1d}.home-btn-span{display:flex;justify-content:center;align-items:center;border-radius:8px;width:12%;cursor:pointer;box-sizing:border-box;aspect-ratio:4 / 4}.home-btn-span:hover{background-color:#464a4d}.home-btn-span:active{background-color:#1f1e1d}.snb-profile-info-cnt{position:absolute;top:50px;right:10px;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 8px #0000001a;padding:16px;border-radius:12px;z-index:1000;width:220px;display:flex;flex-direction:column;gap:10px}.guest-profile-box,.user-profile-box{display:flex;flex-direction:column;align-items:center;justify-content:center}.guest-info-text{font-size:clamp(8px,1.4vw,14px);color:#333;margin-bottom:10px}.user-welcome-text{font-size:clamp(8px,1.4vw,17px);color:#333;margin-bottom:10px}.guest-register-btn,.logout-btn{padding:8px 12px;border:none;background-color:#4a90e2;color:#fff;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s ease;font-size:clamp(8px,1.4vw,14px)}.guest-register-btn:hover,.logout-btn:hover{background-color:#357ab8}.home-span{display:flex;justify-content:center;align-items:center;border-radius:8px;width:12%;cursor:pointer;box-sizing:border-box;aspect-ratio:4 / 4}.home-span:hover{background-color:#464a4d}.home-span:active{background-color:#1f1e1d}.pl-link-button-span{display:flex;justify-content:center;align-items:center;border-radius:8px;width:12%;cursor:pointer;opacity:.8;aspect-ratio:4 / 4;box-sizing:border-box}.pl-link-button-span:hover{background-color:#464a4d;opacity:1}.pl-link-button-span:active{background-color:#1f1e1d}.pl-link-button{width:65%;rotate:45.4deg}.home-button{width:65%}.new-goal-btn{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:3% 2% 3% 3%;width:8%;height:30%;cursor:pointer}.new-goal-btn:hover{background-color:#464a4d}.new-goal-btn:active{background-color:#1f1e1d}.gl-history-button{width:90%}.gl-save-button{width:84%}.snb-pl-mn-body{display:flex;position:relative;grid-column:1 / -1;grid-row:2 / -1;height:100%;overflow:auto}.plans-cmn-plan-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100%;gap:5%;padding:2%;box-sizing:border-box}.snb-plan-item-common-container{position:relative;display:flex;flex-direction:column;justify-content:space-around;background-color:#000;width:100%;gap:3%;padding:2% 1%;border-radius:10px;aspect-ratio:16 / 8}.snb-plan-cnt-time-cnc-btn{position:absolute;display:flex;align-items:center;justify-content:center;height:13%;right:5%;bottom:-7%;border-radius:3px;background-color:#0b0b0b}.snb-plan-cnt-time-cnc-btn img{width:50%;rotate:43deg;opacity:0}.snb-plan-cnt-time-cnc-btn:hover img{opacity:1}.snb-plan-cnt-time-cnc-btn:active img{opacity:.5}.snb-plan-cnt-time-cnc-btn p{color:#fff;white-space:nowrap;margin:0%;font-size:clamp(3px,1vw,11px)}.snb-plan-container-name-cnt{position:absolute;display:flex;align-items:center;padding-left:2%;padding-right:2%;top:-10%;left:4%;max-width:85%;height:10%;background-color:#0e0d0d;box-sizing:border-box}.snb-plan-container-name-cnt textarea{margin:0;color:#c4c3c3;font-size:clamp(.6rem,1.4vw,.8rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;border:none;height:15px;text-align:start;outline:none;resize:none;line-height:1.4}.snb-plan-container-name-cnt textarea:focus{color:#fff!important}.snb-plan-container-name-cnt textarea:focus::placeholder{color:transparent}.plan-item-text-div textarea{width:100%;height:100%;margin:0;font-size:clamp(.6rem,1.4vw,.8rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;text-align:start;border:none;outline:none;resize:none;color:#c4c3c3;line-height:1.2;padding:5px 5px 0;box-sizing:border-box}.plan-item-text-div textarea:focus{color:#fff!important}.plan-item-text-div textarea:focus::placeholder{color:transparent}.plan-item-common-container{width:29%;position:relative;display:flex;flex-direction:column;justify-content:space-around;gap:3%;padding:7px 3px;border-radius:10px;aspect-ratio:16 / 9;box-sizing:border-box}.cnt-title-div{display:flex;position:absolute;top:-10%;left:2%;width:95%;height:10%;background-color:#0e0d0d}.cnt-title-div textarea{font-size:clamp(.7rem,1.4vw,.9rem);background-color:transparent;text-align:start;border:none;outline:none;resize:none;width:100%;height:100%;line-height:1;color:#000;overflow:auto;box-sizing:border-box;color:#746c6c;overflow:hidden}.cnt-title-div textarea:focus{color:#fff!important}.cnt-title-div textarea:focus::placeholder{color:transparent}.plan-item-container{display:flex;align-items:center;justify-content:space-around;height:28%;padding:3px}.plans-pln-item-text-div{display:flex;align-items:center;background-color:#ebdfdf;color:#000;padding:5px;height:80%;width:83%;border-radius:7px;box-sizing:border-box}.plans-pln-item-text-div textarea{font-size:clamp(.7rem,1.4vw,.9rem);background-color:transparent;text-align:start;border:none;outline:none;resize:none;width:100%;height:100%;line-height:1;overflow:hidden;padding:3%;color:#000;box-sizing:border-box}.plans-pln-item-text-div textarea:focus::placeholder{color:transparent}.home-plans-status-dropdown{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:8%;transition:transform .3s ease;aspect-ratio:1 / 1}.snb-home-plans-status-dropdown{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:10%;transition:transform .3s ease;aspect-ratio:1 / 1}.snb-home-plans-dropbtn{display:flex;align-items:center;justify-content:center;height:100%;color:#000;border:none;cursor:pointer;box-shadow:0 2px 2px 2px #0000001a;box-sizing:border-box}.home-plans-dropbtn{display:flex;align-items:center;justify-content:center;height:80%;width:93%;color:#000;border:none;box-shadow:0 2px 2px 2px #0000001a;box-sizing:border-box}.home-plans-down-status{width:40%;height:auto;display:block;rotate:-90deg;transition:transform .3s ease}.plans-dropdown-content{position:absolute;right:-85px;bottom:0;background-color:#f2f2f2;height:0px;width:0px;opacity:0;border-radius:4px;overflow:hidden;z-index:20;transition:top .2s ease-in-out,opacity .2s ease-in-out,height .2s ease-in-out}.plans-dropdown-content span:last-child{border-radius:0 0 4px 4px}.plans-dropdown-content span{cursor:pointer}.plans-down{width:13px;height:13px;display:block;transition:transform .3s ease}.plans-down-status{width:14px;height:14px;display:block;rotate:-90deg;transition:transform .3s ease}.plans-dropbtn{display:flex;align-items:center;justify-content:center;background-color:#e5e5e5;max-height:25px;width:90%;padding:3px 0;gap:4%;color:#000;border:none;cursor:pointer;box-sizing:border-box;box-shadow:0 2px 2px 2px #0000001a}.dropbtn-p{font-size:1.1vw;margin:0%;white-space:nowrap;transition:font-size .3s ease}.plans-dropdown{display:flex;flex-direction:column;width:auto;transition:transform .3s ease;overflow:hidden}.plans-dropdown-span.green{background-color:#b9f5a7}.plans-dropdown-span.green:hover{background-color:#9ded85}.plans-dropdown-span.blue{background-color:#a2dee7}.plans-dropdown-span.blue:hover{background-color:#8edeea}.plans-dropdown-span.red{background-color:#ffb0b0b8}.plans-dropdown-span.red:hover{background-color:#ffa2a2b8}.snb-goal-main{display:grid;height:100vh;background-color:#0e0d0d;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(8,1fr)}.snb-gl-mn-header-2{grid-column:3 / 6;grid-row:1;border-bottom:1px solid rgb(46,45,45)}.snb-gl-mn-header-1{display:flex;align-items:center;justify-content:start;padding-left:2%;gap:2%;width:30%;height:80%;box-sizing:border-box}.sng-gl-title-type-cnt{display:flex;align-items:center;justify-content:end;flex-direction:column;width:100%;height:100%}.sng-gl-title-cnt{display:flex;align-items:center;gap:1.5%;width:100%}.snb-gl-type-cnt{display:flex;align-items:center;width:100%;height:30%;gap:1.2%}.snb-gl-type-cnt p{color:#fff;font-weight:700;margin:0%;font-size:clamp(10px,1.4vw,13px)}.snb-gl-type-cnt img{width:3%}.snb-gl-title-input{border:none;background-color:transparent;color:#efecec;font-size:clamp(17px,2vw,22px);font-weight:700}.snb-gl-title-input:focus{outline:none}.sng-gl-title-cnt textarea:focus{color:#fff!important}.sng-gl-title-cnt textarea:focus::placeholder{color:transparent}.snb-gl-mn-header-3{display:flex;align-items:center;justify-content:end;padding-right:2%;gap:3%;width:30%;box-sizing:border-box}.snb-gl-mn-body-1{display:flex;align-items:center;justify-content:center;grid-column:1 / 4;grid-row:2 / -1;gap:7%}.snb-gl-mn-type{display:flex;align-items:center;justify-content:center;width:70%;border:1px solid #343434;border-radius:15px;aspect-ratio:16 / 9}.gl-type-cnt{display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%;height:100%;gap:3%;border-radius:10px;background-color:#0c0c0c}.gl-type-drp-m-container{display:flex;align-items:center;justify-content:center;min-width:70%;min-height:17%;gap:10%;border-radius:4px;cursor:pointer;box-sizing:border-box;overflow:hidden}.gl-type-drp-m-container:hover{background-color:#1459a4}.gl-type-drp-m-container p{margin:0%;color:#e7e7e7;font-size:clamp(.7rem,1.4vw,1.1rem)}.gl-date-cnt{display:flex;align-items:center;justify-content:center;width:41%;height:100%}.gl-week-input{width:90%;border:none;border-radius:5px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;padding:4px 5px;font-size:clamp(.7rem,1.4vw,.9rem);box-sizing:border-box}.month-picker-input{width:90%;border:none;border-radius:5px;font-size:clamp(.7rem,1.4vw,.9rem);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;padding:4px 5px;text-align:center;box-sizing:border-box}.year-picker-input{width:90%;border:none;border-radius:5px;font-size:clamp(.7rem,1.4vw,.9rem);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;padding:4px 0 4px 5px;text-align:center;box-sizing:border-box}.snb-gl-mn-body-2{display:flex;align-items:start;justify-content:center;grid-column:4 / -1;grid-row:2 / -1;border-left:1px solid #181313}.gl-history-cmn-cnt{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;grid-column:1 / -1;grid-row:2 / -1;overflow:auto}.history-goal-panel-body{display:flex;align-items:start;justify-content:start;gap:5%;width:100%;height:100%;padding:3%;box-sizing:border-box}.goal-card-dlt-warn{display:flex;flex-direction:column;width:100%;height:100%}.goal-card-dlt-wrn-btns-cnt{display:flex;align-items:center;justify-content:center;padding:4%;width:100%;height:50%;gap:15%;box-sizing:border-box}.goal-card-dlt-wrn-btn-yes{display:flex;align-items:center;justify-content:center;padding:2%;width:25%;border-radius:6px;box-sizing:border-box;cursor:pointer;border:1px solid green}.goal-card-dlt-wrn-btn-yes:hover,.goal-card-dlt-wrn-btn-no:hover{font-weight:700}.goal-card-dlt-wrn-btn-yes:active{background-color:#131d10}.goal-card-dlt-wrn-btn-no:active{background-color:#440c0c}.goal-card-dlt-wrn-btn-yes p{color:#fff;margin:0%;font-size:clamp(10px,1.4vw,17px)}.goal-card-dlt-wrn-btn-no{display:flex;align-items:center;justify-content:center;padding:2%;width:25%;border-radius:6px;box-sizing:border-box;cursor:pointer;border:1px solid red}.goal-card-dlt-wrn-btn-no p{color:#fff;margin:0%;font-size:clamp(10px,1.4vw,17px)}.goal-card-dlt-wrn-info-cnt{display:flex;padding:4%;width:100%;height:50%;box-sizing:border-box}.goal-card-dlt-wrn-info{color:#fff;font-size:clamp(10px,1.4vw,17px);margin:0%;text-align:start}.history-goal-panel-card{display:flex;flex-wrap:wrap;min-width:150px;width:20%;border:1px solid white;border-radius:8px;aspect-ratio:16 / 9}.hs-gl-pn-b-1{display:flex;align-items:start;justify-content:space-between;flex-direction:column;width:75%;height:100%;padding:3%;box-sizing:border-box}.hs-gl-pn-b-1 p{color:#fff}.hs-gl-pn-b-1 img{width:10px}.hs-gl-pn-type-p{text-align:start;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:clamp(10px,2vw,20px);font-weight:700}.hs-gl-pn-type-cnt{display:flex;flex-direction:column;width:100%;height:38%;gap:3%;align-items:start;box-sizing:border-box}.hs-gl-pn-type-div{display:flex;align-items:center;gap:3%;width:90%}.hs-gl-pn-type-div p{margin:0;font-size:clamp(5px,1.4vw,14px);white-space:nowrap}.hs-gl-pn-b-2{display:flex;align-items:end;flex-direction:column;justify-content:space-between;width:25%;padding:2%;box-sizing:border-box}.pl-hs-gl-pn-b-2{display:flex;align-items:center;justify-content:center;width:25%;box-sizing:border-box;padding-right:3%}.pl-gl-connect-btn{display:flex;align-items:center;justify-content:center;width:80%;height:23%;padding:4%;border-radius:8px;cursor:pointer;border:1px solid #232121;box-sizing:border-box}.pl-gl-connect-btn:hover{background-color:#464a4d;opacity:1}.pl-gl-connect-btn:active{background-color:#1f1e1d}.pl-gl-connect-btn img{width:70%;rotate:45.4deg}.hs-gl-pn-expand-span{display:flex;align-items:center;justify-content:center;width:55%;height:25%;border-radius:6px;border:1px solid #262424;cursor:pointer}.hs-gl-pn-expand-span:hover{background-color:#212326}.hs-gl-pn-b-2 img{width:55%}.goal-container-1{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100%;gap:5%;padding:2% 0;box-sizing:border-box}.goal-item-common-container{width:45%;max-height:200px;position:relative;display:flex;flex-direction:column;justify-content:space-around;gap:3%;padding:7px 3px;border-radius:10px;aspect-ratio:16 / 9}.goal-item-common-container-s{width:28.3%;position:relative;display:flex;flex-direction:column;justify-content:space-around;gap:3%;padding:7px 3px;border-radius:10px;aspect-ratio:16 / 9;box-sizing:border-box}.selected-goal-body{display:flex;grid-column:1 / -1;grid-row:2 / -1;height:100%;overflow:auto}.pl-gl-info-cmn-cnt{display:flex;width:100%;height:100%}.pl-gl-container-div{display:flex;width:60%}.pl-gl-configuration-div{display:flex;align-items:center;justify-content:center;width:40%;padding-top:2%;box-sizing:border-box;overflow:auto}.pl-gl-configuration-div textarea{font-size:clamp(.7em,1.4vw,1em);background-color:transparent;text-align:start;border:none;outline:none;resize:none;text-align:center;line-height:1;overflow:auto;box-sizing:border-box;padding-top:4%;width:70%;color:#746c6c}.pl-gl-configuration-div textarea:focus{color:#fff!important}.pl-gl-configuration-div textarea:focus::placeholder{color:transparent}.loading-animation-cnt{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.loading-ws-animation-cnt{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gl-connected-plans-cmn-cnt{display:flex;grid-column:1 / -1;grid-row:2 / -1;height:100%}.gl-connected-plans-cnt{display:flex;align-items:start;flex-wrap:wrap;width:100%;height:100%;padding:2% 1.5%;box-sizing:border-box;gap:3%}.gl-cnc-plan-panel-card{display:flex;width:16%;border:1px solid white;border-radius:8px;box-sizing:border-box;aspect-ratio:16 / 9}.gl-cnc-plan-panel-b1{display:flex;flex-direction:column;height:100%;width:78%}.gl-cnc-crd-date{display:flex;align-items:center;padding:5%;box-sizing:border-box;height:33%;border-bottom:1px solid #1f1e1e}.gl-cnc-crd-date p{margin:0%;font-weight:700;color:#fff;font-size:clamp(10px,1.4vw,17px)}.gl-cnc-crd-note{display:flex;align-items:start;padding:3%;box-sizing:border-box;height:77%}.gl-cnc-crd-note p{width:100%;text-align:start;margin:0%;color:#a8a4a4;font-size:clamp(7px,1.4vw,13px);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gl-cnc-plan-panel-b2{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:22%}.gl-cnc-crd-load{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:33%;border-bottom:1px solid #1f1e1e}.gl-cnc-crd-load-btn{display:flex;align-items:center;justify-content:center;border-radius:6px;width:50%;height:70%;cursor:pointer}.gl-cnc-crd-load-btn:hover{opacity:.7}.gl-cnc-crd-load-btn:active{opacity:1}.gl-cnc-crd-load-btn img{width:70%}.gl-cnc-crd-delete{display:flex;align-items:start;justify-content:center;box-sizing:border-box;height:33%}.gl-cnc-crd-delete-btn{display:flex;align-items:center;justify-content:center;border-radius:6px;width:50%;height:70%;border:1px solid #262424;cursor:pointer}.gl-cnc-crd-delete-btn:hover{background-color:#212326}.gl-cnc-crd-delete-btn:active{background-color:transparent}.gl-cnc-crd-delete-btn img{width:75%}.gl-connected-plans-empty-cnt{display:flex;flex-direction:column;width:100%;height:100%;padding:2% 1%;box-sizing:border-box}.gl-cnc-pl-em-info{display:flex;flex-direction:column;align-items:start;gap:5%;width:100%;height:40%}.gl-cnc-pl-em-info p:nth-child(1){text-align:start;color:#fff;font-weight:700;font-size:clamp(12px,1.4vw,17px);margin:0%}.gl-cnc-pl-em-info p:nth-child(2){text-align:start;color:#fff;font-size:clamp(12px,1.4vw,16px);margin:0%}.gl-cnc-pl-em-info p:nth-child(2):before{content:"●";margin-right:8px;font-size:clamp(12px,1.4vw,16px);color:#fffedd}.gl-cnc-pl-em-btn{display:flex;align-items:start;justify-content:center;width:100%;height:60%}.gl-cnc-pl-navigate-btn{display:flex;align-items:center;justify-content:center;width:24%;height:30%;gap:4%;border-radius:15px;border:1px solid white;cursor:pointer}.gl-cnc-pl-navigate-btn:hover{background-color:#000}.gl-cnc-pl-navigate-btn:active{background-color:transparent}.gl-cnc-pl-navigate-btn p{color:#fff;font-weight:700;font-size:clamp(17px,1.7vw,20px);margin:0%}.gl-cnc-pl-navigate-btn img{width:6%}.snb-info-gl-pnl-cnt{display:flex;align-items:center;justify-content:start;flex-direction:column;width:100%;height:100%;padding:6% 4% 4%;box-sizing:border-box}.snb-info-gl-pnl-cnt-p{width:100%;text-align:start;color:#ddd;font-weight:700;margin:0%;font-size:clamp(.7rem,1.4vw,.9rem)}.snb-info-gl-pnl-cnt-btn-p{color:#ddd;font-weight:700;margin:0%;font-size:clamp(.7rem,1.4vw,.9rem)}.snb-info-gl-pnl-mot{display:flex;align-items:center;margin-bottom:2%;width:100%;height:30%;gap:3%;box-sizing:border-box}.snb-info-gl-pnl-mot p{text-align:start;font-weight:700;color:#b8b6b6;margin:0%;font-size:clamp(.7rem,1.4vw,.8rem)}.snb-info-ws-pnl-mot{display:flex;align-items:center;margin-top:1%;width:100%;height:30%;gap:2%;margin-bottom:6%;box-sizing:border-box}.snb-info-ws-pnl-mot p{text-align:start;font-weight:700;color:#b8b6b6;margin:0%;font-size:clamp(.5rem,1.4vw,.7rem)}.snb-info-ws-pnl-mot img{opacity:.9;width:5%}.snb-info-gl-pnl-mot img{opacity:.9;width:7%}.snb-inf-gl-cnc-btn{display:flex;align-items:center;justify-content:center;padding:3%;border:1px solid white;gap:10%;width:45%;border-radius:6px;box-sizing:border-box;opacity:.6;cursor:pointer;background-color:#000}.snb-inf-gl-cnc-btn:hover{opacity:1}.snb-inf-gl-cnc-btn:active{opacity:.6}.snb-inf-gl-cnc-btn img{width:15%;rotate:45deg}.snb-inf-ws-btn{display:flex;align-items:center;justify-content:center;padding:3%;border:1px solid white;gap:10%;width:45%;border-radius:6px;box-sizing:border-box;opacity:.6;cursor:pointer}.snb-inf-ws-btn:hover{opacity:1}.snb-inf-ws-btn:active{opacity:.6}.snb-inf-ws-btn img{width:11%}.snb-single-gl-pn-cnt{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.snb-sngl-gl-pn-b-1{display:flex;align-items:center;justify-content:center;width:100%;height:65%;padding:0% 2%;box-sizing:border-box}.snb-sngl-gl-pn-b-1 textarea{background-color:transparent;border:none;outline:none;resize:none;text-align:center;line-height:1;box-sizing:border-box;padding-top:4%;width:100%;color:#746c6c;font-size:clamp(10px,1.4vw,18px);height:100%;overflow:auto}.snb-sngl-gl-pn-b-1 textarea:focus{color:#fff!important}.snb-sngl-gl-pn-b-1 textarea:focus::placeholder{color:transparent}.snb-sngl-gl-pn-b-1 textarea::-webkit-scrollbar{width:6px}.snb-sngl-gl-pn-b-1 textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.snb-sngl-gl-pn-b-1 textarea::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.snb-sngl-gl-pn-b-1 textarea::-webkit-scrollbar-thumb:hover{background:#555;cursor:default}.snb-sngl-gl-pn-h-1{display:flex;align-items:center;width:100%;height:35%}.snb-sngl-pn-h1-type{display:flex;align-items:start;flex-direction:column;padding:4% 0 0 4%;width:35%;height:100%;gap:8%;box-sizing:border-box}.snb-sngl-pn-h1-p1{color:#fff;margin:0%;font-weight:700;font-size:clamp(10px,1.4vw,18px)}.snb-sngl-pn-h1-status{display:flex;align-items:center;width:100%;gap:3%}.snb-sngl-pn-h1-status p{margin:0%;font-size:clamp(4px,1vw,12px);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snb-sngl-pn-h1-status img{width:10%}.snb-sngl-pn-h1-title-cnt{display:flex;justify-content:center;padding-top:7%;width:40%;height:100%}.snb-sngl-pn-h1-title-cnt p{margin:0%;color:#f3eded;font-size:clamp(10px,1.4vw,18px)}.snb-sngl-pn-h1-expand{display:flex;align-items:start;justify-content:end;width:25%;height:100%;padding:2% 2% 0 0%;box-sizing:border-box}.snb-sngl-pn-h1-expand-btn{display:flex;align-items:center;justify-content:center;padding:4%;width:35%;height:45%;box-sizing:border-box;border-radius:5px;cursor:pointer}.snb-sngl-pn-h1-expand-btn:hover{background-color:#2c2828}.snb-sngl-pn-h1-expand-btn:hover img{opacity:1!important}.snb-sngl-pn-h1-expand-btn img{width:60%;opacity:.5}@media screen and (max-width: 800px){.gl-cnc-pl-navigate-btn{width:30%;height:25%}.goal-item-common-container-s{width:44%}.planDate-div{width:80%}.pl-link-button-span{width:10%}.plan-item-common-container{width:43%}.sonbuc-cmn-plan-container{grid-column:1 / -1;grid-row:1 / 3}.sonbuc-cmn-time-container{grid-column:1 / -1;grid-row:5 / -1;padding-left:3.1%}.sonbuc-cmn-goal-container{grid-column:1 / 5;grid-row:3 / 5}.sonbuc-goal-container{width:63%}.sonbuc-cmn-workspace-container{grid-column:5 / -1;grid-row:3 / 5}.sonbuc-workspace-container{width:63%}.mobile-plan-nav-btn-1{position:absolute;display:flex;align-items:center;justify-content:center;padding:1%;width:4%;bottom:40%;left:1%;background-color:#1a1a1a;border:1px solid #444;cursor:pointer;border-radius:5px;box-sizing:border-box;z-index:20}.mobile-plan-nav-btn-1:hover,.mobile-plan-nav-btn-2:hover{border-color:#fff}.mobile-plan-nav-btn-1:active,.mobile-plan-nav-btn-2:active{border-color:#444}.mobile-plan-nav-btn-1 img{width:90%;rotate:90deg}.mobile-plan-nav-btn-2{position:absolute;display:flex;align-items:center;justify-content:center;padding:1%;width:4%;bottom:40%;right:1%;background-color:#1a1a1a;border:1px solid #444;cursor:pointer;border-radius:5px;box-sizing:border-box;z-index:20}.mobile-plan-nav-btn-2 img{width:90%;rotate:-90deg}.mobile-plan-nav-s-btn-1{position:absolute;display:flex;align-items:center;justify-content:center;padding:1%;width:10%;height:18%;bottom:40%;left:-13%;background-color:#1a1a1a;border:1px solid #444;cursor:pointer;border-radius:5px;box-sizing:border-box;z-index:20}.mobile-plan-nav-s-btn-1:hover,.mobile-plan-nav-s-btn-2:hover{border-color:#fff}.mobile-plan-nav-s-btn-1:active,.mobile-plan-nav-s-btn-2:active{border-color:#444}.mobile-plan-nav-s-btn-1 img{width:60%;rotate:90deg}.mobile-plan-nav-s-btn-2{position:absolute;display:flex;align-items:center;justify-content:center;padding:1%;width:10%;height:18%;bottom:40%;right:-13%;background-color:#1a1a1a;border:1px solid #444;cursor:pointer;border-radius:5px;box-sizing:border-box;z-index:20}.mobile-plan-nav-s-btn-2 img{width:50%;rotate:-90deg}.stopwatch-text-div h1{font-size:28px}.home-span,.sonbuc-logo-img{width:13%}.snb-gl-mn-type{height:44%}.snb-exp-hd-save-button{width:14%}.history-goal-panel-card{width:23%}.gl-cnc-plan-panel-card{width:19%}.plans-dropdown-content{height:70px}.snb-profile-info-cnt{width:150px;padding:9px}}@media screen and (max-width: 710px){.snb-plan-item-common-container{width:85%}}@media screen and (max-width: 600px){.history-ws-panel-cnt{width:40%}.multi-ws-panel-card{border-radius:5px}.gl-cnc-plan-panel-card{width:23%}.gl-cnc-pl-navigate-btn{width:40%;height:22%}.snb-gl-type-cnt img{width:5%}.snb-exp-hd-save-button{width:16%}.snb-gl-mn-type{height:35%}.goal-container-1{padding:6% 0}.goal-item-common-container{width:50%}.new-goal-btn{width:12%}.ws-empty-btn img{width:9%;margin-left:2%}.ws-empty-btn{border-radius:15px;width:35%;height:26%}.planDate-div{width:90%}.pl-link-button-span{width:12%}.plans-cmn-plan-container{padding:8%}.plan-item-common-container{width:52%}.home-span{width:15%;border-radius:4px}.sonbuc-logo-img{width:18%}.sonbuc-time-note{height:20%}.sonbuc-cmn-plan-container{display:flex;align-items:center;justify-content:center;min-height:200px}.sonbuc-cmn-plan-item-container{width:80%;flex-direction:row}.home-plans-top-container{align-items:center;padding:0}.snb-plan-item-common-container{width:73%}.sonbuc-cmn-time-container{align-items:center;grid-column:1 / -1;grid-row:6 / -1;padding-left:6%}.sonbuc-cmn-goal-container{justify-content:center;align-self:center;grid-column:1 / 5;grid-row:3 / 6;height:100%}.sonbuc-goal-container{width:90%}.sonbuc-cmn-workspace-container{align-items:center;grid-column:5 / -1;grid-row:3 / 6}.sonbuc-workspace-container{width:90%}.stopwatch-text-div h1{font-size:clamp(17px,1.4vw,22px)}.stopwatch-text-div span{padding:7%}.mobile-plan-nav-btns{left:44.5%;bottom:-17%}.sonbuc-time-container{max-height:80%}.sonbuc-expand-workspace-container{height:67%}.history-goal-panel-card{width:30%}}@media screen and (max-width: 480px){.gl-type-drp-m-container{height:20%}.gl-type-cnt{gap:10%}.snb-gl-mn-body-1{min-height:150px}.snb-goal-main,.snb-plan-main{display:flex;flex-direction:column}.snb-info-ws-pnl-mot p{font-size:.7rem}.snb-info-gl-pnl-cnt-p{font-size:.9rem}.sonbuc-cmn-goal-container{width:100%;min-height:250px}.sonbuc-cmn-workspace-container,.sonbuc-cmn-time-container{min-height:250px}.sonbuc-cmn-container{display:flex;flex-direction:column}.sonbuc-cmn-app-container{display:flex;flex-direction:column;overflow:auto}.sonbuc-cmn-plan-item-container{width:100%;padding:0}.sonbuc-goal-container,.sonbuc-workspace-container{margin:0%}.goal-card-dlt-wrn-btn-no,.goal-card-dlt-wrn-btn-yes{border-radius:4px}.try-as-guest-button-cnt{width:120px}.try-as-guest-button p{font-size:10px}.gl-cnc-plan-panel-card{width:25%}.gl-cnc-pl-navigate-btn{width:47%;height:20%}.history-goal-panel-card{width:33%}.snb-gl-mn-type{width:50%;min-height:100px}.goal-container-1{padding:8%;gap:10%}.goal-item-common-container-s,.goal-item-common-container{min-width:260px}.ws-empty-btn img{width:9%;margin-left:2%}.ws-empty-btn{border-radius:12px;width:43%;height:23%}.sonbuc-expand-workspace-container{height:58%}.planDate-div{width:100%}.plan-item-container{height:35%}.plans-pln-item-text-div{border-radius:4px}.plans-cmn-plan-container{padding:8%;gap:10%}.plan-item-common-container{min-width:260px}.pl-link-button-span{width:14%}.home-span{width:33%}.sonbuc-logo-img{width:23%}.ws-daily-block-day{border-radius:2px}.sonbuc-info-cnt{font-size:10px}}@media screen and (max-width: 380px){.sonbuc-info-cnt{gap:0}.history-ws-panel-body{justify-content:center}.history-ws-panel-cnt{width:50%}.gl-cnc-plan-panel-card{width:36%}.gl-cnc-pl-navigate-btn{width:58%;height:18%}.history-goal-panel-card{width:37%}.snb-gl-type-cnt img{width:7%}.snb-exp-hd-save-button{width:19%}.snb-gl-mn-type{height:28%}.goal-item-common-container{width:75%}.new-goal-btn{width:15%}.ws-empty-btn img{width:10%;margin-left:2%}.ws-empty-btn{border-radius:12px;width:53%}.sonbuc-expand-workspace-container{height:50%}.plans-cmn-plan-container{padding:5% 0}.plan-item-common-container{width:58%}.sonbuc-logo-img{width:25%}.mobile-plan-nav-btns{left:43%;bottom:-7%}}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}