button{background-color:#0006;cursor:pointer}button:hover{background-color:#fff3}button:disabled{background-color:#00000026;cursor:default}.text-button{color:#ffffff4d;background-color:transparent}.text-button:hover,.text-button.active{color:#fff;background-color:transparent}.avatar-pic-wrapper{display:flex;justify-content:center}.avatar-pic-wrapper .avatar{width:200px;height:200px}.login-card{background:#0000001a;padding:2rem;box-shadow:0 8px 24px #0003;max-width:500px}.login-links button{background:none;padding:0;font-weight:700}.login-links button:hover{text-decoration:underline}.page-container{height:100dvh;width:100dvw;display:flex;flex-direction:column}.page-content-center{margin-top:133px;padding:2rem;height:100%;overflow-y:auto}.page-content{height:100%;width:100%;max-width:1300px;border-radius:0}.questions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.udp-sidebar{width:100%;height:auto;background-color:#0006;max-width:300px}.udp-menu-item{text-align:left;padding:1rem;background-color:transparent}.udp-menu-item:hover{background:#0006}.udp-menu-item.active{background:#0006;font-weight:700}.udp-content{flex:1;overflow-y:auto;height:100%}.text-button{padding-bottom:.5rem;padding-top:.5rem}.text-button.range-active:hover{background-color:#0006}.text-button.range-active{color:#fff;background-color:#0006}@media (max-width: 800px){.page-content-center{padding:1rem}.questions-grid{display:flex;flex-direction:column}.udp-sidebar{display:inherit;max-width:100%}.udp-layout{flex-direction:column}.udp-content{width:100%;height:auto;flex:0 0 auto;overflow-y:auto}}.center-layout{display:flex;justify-content:flex-start;align-items:flex-start}.horizontal{justify-content:center;width:100%}.vertical{align-items:center;height:100%}.linear-layout{width:"100%";height:"100%";display:flex}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.answer-selector-container{display:flex;width:100%;gap:5px}.yes-button{background-color:#43c77333;color:#43c773;padding-top:.5rem;padding-bottom:.5rem}.no-button{background-color:#e1373733;color:#e13737;padding-top:.5rem;padding-bottom:.5rem}.yes-button:hover{background-color:#43c773;color:#fff}.no-button:hover{background-color:#e13737;color:#fff}.yes-button,.no-button{width:100%;cursor:pointer}.yes-button.selected{background-color:#43c773;color:#fff}.no-button.selected{background-color:#e13737;color:#fff}.asset-preview{position:relative;overflow:hidden;cursor:pointer;border-radius:8px}.preview-img{width:100%;height:100%;object-fit:cover}.asset-preview:hover .preview-img{filter:brightness(.7)}.preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0}.asset-preview:hover .preview-overlay{opacity:1}.edit-icon{width:50px;height:50px;filter:brightness(0) invert(1)}.asset-preview:hover .edit-icon{transform:scale(1.1)}.asset-selector{position:absolute;inset:0;visibility:visible;background-color:#00000080;z-index:1000}.asset-selector.open{opacity:1;visibility:visible}.asset-selector.close{opacity:0;visibility:hidden}.selector-layout{height:50vh;width:50vw;background-color:#000;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));overflow-y:auto;gap:1rem;padding:1rem;position:relative}.asset-item{position:relative}.selected-asset{position:absolute;top:0;left:0}.selected-asset-icon{width:100px;height:100px}.asset-item:hover{filter:brightness(.7);cursor:pointer}.asset-item.selected{border:3px solid white;cursor:pointer;filter:brightness(.5)}.category-select{cursor:pointer;width:100%}.arc-background{fill:#fff3;border-radius:8px}.arc-progress{transition-property:none;border-radius:8px}.prob-value{fill:#fff;font-size:14px;text-anchor:middle;y:0}.prob-label{fill:#fff;font-size:12px;text-anchor:middle}.x-hover-line,.y-focus-circle-yes,.focus-date-text{transition-property:all;transition-duration:0s}.y-focus-circle-yes,.focus-date-text{transition-property:y;transition-duration:.2s}.x-hover-line{stroke-width:2}.focus-date-text{color:#fff}.tick{stroke-dasharray:4,4;stroke-width:1}.y-axis-grid .tick text,.x-axis-grid .tick text{fill:#fff}.color-number{font-size:30px;transition-property:all;transition-duration:0s}.color-number-single{font-size:20px;transition-property:all;transition-duration:0s}.question-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;box-shadow:0 4px 16px #0006}.question-card:hover{transform:translateY(-3px)}.prediction-card{background-color:#0006;padding:1rem;box-shadow:0 4px 16px #0006}.prediction-card:hover{transform:translateY(-3px);cursor:pointer}.graph-section{display:flex;justify-content:center}.top-bar{position:fixed;padding:1rem 2rem;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;width:100vw;height:auto;border-radius:0 0 8px 8px}.top-bar-button{font-size:18px}.user-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:30px;cursor:pointer}.user-wrapper:hover{background:#0af6}.avatar{position:relative;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#43c7734d,#e137374d);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;overflow:hidden;cursor:pointer}.avatar:after{content:"";position:absolute;inset:0}.avatar:hover:after{background-color:#00000040}.avatar>*{position:relative;z-index:1}.user-dropdown{position:absolute;top:70px;right:2rem;box-shadow:0 4px 12px #0000004d;background-color:#0af;min-width:160px;width:250px;z-index:20}.dropdown-btn{width:100%;text-align:left;color:#fff;background-color:transparent;padding:.5rem 1.5rem;border-radius:0}.dropdown-btn:hover{background-color:#0006}.separator{border-top:1px solid #aaa;margin:.5rem 0rem;border-radius:0}.dropdown-header{font-weight:700;color:#fff;margin:.5rem 1rem}.side-menu-container{background-color:#2c4158;position:absolute;top:0;left:100vw;height:100vh;width:300px;z-index:1001;border-radius:8px 0 0 8px;visibility:hidden;overflow-y:auto}.side-menu-container.open{visibility:visible;left:calc(100vw - 300px)}.side-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;opacity:0;pointer-events:none;z-index:1000}.side-menu-overlay.visible{opacity:1;pointer-events:all}.more-button .categories-dropdown{position:absolute;top:100%;width:200px;background:#1e4874;border-radius:0 0 8px 8px;z-index:1000;visibility:hidden}.more-button.open .categories-dropdown{visibility:visible}.more-button{padding:.5rem 0;cursor:pointer}.more-button-text{font-weight:700;font-size:18px;color:#ffffff4d}.more-button-text:hover{color:#fff;width:100%}.search-btn{background-color:#0006;height:50px;justify-content:space-between;border-radius:0}.search-btn:hover{background-color:#0009;cursor:pointer}@media (max-width: 800px){.top-bar{padding:1rem}.side-menu-container{width:250px}.side-menu-container.open{left:calc(100vw - 250px)}}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.dialog-box{max-width:500px;max-height:600px;width:100%;height:100%;background-color:#1e4874;margin:3rem}.dialog-header{padding:1rem;background-color:#0000004d;border-radius:8px 8px 0 0}.dialog-footer{padding:1rem;display:flex;justify-content:flex-end;gap:1rem;background-color:#0000004d;border-radius:0 0 8px 8px}@media (max-width: 800px){.dialog-box{margin:1rem}}*{width:auto;height:auto;margin:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#1a3d63 rgba(0,0,0,.7);font:1em sans-serif;background-color:transparent;transition-property:all;transition-duration:.3s;border-radius:8px;border:none;color:#fff}*::-webkit-scrollbar{width:2rem}*::-webkit-scrollbar-track{background:#1c212d}body{background:linear-gradient(135deg,#405f80,#1e4874)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{text-decoration:none}a:hover{text-decoration:underline}label{display:block}input,textarea,select{background:#0006;outline:none}input:focus,textarea:focus,select:focus{background:#0009}input::placeholder{color:#ffffffb3}a,button,input,textarea,select{padding:1rem}
