@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);@media (prefers-color-scheme:dark){:root{--main-bg:#131419;--color-purple:#4447e2;--color-dark-gray:#2d2d3a;--color-3:#231f20;--color-bg-indigo:#1c1c24;--color-greenish:#0f1d2d;--color-modal-bg:rgba(15,29,45,0.49411764705882355);--color-input:#2d2d3a;--color-white:#fff;--color-gray:#5f5f6e;--color-solid-gray:#5f5f6f;--color-smoke-gray:#8e8e96;--color-ghost-gray:#a6adb1;--base-skeleton-color:rgba(82,82,82,0.205);--color-8:#262631;--base-skeleton-shine:hsla(0,0%,43.1%,0.363);--color-9:#4b4b62;--color-light-gray:#343444;--transition:all 0.2s linear;--radius:15px;--color-red:#e24444;--color-bg-switcher:#dde1e8}}.password-section{margin-bottom:2.5rem}.grid__col-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(21.875rem,1fr)) 280px;grid-gap:3.125rem}.grid-item__create-task{color:var(--color-gray)}.grid-item__create-task p{margin-bottom:.625rem!important}.text-purple{color:var(--color-purple)}.fs-14{font-style:normal;font-weight:400;font-size:.875rem}.button,.history-wrapper .show-more{border:none;outline:none}.button{color:var(--color-white);background-color:var(--color-input);padding:15px!important;border-radius:var(--radius);overflow:hidden;text-decoration:none}.button img{margin-right:8px;margin-top:-4px}.button-purple{border:2px solid var(--color-purple);background-color:transparent;outline:none;border-radius:var(--radius);padding:10px 20px;color:var(--color-white)!important;transition:var(--transition)}.button-purple:hover{background-color:var(--color-purple)}.base-container{max-width:calc(100vw - 200px);width:100%;margin:0 auto}.text-right{text-align:right}.main-wrapper{margin:2.5rem 0}.main-wrapper-title{font-style:normal;font-weight:400;font-size:1.625rem;color:var(--color-white)}.toggle-control{position:relative;padding-left:44px;cursor:pointer;font-size:22px;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-top:-20px}.toggle-control input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.toggle-control input:checked~.control{background-color:var(--color-dark-gray)}.toggle-control input:checked~.control:after{left:25px}.toggle-control .control{position:absolute;top:0;left:0;height:24px;width:44px;border-radius:12px;background-color:var(--color-bg-switcher);transition:background-color .15s ease-in}.toggle-control .control:after{content:"";position:absolute;left:5px;top:5px;width:14px;height:14px;border-radius:12px;background:var(--color-purple);transition:left .15s ease-in}.dropdown-enter{opacity:0;transform:scale(.9)}.dropdown-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.dropdown-exit{opacity:1}.dropdown-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}.pages-enter{opacity:0;transform:translateX(-100vw)}.pages-enter-active{opacity:1;transform:translateX(0);transition:all .3s linear}.pages-exit{opacity:1}.pages-exit-active{opacity:0;transform:translateX(-100vw);transition:all .3s linear}.skeleton-top{display:flex}.skeleton-avatar{width:3.125rem;height:3.125rem;border-radius:50%;background-color:var(--color-dark-gray);background-image:linear-gradient(90deg,var(--base-skeleton-color),var(--base-skeleton-shine) 40px,var(--base-skeleton-color) 80px);background-size:600px;animation:shine-lines 1s linear infinite}.skeleton-info{margin-left:.625rem;width:7rem}.skeleton-info-inner{background-color:var(--color-dark-gray);border-radius:var(--radius);background-image:linear-gradient(90deg,var(--base-skeleton-color),var(--base-skeleton-shine) 40px,var(--base-skeleton-color) 80px);background-size:600px;animation:shine-lines 1s linear infinite}.skeleton-info-inner:first-child{height:1.125rem;margin-bottom:6px}.skeleton-info-inner:last-child{height:.9rem}.skeleton-img{width:100%;height:11.25rem;margin:1.25rem 0}.skeleton-btn,.skeleton-img{display:flex;align-items:center;justify-content:center;flex-direction:row;background-color:var(--color-dark-gray);border-radius:var(--radius);background-image:linear-gradient(90deg,var(--base-skeleton-color),var(--base-skeleton-shine) 40px,var(--base-skeleton-color) 80px);background-size:600px;animation:shine-lines 1s linear infinite}.skeleton-btn{height:3.125rem}.skeleton-btn-inner{width:6.25rem;height:1.25rem;background-color:var(--color-light-gray);border-radius:var(--radius)}@keyframes shine-lines{0%{background-position:-100%}40%,to{background-position:100%}}.fixed-button{position:fixed;right:1.875rem;bottom:8.75rem;z-index:1;background-color:var(--color-bg-indigo);border-radius:50%;padding:7px;overflow:hidden}.fixed-button button{background:transparent;border:none;outline:none}.field-wrapper{margin-bottom:1.25rem}.field-wrapper .form-label{font-style:normal;font-weight:400;font-size:.875rem;color:var(--color-gray)}.field-wrapper .form-input{background-color:var(--color-input);border:none;padding:0 15px;height:50px;color:var(--color-white);font-style:normal;font-weight:400;font-size:1rem;border-radius:var(--radius)}.field-wrapper .form-input[disabled]{background-color:var(--color-input);color:var(--color-white)!important;opacity:.7}.field-wrapper .form-input:focus{-webkit-filter:saturate(1.2);filter:saturate(1.2);background-color:var(--color-input)!important;color:var(--color-white)}.password-section-title{font-style:normal;font-weight:400;font-size:.875rem;margin-bottom:10px!important;color:var(--color-gray)}.mb-40{margin-bottom:2.5rem}.widgets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%;margin-top:1.4rem!important;grid-gap:12px}.widgets .widget{background-color:#4447e2;color:#fff;border-radius:var(--radius);font-style:normal;font-weight:400;font-size:.875rem;padding:10px 20px;text-align:center}.pagination{display:flex;align-items:center;width:100%!important;margin:1.25rem 0}.pagination-wrapper{display:flex;align-items:center;justify-content:stretch;flex-direction:row;flex-wrap:wrap}.pagination-item{color:var(--color-white);margin:0 .5rem;border-radius:.75rem;background-color:transparent;border:2px solid var(--color-purple);cursor:pointer;transition:var(--transition);min-width:45px;text-align:center}.pagination-item a{padding:.625rem .75rem;display:block;width:100%;height:100%}.pagination-item.active,.pagination-item:hover{background-color:var(--color-purple)}.pagination-item.truncate{pointer-events:none}.pagination-item.disabled,.pagination-item.hide{display:none}.custom-checkbox{border:none;background-color:var(--color-bg-indigo);color:var(--color-white);display:flex;align-items:center;justify-content:stretch;flex-direction:row;padding:.625rem;border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:var(--transition)}.custom-checkbox.active{background-color:var(--color-greenish)}.custom-checkbox-logo{margin-right:.625rem;width:2.5rem;border-radius:.75rem}.custom-checkbox-logo img{width:100%;height:100%}.custom-checkbox-title{font-style:normal;font-weight:400;font-size:1rem}.custom-checkbox .checkmark{margin-left:auto;border-radius:50%;width:1.25rem;height:1.25rem;border:2px solid var(--color-dark-gray);font-style:normal;font-weight:400;font-size:row/16rem}.custom-checkbox .checkmark img{width:100%;height:100%;margin-top:-12px}.modal-layout{position:fixed;top:0;bottom:0;right:0;left:0;z-index:10;background-color:var(--color-modal-bg);display:flex;align-items:center;justify-content:center;flex-direction:row}.modal-layout .modal-wrapper{display:flex;align-items:stretch;justify-content:stretch;flex-direction:column;padding:1.875rem;border-radius:var(--radius);background-color:var(--color-greenish);min-width:32.5rem}.modal-layout .modal-wrapper .main-wrapper-title{margin-bottom:1.625rem;font-size:18px}.modal-layout .modal-wrapper .btn{border-radius:var(--radius)}.modal-layout .modal-wrapper .btn-modal-remove{background-color:var(--color-red);color:var(--color-white)}.modal-layout .modal-wrapper .btn-modal-exit{margin-right:.625rem;color:var(--color-white);background-color:rgba(2,66,66,.247);border:2px solid rgba(2,66,66,.589)}.progressbar{height:6px;border-radius:5px;background-color:var(--color-dark-gray);margin-top:5px}.progressbar-inner{background-color:var(--color-purple);border-radius:5px;height:100%;transition:var(--transition)}.progressbar-wrapper{padding:0 1.875rem 0 .625rem;display:flex;align-items:stretch;justify-content:stretch;flex-direction:column}.progressbar-cell{width:21.875rem}.progressbar-points{display:flex;align-items:center;justify-content:space-between;flex-direction:row;font-style:normal;font-weight:400;font-size:.875rem}@font-face{font-family:"SF Pro Display";src:url(/static/media/FontsFree-Net-SFProDisplay-BoldItalic.4664f9e3.ttf) format("ttf"),url(/static/media/FontsFree-Net-SFProDisplay-MediumItalic.3b519bf4.ttf) format("ttf"),url(/static/media/FontsFree-Net-SFProDisplay-Regular.1e1c0e29.ttf) format("ttf"),url(/static/media/FontsFree-Net-SFProDisplay-SemiboldItalic.0ec11106.ttf) format("ttf")}body,html{overflow-x:hidden;height:100%}*{margin:0;padding:0;list-style:none;box-sizing:border-box;letter-spacing:.4px}:focus{box-shadow:none!important;outline:none}a{text-decoration:none!important}p{margin-bottom:0!important}hr{background-color:var(--color-white)!important;margin:.3rem 0!important}body{margin:0;font-family:"Noto Sans JP",sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--main-bg)!important;font-size:16px}.navbar-wrapper{background:var(--color-bg-indigo);border-bottom:2px solid var(--color-dark-gray)}.navbar-wrapper .main-nav{padding:1.3rem 0 .8rem}.navbar-wrapper .main-nav .navbar-brand{display:flex;align-items:center}.navbar-wrapper .main-nav .navbar-brand img{margin-right:10px}.navbar-wrapper .main-nav .navbar-brand p{font-style:normal;font-weight:500;font-size:18px;line-height:20px;margin-bottom:0;color:var(--color-white)}.navbar-wrapper .main-nav .center-menu{display:flex;align-items:stretch;justify-content:center;flex-direction:column}.navbar-wrapper .main-nav .center-menu .nav{margin:0 auto}.navbar-wrapper .main-nav .center-menu .nav-item{margin:0 1rem}.navbar-wrapper .main-nav .center-menu .nav-item .nav-link{width:100%;font-style:normal;font-weight:400;font-size:1.125rem;display:flex;align-items:center;justify-content:stretch;flex-direction:row;color:var(--color-gray);transition:var(--transition)}.navbar-wrapper .main-nav .center-menu .nav-item .nav-link.active,.navbar-wrapper .main-nav .center-menu .nav-item .nav-link:hover{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.navbar-wrapper .main-nav .center-menu .nav-item .nav-link img{margin-right:.5rem}.navbar-wrapper .main-nav .user-info-nav{display:flex;align-items:center;justify-content:flex-end;flex-direction:row}.navbar-wrapper .main-nav .user-info-nav .coin-info{display:flex;align-items:center;justify-content:space-between;flex-direction:row;background:var(--color-dark-gray);border-radius:var(--radius);padding:.3rem 1.875rem .3rem .3rem;min-width:7.2rem;color:var(--color-white);margin-right:.625rem}.navbar-wrapper .main-nav .user-info-nav .coin-info .increase-btn-nav{background-color:var(--color-purple);width:30px;height:30px;display:inline-block;display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:10px;margin-right:1.25rem}.navbar-wrapper .main-nav .user-info-nav .coin-info .coin-balance{display:flex;align-items:center;justify-content:stretch;flex-direction:row}.navbar-wrapper .main-nav .user-info-nav .coin-info .coin-balance img{margin-right:5px}.navbar-wrapper .main-nav .user-info-nav .user-dropdown{position:relative;padding-right:0}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-btn{background-color:transparent;border:none}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-btn img:first-child{border-radius:50%;width:40px;height:40px;margin-right:.625rem}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-btn img-caret{transition:var(--transition)}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-btn .rotated{transform:rotate(180deg)}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-wrapper{position:absolute;top:100%;right:1.2rem;margin-top:.5rem;min-width:15.6rem;z-index:1;background:var(--color-bg-indigo);padding:.7rem;border:2px solid var(--color-dark-gray);border-radius:var(--radius);cursor:auto}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-wrapper .list-group-item{background-color:transparent;color:var(--color-white);text-align:left;font-style:normal;font-weight:400;font-size:1rem;border:none}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-wrapper .list-group-item.log-out{color:var(--color-red)}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-wrapper .list-group-item img{margin-right:.625rem}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-wrapper .list-group-item *{text-decoration:none;color:inherit}.navbar-wrapper .main-nav .user-info-nav .user-dropdown-wrapper .theme-switcher-btn{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;background:transparent;border:none}.main-footer{color:var(--color-solid-gray);padding:2rem 0;border-top:2px solid #262631}.main-footer .social-links a{margin-right:1.3rem}.task-list{margin:1.25rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:1.25rem}.task-list-top{display:flex;align-items:center;justify-content:space-between}.task-list-top .create-task{background-color:var(--color-input);border-radius:var(--radius);padding:15px 20px;border:none;outline:none;text-decoration:none!important;font-style:normal;font-weight:400;font-size:1rem;color:var(--color-white)}.task-list-card{border-radius:var(--radius);background-color:var(--color-bg-indigo);padding:1.25rem}.task-list-card-top{display:flex;color:var(--color-white)}.task-list-card .avatar{border-radius:50%;width:3.125rem;height:3.125rem;margin-right:.625rem;position:relative}.task-list-card .task-owner-name{font-style:normal;font-weight:400;font-size:1rem}.task-list-card .task-type{font-style:normal;font-weight:400;font-size:.875rem;color:var(--color-solid-gray)}.task-list-card .task-type-img{position:absolute;bottom:0;right:-4px;background:var(--color-bg-indigo);width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:50%;padding:3px}.task-list-card .task-type-img img{object-fit:contain}.task-list-card-dropdown{margin-left:auto}.task-list-card-img{margin:1.25rem 0;width:100%}.task-list-card-img img{width:100%;border-radius:var(--radius)}.task-list-card .action-button{border-radius:var(--radius);text-decoration:none;border:2px solid var(--color-purple);padding:1rem 2rem;text-align:center;display:block;color:var(--color-white);font-style:normal;font-weight:400;font-size:1rem;transition:var(--transition)}.task-list-card .action-button:hover{background-color:var(--color-purple)}.news-banner{margin:4rem 0 6.25rem;border-radius:var(--radius);background-color:var(--color-bg-indigo)}.news-banner.skeleton .news-banner-inner{align-items:stretch}.news-banner.skeleton .news-banner-img{width:calc(100% - 40vw);height:300px}.news-banner.skeleton .news-banner-content-title,.news-banner.skeleton .news-banner-img{background-image:linear-gradient(90deg,var(--base-skeleton-color),var(--base-skeleton-shine) 40px,var(--base-skeleton-color) 80px);background-size:600px;animation:shine-lines 1s linear infinite;border-radius:var(--radius)}.news-banner.skeleton .news-banner-content-title{width:100%;height:30px;margin-top:30px!important}.news-banner.skeleton .news-banner-content-title-2{width:40%}.news-banner.skeleton .news-banner-content-info{width:100%;height:30px}.news-banner.skeleton .news-banner-content-date,.news-banner.skeleton .news-banner-content-info{background-image:linear-gradient(90deg,var(--base-skeleton-color),var(--base-skeleton-shine) 40px,var(--base-skeleton-color) 80px);background-size:600px;animation:shine-lines 1s linear infinite;margin-top:30px!important;border-radius:var(--radius)}.news-banner.skeleton .news-banner-content-date{width:30%;height:20px}.news-banner-inner{padding:1.25rem;display:flex;align-items:center}.news-banner-img{flex:0.4 1;border-radius:var(--radius);overflow:hidden}.news-banner-img img{width:100%}.news-banner-content{flex:0.6 1;color:var(--color-white);padding-left:2.5rem;text-decoration:none!important;display:flex;flex-direction:column}.news-banner-content-title{font-style:normal;font-weight:400;font-size:2.125rem;padding-bottom:1.25rem}.news-banner-content-info{font-style:normal;font-weight:400;font-size:1.125rem;padding-bottom:2.5rem;color:var(--color-white)}.news-banner-content-date{font-style:normal;font-weight:400;font-size:.875rem;color:var(--color-ghost-gray)}.news-cards{margin-top:2.2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));grid-gap:1.56rem}.news-cards .news-card{padding:1.25rem;background-color:var(--color-bg-indigo);border-radius:var(--radius);color:var(--color-white)}.news-cards .news-card.skeleton .news-card-img{width:100%;height:200px}.news-cards .news-card.skeleton .news-card-img,.news-cards .news-card.skeleton .news-card-info{background-image:linear-gradient(90deg,var(--base-skeleton-color),var(--base-skeleton-shine) 40px,var(--base-skeleton-color) 80px);background-size:600px;animation:shine-lines 1s linear infinite}.news-cards .news-card.skeleton .news-card-info{width:90%;height:30px}.news-cards .news-card.skeleton .news-card-date{width:40%;height:20px;background-image:linear-gradient(90deg,var(--base-skeleton-color),var(--base-skeleton-shine) 40px,var(--base-skeleton-color) 80px);background-size:600px;animation:shine-lines 1s linear infinite}.news-cards .news-card-img{width:100%;border-radius:var(--radius);overflow:hidden;margin-bottom:1rem}.news-cards .news-card-img img{width:100%;height:220px}.news-cards .news-card-info{padding:0 5px;font-style:normal;font-weight:400;font-size:1.25rem}.news-cards .news-card-date{margin-top:.625rem;padding:0 5px;font-style:normal;font-weight:400;font-size:1rem;color:var(--color-ghost-gray)}.profile-wrapper{margin:2.5rem 0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto}.profile-wrapper-avatar{border-radius:var(--radius);padding:1.25rem;background-color:var(--color-bg-indigo);margin-bottom:3.125rem}.profile-wrapper-avatar-img{margin-bottom:1.25rem}.profile-wrapper-avatar-img,.profile-wrapper-avatar-img img{width:100%;border-radius:var(--radius)}.profile-wrapper .upload-btn{border-radius:var(--radius);border:2px solid var(--color-dark-gray);width:100%;background-color:transparent;padding:15px;color:var(--color-white);font-style:normal;font-weight:400;font-size:1rem;transition:var(--transition)}.profile-wrapper .upload-btn:hover{background:var(--color-purple);border:2px solid var(--color-purple)}.profile-wrapper-left{grid-column:1/4;padding-right:40px}.profile-wrapper-center{grid-column:4/10;margin:0 5rem 0 2.5rem}.profile-wrapper-right{grid-column:10/13}.profile-wrapper-right .personal-statistic-title{font-style:normal;font-weight:400;font-size:.875rem;color:var(--color-gray);margin-bottom:10px!important}.profile-wrapper-right .personal-statistic-card{background-color:var(--color-bg-indigo);margin-bottom:1.25rem;border-radius:var(--radius);padding:15px;display:flex;align-items:center;justify-content:stretch;flex-direction:row}.profile-wrapper-right .personal-statistic-card-icon{width:50px;height:50px;border-radius:var(--radius);margin-right:1.25rem}.profile-wrapper-right .personal-statistic-card-icon img{width:100%;border-radius:inherit}.profile-wrapper-right .personal-statistic-info_count{color:var(--color-white);font-style:normal;font-weight:400;font-size:1.5rem}.profile-wrapper-right .personal-statistic-info_type{color:var(--color-gray);font-style:normal;font-weight:400;font-size:1rem}.social-media-title{font-style:normal;font-weight:400;font-size:.875rem;color:var(--color-gray);margin-bottom:10px!important}.social-media-card{border-radius:var(--radius);background-color:var(--color-bg-indigo);padding:15px;display:flex;align-items:center;justify-content:stretch;flex-direction:row;margin-bottom:1.25rem}.social-media-icon{width:40px;height:40px;border-radius:var(--radius);overflow:hidden;margin-right:10px}.social-media-icon img{width:100%}.social-media-name{color:var(--color-white);font-style:normal;font-weight:400;font-size:1rem}.social-media-btn{margin-left:auto;border-radius:50%;background-color:var(--color-purple);width:20px;height:20px;overflow:hidden;border:none;outline:none;color:var(--color-white);cursor:pointer}.social-media-btn img{object-fit:contain;margin-top:-8px}.news-detail .open-remote{padding:15px 40px;text-align:center;background-color:transparent;border:2px solid var(--color-purple);margin-top:8px!important;border-radius:var(--radius)}.news-detail .byline,.news-detail .open-remote{color:var(--color-white);width:-webkit-max-content;width:-moz-max-content;width:max-content}.news-detail .byline{border-radius:var(--radius);padding:8px 30px;background-color:#4447e2;margin-bottom:18px}.news-detail-bottom{width:100%}.news-detail-bottom .source-date{display:flex;align-items:center;color:#fff}.create-task-section{margin:2.1875rem 0}.create-task-wrapper{margin-bottom:2.5rem}.create-task-wrapper .checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(18.125rem,1fr)) 280px;grid-gap:1.25rem}.create-task-label{font-style:normal;font-weight:400;font-size:1rem;color:var(--color-gray);margin-bottom:.625rem!important}.history-wrapper{margin:1.875rem 0 1.25rem}.history-wrapper .show-more{color:var(--color-dark-gray);background-color:transparent;padding:.625rem 1.25rem!important;border-radius:var(--radius);font-style:normal;font-weight:400;font-size:1rem;border:2px solid;transition:var(--transition)}.history-wrapper .show-more:hover{color:var(--color-white)}.history-wrapper .history-table{overflow:auto}.history-wrapper .history-table .table{min-width:68.75rem;border-collapse:separate;border-spacing:0 .625rem}.history-wrapper .history-table .table th{color:var(--color-gray);font-style:normal;font-weight:400;font-size:.875rem}.history-wrapper .history-table-row td{padding:.9375rem 0;background-color:var(--color-bg-indigo);vertical-align:middle;color:var(--color-white)}.history-wrapper .history-table-row td:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);padding-left:.9375rem}.history-wrapper .history-table-row td:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);padding-right:.9375rem}.history-wrapper .history-table-cell .__flex{display:flex;align-items:center;justify-content:stretch;flex-direction:row}.history-wrapper .history-table-cell .__flex img{margin-right:8px;width:2.5rem}
/*# sourceMappingURL=main.e7f1f4b0.chunk.css.map */