body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:400}a,button,h1,h2,h3,h4,h5,h6,input,p,span,textarea{font-family:Pretendard,sans-serif;font-style:normal;font-weight:300}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{overflow:hidden}.login-container{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container h1{color:#2a2738;font-size:1.5rem;font-weight:600;margin-bottom:70px;text-align:center}.login-container .login-form{align-items:center;display:flex;flex-direction:column;width:350px}.login-container .input-field{background-color:#edeef2;border:1px solid #ddd;border-radius:5px;border-radius:12px;font-size:1rem;margin-bottom:15px;max-width:300px;padding:10px;width:100%}.login-container .input-field :focus{background-color:#989898;border-color:#989898;outline:none}.login-container .input-field ::placeholder{color:#989898;font-size:1rem}.login-container .login-button{background-color:#00ce93;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:50px;margin-top:10px;padding:10px;width:100%;width:350px}.login-container .login-button:hover{background-color:#00ce93}.forgot-password{color:#5f5f5f;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;margin-top:7px;text-decoration:underline}.login-container .signup-button{background-color:#edeef2;border:none;border-radius:12px;bottom:30px;color:#757575;cursor:pointer;font-size:1rem;font-weight:500;height:50px;padding:10px;position:absolute;width:100%;width:350px}.login-container .signup-button:hover{border-color:#757575;border-width:12px}body{font-family:Pretendard;height:100vh;margin:0;overflow:auto;padding:0}.signup-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:400px;padding:20px;position:relative;text-align:left}.signup-container h1{font-size:24px;font-weight:700;margin-bottom:10px;margin-top:70px;text-align:left}.signup-container h1,.signup-container p{color:#2a2738;margin-left:20px;width:100%}.signup-container p{font-size:18px;font-weight:500;margin-bottom:50px}.signup-container .signup-form{display:flex;flex-direction:column;margin-left:-20px;max-width:350px;text-align:left;width:90%}.signup-container .input-group{margin-bottom:20px;text-align:left}.signup-container .input-group label{color:#2a2738;display:inline-block;font-size:18px;font-weight:600;margin-bottom:10px}.signup-container .input-group .required{color:#eb3639}.signup-container .input-field{background-color:#edeef2;border:1px solid #edeef2;border-radius:12px;font-size:1rem;height:40px;margin-bottom:0;padding:10px;width:100%}.signup-container .input-field ::placeholder{color:#989898;font-size:1rem;font-weight:500}.signup-container .input-field:focus{border-color:#989898;outline:none}.signup-container .error-message{color:#eb3639;font-size:12px;font-weight:400;margin-bottom:0}.input-field.disabled-field::placeholder{color:#d1d1d1}.input-field.disabled-field{background-color:#f8f9fb;border:1px solid #f8f9fb;color:#d1d1d1}.checkbox-group{align-items:center;bottom:20px;display:flex;font-size:.9rem;margin-bottom:15px;margin-top:30px}.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #00ce93;border-radius:3px;cursor:pointer;height:20px;outline:none;position:relative;width:20px}.checkbox-group input[type=checkbox]:hover{border-color:#00b87a}.checkbox-group input[type=checkbox]:checked{background-color:#00ce93;border-color:#00ce93}.checkbox-group input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:7px;position:absolute;top:4px;transform:rotate(45deg);width:5px}.checkbox-group label{color:#5f5f5f;cursor:pointer;font-size:14px;margin-left:10px}.checkbox-group a{color:#5f5f5f;text-decoration:none}.checkbox-group a:hover{text-decoration:underline}.signup-container .signup-button{align-items:center;background-color:#00ce93;border:none;border-radius:5px;bottom:0;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;height:50px;margin-bottom:15px;margin-left:10px;max-width:450px;padding:10px;width:100%}.signup-container .signup-button:hover{background-color:#00b87a}.header-container{align-items:center;background-color:#fff;color:#2a2738;display:flex;font-size:1.5rem;justify-content:space-between;left:50%;margin:5px auto 0;max-width:700px;padding:10px 0;position:fixed;text-align:center;top:0;transform:translateX(-50%);width:100%;z-index:100}.header-title{color:#2a2738;flex:1 1;font-size:20px;font-weight:400;text-align:center}.header-container .notif-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;margin-left:-3%;margin-right:15px;z-index:101}.header-container .material-symbols-outlined{color:#636363;cursor:pointer;font-size:1.5rem;font-weight:700;left:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:102}.chatbot-move-button{background-color:#00ce93;bottom:20px;height:60px;right:20px;width:60px;z-index:9999}.footer-container{align-items:center;background-color:#fff;border-top:1px solid #fff;bottom:0;display:flex;height:100px;justify-content:space-around;left:50%;max-width:700px;padding:10px 0;position:fixed;transform:translateX(-50%);width:100%}.footer-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column}.footer-button .icon{color:#dfe1e5;font-size:40px;transition:color .3s ease}.footer-button .label{color:#dfe1e5;font-size:12px;margin-top:5px}.footer-button .material-symbols-outlined{color:#dfe1e5;font-size:38px;transition:color .3s ease}.footer-button.active *,.footer-button:hover .icon,.footer-button:hover .label{color:#00ce93}.notifications-page-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:700px;min-height:100vh}.notification-container{align-items:center;color:#2a2738;display:flex;flex:1 1;flex-direction:column;font-size:1.2rem;justify-content:flex-start;margin-top:60px;padding:20px}.notif-select-buttons{align-items:center;display:flex;gap:20px;justify-content:center;margin:20px 0;max-width:700px}.notifications-page-container .notif-button{background-color:#fff;border:1px solid #dde1e0;border-radius:5px;color:#bdbfbf;cursor:pointer;display:flex;font-size:1.1rem;font-weight:450;height:43px;justify-content:center;padding:10px 20px;text-align:center;transition:all .3s ease;width:160px}.notif-button.active{background-color:#00ce93;border:1px solid #00ce93;color:#fff}.notif-content{background-color:#f8f9fa;border-radius:5px;margin-bottom:60px;margin-top:20px;max-width:600px;padding:20px;text-align:center;width:100%}.home-container{flex-direction:column;justify-content:space-between;left:50%;margin:0 auto;max-width:700px;min-height:100vh;text-align:center;top:0}.home-component-container,.home-container{align-items:center;display:flex;width:100%}.home-component-container{color:#2a2738;flex:1 1;flex-direction:column;font-size:1.2rem;gap:20px;justify-content:flex-start;max-height:calc(100vh - 100px);overflow-y:auto;padding-top:20px}.home-component-container .userfield-container{width:90%}.home-component-container .news-today{font-weight:500}.home-component-container .news-container{max-height:320px;overflow-y:auto}.token-display{background-color:#00ce93;border-radius:15px;color:#fff;display:flex;flex-direction:row;font-size:.6rem;margin-left:20px;margin-top:5px;padding:5px 10px}.circle{background-color:#fff;border-radius:50%;height:.9rem;margin-right:3px;width:.9rem}.token{font-weight:600;margin-top:1px}.user-field-container{background-color:#f5f6f8;border-radius:4px;flex-direction:column;justify-content:center;margin:0 auto 20px;max-width:700px;text-align:center;width:100%}.img-lv-name-stoken,.user-field-container{align-items:center;display:flex;padding:5px}.img-lv-name-stoken{gap:10px;margin-top:5px;width:80%}.profile-image-container{align-items:center;display:flex}.profile-img{border-radius:50%;width:60px}.lv-name-stoken{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:10%}.level-display{color:#00ce93;font-size:.8rem;font-weight:500;margin:5px 0}.name-stoken{align-items:flex-start;display:flex;flex-direction:row;gap:6px;min-width:0;width:100%}.nickname{font-size:1.6rem;font-weight:600;margin:0;white-space:nowrap}.XP-gauge-container{margin-top:5px;width:90%}.levels{color:#989898;display:flex;font-size:10px;justify-content:space-between;margin-bottom:5px}.levels-next{color:#00ce93}.XP-guage{background-color:#e3e4e8;border-radius:5px;height:20px;overflow:hidden;position:relative}.XP-bar{align-items:center;background-color:#00ce93;border-radius:4px;display:flex;height:100%;justify-content:flex-end;padding-right:5px}.xp-bar-text{color:#fff;font-size:10px;font-weight:700;padding:3px 0}.xp-info-container{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:.7rem;gap:3px;justify-content:center}.level-up-info{color:#00ce93;font-weight:700}.level-up-action,.xp-required{color:#2a2738}.xp-required{font-weight:700}.level-up-remark{color:#2a2738}.learn-new-container{align-items:center;border:1.5px solid #00ce93;border-radius:4px;display:flex;flex-direction:column;font-family:Pretendard;margin:70px 25px 0;max-width:700px;padding:15px;text-align:center;width:90%}.learn-new-container .learn-new-container-info{align-items:center;display:flex;gap:20px;max-width:100%}.learn-new-container .img-container{background-color:#d9d9d9;border-radius:50%;height:80px;margin-right:40px;width:80px}.learn-new-container .info-container{font-family:Pretendard;margin-top:-5px;text-align:left}.learn-new-container .info-container h3{color:#2a2738;font-size:1rem;font-weight:600;margin-bottom:-10px}.learn-new-container .date,.learn-new-container .main{color:#2a2738;font-weight:600}.learn-new-container .main{font-size:1.4rem}.learn-new-container .highlight-main,.learn-new-container .highlight-name{color:#00ce93;font-weight:600}.learn-new-container .buttons{display:flex;justify-content:space-between;margin-top:5px;width:100%}.learn-new-container .tutorial,.quiz{border:1.5px solid #00ce93;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;outline:none;padding:12px 20px;transition:all .3s ease}.learn-new-container .tutorial{background-color:#00ce93;color:#fff;margin-right:10px}.learn-new-container .quiz{background-color:#fff;color:#2a2738}.news-card{border:1px solid #eee;border-radius:8px;color:inherit;display:flex;margin:8px 0;padding:10px;text-decoration:none}.news-card.home{align-items:flex-start}.news-card.home .news-title{font-size:15px;font-weight:500;margin-top:10px;text-align:left}.news-card.home .news-summary{color:#555;font-size:14px;text-align:left}.news-card.inpage{flex-direction:column}.news-simple-title{font-size:14px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.news-date{color:gray;font-size:12px;margin-top:10px;text-align:left}.invest-page-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:700px;min-height:100vh;position:relative;text-align:center;top:0;width:100%}.invest-page-component-container{color:#2a2738;display:flex;flex:1 1;flex-direction:column;font-size:1.2rem;justify-content:flex-start;margin-top:60px;overflow-y:auto;padding-bottom:80px;width:100%}.stock-page-container{background-color:#f8f9fa;padding:20px}.tab-buttons{display:flex;justify-content:space-around;margin-bottom:10px}.tab-buttons button{background:none;border:none;border-bottom:3px solid #0000;color:#acb3bf;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:10px}.tab-buttons button.active{color:#2a2738;font-weight:700}.tab-content{background:#fff;border-radius:8px;margin-left:20px;padding:10px}.owned-stocks,.pending-orders,.trade-history{margin-left:15px;width:100%}table{border-collapse:collapse;margin:10px auto;position:relative;width:90%}thead th{font-size:16px;font-weight:600;text-align:center}td,th{border:1px solid #ddd;padding:10px;position:relative;text-align:left}th{background-color:#f5f6f8}.toggle-history-btn{background-color:#00ce93;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:6px 12px}.fixed-stock-list{background:#fff;display:flex;justify-content:center;margin-top:20px;padding:0 30px;position:relative}.fixed-stock-list table{border-collapse:collapse;margin:10px auto;width:90%}.stock-item{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:start;padding:10px}.change,.change-rate,.price{font-size:18px;font-weight:600}.change{text-align:left;white-space:nowrap}.up{color:#eb3639}.down{color:#3681eb}.stock-link{color:#000;font-size:18px;font-weight:400;text-decoration:none;white-space:nowrap}.stock-link:hover{text-decoration:underline}.market-name{color:gray;font-size:12px}.favorite-buttons{display:flex;flex-direction:column;justify-content:start;margin-top:65px}.favorite-btn{background:none;border:none;color:#ddd;cursor:pointer;font-size:20px;margin-bottom:10px;margin-left:-5px;transition:color .3s}.favorite-btn.active{color:gold}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin .8s linear infinite;border:6px solid #ddd;border-radius:50%;border-top-color:#00ce93;height:50px;margin-bottom:12px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;box-shadow:0 5px 15px #0003;max-width:400px;padding:20px;position:relative;text-align:center;width:90%}.modal-title{font-weight:600}.modal-c{font-weight:500;margin-top:-10px}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:40px;position:absolute;right:10px;top:0}.modal-image{margin:10px 0 50px -30px;width:210px}.modal-overlay .home-button{width:90%}.mypage-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:700px;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;position:relative;text-align:center;top:0;width:100%}.mypage-component-container{color:#2a2738;display:flex;flex:1 1;flex-direction:column;font-size:1.2rem;justify-content:flex-start;margin-top:60px;width:100%}.mypage-container .title{color:#2a2738;font-size:25px;font-weight:600;margin-left:40px;margin-top:15px;text-align:left}.stock-componet-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-snap-type:x mandatory}.stock-componet-container::-webkit-scrollbar{height:6px}.stock-componet-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.bookmark-stock-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-snap-type:x mandatory}.bookmark-stock-container::-webkit-scrollbar{height:6px}.bookmark-stock-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}*{box-sizing:border-box}.open-report-container{align-items:center;background-color:#fff;border:1.5px solid #00c38c;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin:0 auto 20px;max-width:700px;padding:5px;text-align:center;width:90%}.open-report-container .contents{align-items:center;display:flex;flex-direction:row}.img .circle{background-color:#bfbfbf;border-radius:50%;height:80px;margin-right:3px;width:80px}.text{flex:1 1;margin-left:20px;text-align:left}.open-report-container .title{color:#2a2738;font-size:1.3rem;font-weight:600;margin-bottom:8px;margin-left:0}.description{color:#2a2738;font-size:12px;font-weight:300;line-height:1.55;margin-bottom:30px}.link{color:#2a2738;cursor:pointer;display:block;font-size:10px;margin-left:auto;margin-right:20px;text-decoration:underline;width:-webkit-fit-content;width:fit-content}.stock-info-container{align-items:flex-start;border:2px solid #edeef2;border-radius:4px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;font-family:Pretendard;margin-left:30px;margin-right:-20px;max-width:300px;padding:20px;width:200px}.stock-info-container .stock-name{color:#2a2738;font-size:1.4rem;font-weight:600;margin:0 0 10px;text-align:left;width:100%}.stock-info-container .stocken-length{margin-left:-20px;max-width:130px;width:90%}.stock-info-container .stock-change{align-items:center;color:#2a2738;display:flex;font-size:.7rem;font-weight:700;gap:5px;justify-content:flex-start;margin-top:10px;width:100%}.stock-info-container .change-value{font-weight:800}.stock-info-container .down-icon,.up-icon{font-size:.7rem;font-weight:700}.report-container{align-items:center;flex-direction:column;margin:0 auto;max-width:700px;min-height:100vh;overflow-y:auto;padding-bottom:100px;position:relative;text-align:center}.report-component-container,.report-container{display:flex;justify-content:flex-start;width:100%}.report-component-container{color:#2a2738;flex:1 1;flex-direction:column;font-size:1.2rem;margin-top:60px}.top-container{background-color:#f5f6f8;padding:25px;text-align:left}.top-container .report-date{color:#2a2738;font-size:1.8em;font-weight:600;margin-bottom:25px;margin-top:10%}.top-container .investment-type-row{display:flex;justify-content:space-between;position:relative}.type-image{position:absolute;right:-30px;top:-80px;width:50%}@media (max-width:2000px){.type-image{right:-30px;top:-140px;width:50%}}@media (max-width:480px){.type-image{right:-30px;top:-100px;width:50%}}.investment-type-text{color:#2a2738;font-size:1em;font-weight:700;line-height:1.4;white-space:nowrap}.investment-label{color:#2a2738;font-size:23px;font-weight:600}.investment-type{color:#1db881;font-size:23px;font-weight:600}.top-container .type-description{color:#2a2738;font-size:18px;font-weight:500;margin-top:25px;width:80%}.bottom-container{margin-top:10px}.bottom-container .title{color:#2a2738;font-weight:600;margin-left:40px;margin-top:15px;text-align:left}.bottom-container .top-stock-container{display:flex;flex-direction:row;margin-bottom:30px;overflow-x:auto;overflow-y:hidden;padding:10px 0;scroll-snap-type:x mandatory}.bottom-container .chart-wrapper{margin-top:-15px}.stock-balance-container{align-items:left;display:flex;flex-direction:column;padding:16px}.stock-balance-buttons{display:flex;gap:8px;height:35px;margin-bottom:16px;width:150px}.stock-balance-button{background-color:#fff;border:1px solid #dde1e0;border-radius:4px;color:#bdbfbf;cursor:pointer;font-size:14px;font-weight:400;padding:4px 16px;transition:background .3s,color .3s}.stock-balance-button.active{background-color:#00ce93;color:#fff}.stock-balance-table-container{background-color:#fff;border-radius:8px;padding:16px;width:100%}.stock-balance-table-wrapper{overflow-x:auto}.stock-balance-table{border-collapse:collapse;width:100%}.stock-balance-table td,.stock-balance-table th{border:1px solid #ddd;padding:12px;text-align:right}.stock-balance-table th{background-color:#f9fafb;font-weight:700;text-align:left}@media (max-width:600px){.stock-balance-buttons{flex-direction:row}.stock-balance-button{width:100%}}.order-container{align-items:flex-start;display:flex;gap:60px;height:100%;justify-content:center;padding:10px}@media (min-width:680px){.order-container{gap:180px}}.order-book{margin-bottom:5px;padding:0;width:120px}.order-book table{border-collapse:collapse;font-size:18px;width:100%}.order-book th{background-color:#fff;font-weight:400;text-align:center}.order-book td{font-weight:600;padding:12px;text-align:right}.sell-row td{color:#3681eb}.buy-row td{color:#eb3639}.highlight-row td{background-color:#3eb69442;font-weight:700}.order-panel{border-left:none;display:flex;flex-direction:column;gap:20px;height:100%;padding-left:10px;width:200px}.stock-title{align-self:flex-start;font-size:17px;font-weight:400;margin-bottom:65px;margin-top:5px}.stock-title strong{font-weight:600}.order-tabs{display:flex;gap:10px}.order-tabs button{background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-weight:700;height:36px;padding:6px 0;width:82px}.order-tabs .active{background-color:#00ce93;color:#fff}.order-tabs .inactive{background-color:#e0e0e0;color:#aaa;cursor:not-allowed}.quantity-selector{align-items:center;border-color:#dde1e0;display:flex;height:40px;justify-content:space-between;width:180px}.highlight-quantity{color:#00ce93;font-size:22px;font-weight:700}.quantity-selector button{background-color:#fff;border-color:#dde1e0;border-radius:4px;font-size:22px;height:38px;width:38px}.price-input-container{color:#00ce93;display:flex;flex-direction:column;font-size:14px;font-weight:500;margin-top:10px;text-align:left}.price-adjust{align-items:center;border-color:#dde1e0;display:flex;height:40px;justify-content:space-between;width:180px}.price-adjust button{background-color:#fff;border-color:#dde1e0;border-radius:4px;font-size:22px;height:38px;width:38px}.price-input{border-width:0;color:#00ce93;font-size:20px;font-weight:600;padding:5px;text-align:right;width:100px}.available-info{align-self:flex-start;color:#888;font-size:15px;margin-bottom:35px;margin-top:-5px}.highlight-owned{color:#00ce93}.total-price{font-size:20px;font-weight:400}.total-price strong{color:#00ce93;font-weight:600}.submit-order-btn{background-color:#00ce93;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;margin-bottom:30px;padding:10px}.chart-container{margin:10px;width:100%}.chart-intervals{display:flex;justify-content:left;margin-bottom:10px;margin-left:5%}.interval-btn{background-color:#edeef2;border:none;border-radius:4px;color:#2a2738;cursor:pointer;font-weight:500;margin:0 8px;padding:5px 15px;transition:background-color .3s}.interval-btn.active,.interval-btn:hover{background-color:#00ce93;color:#fff}.recharts-cartesian-grid line{stroke:#f3f3f3}.recharts-legend-item-text{color:#333}.stock-page-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:700px;min-height:100vh;position:relative;text-align:center;top:0;width:100%}.stock-component-container{max-width:700px;padding:5px;width:100%}.stock-info{align-items:flex-start;display:flex;flex-direction:column;margin-left:5%;margin-top:15%}.stock-name{color:#2a2738;display:flex;font-size:30px;font-weight:600;gap:10px}.stock-logo{border-radius:50%;width:50px}.stock-price-container{align-items:left;display:flex;gap:15px;margin-bottom:-35px}.stock-price{color:#2a2738;font-size:30px;font-weight:600}.stock-change{font-size:18px;font-weight:400}.stock-extra{color:#5f5f5f}.tab-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:0;max-width:700px;padding:20px 0;width:100%}.modal-active{position:relative}.quiz-page-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:700px;min-height:100vh}.quiz-component-container{color:#2a2738;display:flex;flex:1 1;flex-direction:column;font-size:1.2rem;justify-content:space-between;margin:60px;width:90%}.quiz-number{font-size:18px;margin:80px 20px -15px}.quiz-number,.quiz-question{color:#242424;font-weight:500}.quiz-question{font-size:28px;margin:120px 20px 20px}.quiz-guide{color:#686770;font-size:15px;font-weight:300;margin:20px 20px 40px}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-bottom:180px}.quiz-option{background-color:#edeef2;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:500;height:54px;padding:12px;transition:all .2s ease}.quiz-option.selected,.quiz-option:hover{background-color:#00ce93;color:#fff}.quiz-result-page{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:space-around;margin:auto;max-width:700px;min-height:100vh;text-align:center}.correct-image{margin-top:30vh;width:280px}.correct-title{color:#000;font-size:35px;font-weight:700;margin-top:0}.xp-gained{color:#000;font-size:25px;font-weight:500;margin-top:-7vh}.xp-highlight{color:#00ce93;font-weight:600}.next-level-info{color:#686770;font-size:20px;margin-bottom:13vh;margin-top:-4vh}.home-button{background-color:#edeef2;border:none;border-radius:12px;color:#2a2738;cursor:pointer;font-size:25px;font-weight:500;height:54px;max-width:400px;padding:12px 20px;width:140%}.home-button:hover{background-color:#b0b0b0}.chatbot-move-button{align-items:center;background:#0000;border:none;border-radius:50%;bottom:12%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:50px;justify-content:center;position:fixed;right:12%;transition:background .3s;width:50px;z-index:9000}.chatbot-icon{height:auto;width:80px}.chat-landing-screen{background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-between}.chat-landing-container{flex:1 1;height:calc(100vh - 100px);margin:0 auto;max-width:700px;overflow:hidden;position:relative;width:100%}.category-selection{align-items:center;bottom:0;display:flex;justify-content:center;padding:1rem 0;position:absolute;width:100%}.category-selection,.chat-header{background-color:#fff;flex-shrink:0}.chat-header{position:-webkit-sticky;position:sticky;top:2%}.chat-title{margin-right:40px}.chat-header .go-back{background-color:#fff;border:none}.welcome-message h1{margin:5px 0}.landing-content{flex:1 1;margin:20px}.highlight-text{color:#00ce93;font-weight:700;margin:0}.no-margin{margin:0}.inline-heading{display:inline-flex;gap:4px}.inline-heading h1{margin:0}.landing-image{display:block;left:10%;margin:40px auto;position:relative}.category-texts{flex-wrap:wrap;gap:0;justify-content:center}.category-item,.category-texts{align-items:center;display:flex}.category-item{flex-direction:column;margin:0 5px;text-align:center}.category-item p{color:#555;font-size:12px;margin:-5px 0 10px;width:95px}.category-button{background-color:#00ce93;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:20px;height:50px;padding:10px 20px;width:170px}.category-button:hover{background-color:#315d51}.chat-wrapper{display:flex;margin:10px 0}.chat-wrapper.user{margin-right:8px}.chat-wrapper.bot{margin-left:8px}.chat-content{max-width:60%}.chatting{word-wrap:break-word;border-radius:12px;font-size:14px;padding:10px}.chatting.user{background-color:#eff1f3;font-weight:300}.chatting.bot{background-color:#00ce93;color:#fff;font-weight:300}.typing-indicator{align-items:center;display:flex;gap:4px;height:24px}.typing-indicator span{animation:bounce 1.2s infinite;background-color:#fff;border-radius:50%;height:3px;width:3px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.3)}}.chat-input-container-stock{justify-content:space-between}.chat-input-container,.chat-input-container-stock{align-items:center;background-color:#fff;bottom:0;box-sizing:border-box;display:flex;flex-wrap:nowrap;padding:10px;position:-webkit-sticky;position:sticky;width:100%}select.stock-input option:hover{background-color:#f0f0f0;color:#00ce93}.input-fields{align-items:center;background-color:#eff1f3;border-radius:10px;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-height:60px;padding:10px;width:calc(85.71429% - 10px)}@media (max-width:768px){.stock-input{width:100%}}.stock-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;font-weight:500;min-width:90px;padding:8px;width:calc(16.66667% - 10px);width:100px}.stock-input,.stock-input option[value=""]{color:#2a2738}.chat-input{background-color:#eff1f3;border:1px solid #ddd;border-radius:12px;color:#a1a0a6;flex:1 1;font-size:14px;padding:8px;resize:none}.send-button{background-color:#00ce93;border:none;border-radius:100%;color:#fff;cursor:pointer;font-size:14px;margin:10px;padding:10px 15px}.send-button:hover{background-color:#315d51}.date-wrapper{display:inline-block;position:relative}.date-placeholder{color:#8c8a97;font-size:14px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.date-input.empty{color:#0000}.chat-screen{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.chat-container{flex:1 1;height:calc(100vh - 100px);margin:0 auto;max-width:700px;overflow:hidden;width:100%}.chat-header{align-items:center;display:flex;height:80px;justify-content:space-between;width:100%}.stocki-wrapper{align-items:center;flex-grow:1;gap:8px}.stocki-wrapper img{height:auto;max-width:100%;width:20px}.chat-title{flex-grow:1;font-size:18px;font-weight:700;text-align:center}.go-back{background-color:initial;border:none;color:#636363;cursor:pointer;font-size:18px;margin-right:10px}.chat-comp{margin:2px}.chat-messages{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 200px);overflow-y:auto;padding:10px}.chat-wrapper.user{justify-content:flex-end}.chat-wrapper.bot{justify-content:flex-start}.tutorial-message-box{color:#fff;font-size:17px;line-height:1.6;position:absolute}.step-1{font-size:18px;font-weight:700;width:80%}.step-2{border-radius:10px;padding:10px}.highlight{font-weight:600}.highlight,.highlight-sub{color:#00ce93}.main-content{font-size:20px;font-weight:600}
/*# sourceMappingURL=main.1346e0ba.css.map*/