@import"https://use.typekit.net/twb3hfz.css";.errorMessageBox{display:none;flex-direction:column;background-color:var(--color-delete);color:#fff;border-radius:10px;overflow:hidden;margin:20px;padding:20px;gap:10px}.errorMessageBox .titleBox{display:flex;align-items:center}.errorMessageBox .titleBox .icon{width:30px;height:30px}.errorMessageBox .titleBox .title{font-size:1.2rem;font-weight:700;padding:10px}.errorMessageBox .body{font-size:1rem}.errorMessageBox .innerError{display:none;background-color:var(--color-delete);padding:10px;border-radius:10px}.errorMessageBox .actionButton{display:none;padding:10px 60px;font-size:1.12rem;color:#fff;background-color:var(--action-button-color);border-radius:10px;border-width:0;text-decoration:none}.spinner{flex-shrink:0}.spinner .spinnerRing{fill:none;stroke:#0d6efd;stroke-width:4;stroke-linecap:round;transform-box:fill-box;transform-origin:center}.spinner .spinnerCW{animation:spinnerCW linear infinite}.spinner .spinnerCCW{animation:spinnerCCW linear infinite}@keyframes spinnerCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerCCW{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.userStatusPopover{flex-direction:column;min-width:300px}.userStatusPopover .genericStateContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.userStatusPopover .section{width:100%;display:flex;flex-direction:column}.userStatusPopover .simpleRow{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:25px 0;margin:0 25px;border-bottom:1px solid #c3c3c3}.userStatusPopover .simpleRow .title{font-family:Tachyon,sans-serif;font-size:1.2rem;font-weight:400;padding:0 0 5px}.userStatusPopover .simpleRow .subtitle{font-size:1.2rem;color:#575757}.userStatusIcon{height:35px;width:35px}.userIconContainer{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.spinnerOverlay{position:relative;display:flex;justify-content:center;align-items:center;padding:15px;flex-grow:1}.spinnerOverlay .spinner{position:relative;z-index:1}.spinnerOverlay .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffffff5}.modal-content .title{font-size:1.4rem;font-weight:700;text-align:center}.modal-content .cover{position:absolute;top:0;left:0;width:100%;height:100%}.popoverOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;opacity:.1;background-color:#000;cursor:default}.popoverBubble{position:absolute;display:flex;flex-direction:column;background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 8px 16px #0003;z-index:2;overflow:scroll;padding:0;cursor:default}.modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.7;z-index:2}.modalContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;touch-action:none}.modalContainer .zoomPanContainer{display:flex;flex-direction:column;min-height:0;cursor:grab;transform-origin:center;transition:transform .1s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modalContainer .modalControls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:10px;background-color:#000000b3;border-radius:var(--corner-radius);z-index:2}.modalContainer .zoomButton{padding:8px 12px;background-color:#ffffffe6;border:none;border-radius:var(--corner-radius);cursor:pointer;font-size:14px;font-weight:700;color:#000;min-width:40px}.modalContainer .zoomButton:hover{background-color:#fff}.modalContainer .zoomButton:active{transform:scale(.95)}.modalContainer .closeIconButton{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;padding:10px;border-radius:var(--corner-radius);cursor:pointer;z-index:2}.modalContainer .closeIconButton:hover{background-color:#000}.modalContainer .closeIconImage{width:20px;height:20px}.imageView{display:flex;flex-direction:column;min-height:0}.imageView img{max-width:100%;max-height:100%;object-fit:contain}.mermaidView{display:flex;flex-direction:column;min-height:0;background-color:#fff}.mermaidView svg{width:800px;height:auto;max-width:100%;max-height:100%}.mermaidView .error{padding:20px;color:red;font-size:16px;text-align:center;background-color:#ff00001a;border-radius:var(--corner-radius);border:1px solid red}.poweredBy{font-size:.4em}.logoIcon{width:40px;height:40px}.logoTextContainer{display:flex;flex-direction:column;align-items:start;gap:2px}.logoText{font-size:.5rem;font-family:Tachyon,sans-serif;font-weight:700}.logoContainer{display:flex;align-items:center;gap:5px;text-decoration:none;color:#000}.logoBox{position:absolute;left:10px;bottom:10px;display:flex;flex-direction:column;gap:5px}.commonSessionTab{display:flex;padding:6px;border-top-left-radius:var(--corner-radius);border-top-right-radius:var(--corner-radius);border:1px solid black;border-bottom:none;align-items:center;background-color:#fff;margin:0 0 0 5px;cursor:pointer}.highlightableTab:hover{background-color:var(--color-base)}.sessionTab{flex-shrink:0;gap:20px}.sessionTab .title{padding-right:10px;font-size:14px;cursor:pointer}.sessionTab .titleSelected{font-weight:700}.sessionTabSelected{border-bottom:none}.sessionTab .button{display:none;cursor:pointer;justify-content:center;align-items:center}.sessionTab .button:hover{opacity:.6}.sessionTab .buttonIcon{width:14px;height:14px}.addSessionTab{cursor:pointer;flex-shrink:0;border-bottom:none!important;z-index:1}.addSessionTab .title{padding-right:10px;font-size:14px}.addSessionTab .icon{width:14px;height:14px}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu}:root{--color-base: rgb(240, 240, 240);--color-delete: rgb(200, 50, 50);--button-gray: rgb(240, 240, 240);--highlight-gray: rgb(230, 230, 230);--border-gray: rgb(200, 200, 200);--corner-radius: 5px;--action-button-color: #0D6EFD;--action-button-color-hover: #0b5ed7;--action-button-color-disabled: #a0c3f8}body{margin:0;padding:0;overscroll-behavior:none;touch-action:manipulation}html{overscroll-behavior:none;touch-action:manipulation}.genericStateContainer{display:flex;justify-content:center;position:relative;flex-grow:1}.readyStateContainer{display:flex;flex-direction:column;flex-grow:1;overflow-y:hidden}.emptyStateText{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;font-size:1.3rem;color:var(--border-gray)}.actionButton{padding:4px 10px;font-size:1rem;color:#fff;background-color:var(--action-button-color);border-radius:var(--corner-radius);border-width:0;text-decoration:none}.actionButton:disabled{background-color:var(--action-button-color-disabled);cursor:not-allowed}.flatButton{display:flex;gap:10px;padding:5px 10px;font-size:.9rem;font-weight:500;border-radius:var(--corner-radius);border-width:0;align-items:center;background-color:var(--button-gray);cursor:pointer}.flatButton:hover{background-color:var(--highlight-gray)}.outerPageContainer{display:flex;justify-content:center}.innerPageContainer{max-width:1400px;width:100%}.fitContentToPage{display:flex;flex-direction:column;height:100dvh}.modalForm{display:flex;flex-direction:column;gap:75px}.modalForm .formFieldsContainer{display:flex;flex-direction:column;gap:10px}.modalForm .fieldRow{display:flex;flex-direction:row;gap:10px}.modalForm .disabled{background-color:#a4c9ff;cursor:not-allowed}.modalForm .comingSoonMessage{padding:20px;font-size:1.2rem;text-align:center;color:red}.sessionBrowser{display:flex;flex-direction:column;flex-grow:1;overflow-y:hidden}.sessionBrowser .sessionsTabsContainer{position:relative;display:flex;flex-direction:column;flex-shrink:0}.sessionBrowser .sessionTabsLine{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000}.sessionBrowser .sessionTabs{display:flex;justify-content:start;overflow-x:auto}.sessionBrowser .detailPane{display:flex;flex-direction:column;flex-grow:1;overflow-y:hidden}.projectListHeader{display:flex;justify-content:space-between;align-items:end;padding:40px 30px 20px}.projectListHeader .projectListTitle{font-size:1.3rem;font-weight:700}.projectCell{display:flex;align-items:center;margin:0 20px;padding:5px;background-color:#fff;border-radius:var(--corner-radius);cursor:pointer}.projectCell .chevron{width:10px;height:10px}.projectCell .projectCellName{flex-grow:1;padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.projectCell:hover,.projectCell.selected{background-color:var(--highlight-gray)}.projectList{display:flex;flex-basis:30%;flex-direction:column}.projectList .scrollingContainer{width:100%;height:100%;display:flex;flex-direction:column;justify-content:start;overflow-y:auto}.projectList .emptyState{padding:50px;text-align:center;font-size:1.3rem;color:var(--border-gray)}.resizableDivider{display:flex;width:2px;background-color:var(--border-gray);cursor:col-resize;flex-shrink:0;position:relative}.resizableDivider:hover,.resizableDivider.dragging{background-color:#00f}.resizableDivider:after{content:"";position:absolute;inset:0 -2px;cursor:col-resize}.projectBrowser{display:flex;width:100%;height:100dvh}.projectBrowser .detailPane{flex-basis:70%;flex-grow:1;display:flex;flex-direction:column;height:100%}.paymentMethodSection,.paymentMethodSection .readyStateContainer{display:flex;flex-direction:column}.paymentMethodSection .paymentMethodRow{display:flex;justify-content:space-between;align-items:center}.paymentMethodSection .onFileText{font-weight:500}.paymentMethodSection .buttonIcon{width:20px;height:20px}.paymentMethodSection .button{cursor:pointer;justify-content:center;align-items:center}.paymentMethodSection .button:hover{opacity:.6}.paymentMethodSection .buttonContainer{display:flex;gap:8px;align-items:center}.paymentMethodSection .stripeStateContainer{flex-direction:column;gap:16px}.paymentSection{display:flex;flex-direction:column;gap:12px;padding-top:8px;border:none;border-top:1px solid #e0e0e0;margin:0;min-width:0}.paymentSection .fieldRow{display:flex;flex-direction:row;align-items:center;gap:8px}.paymentSection .label{font-weight:500}.paymentSection .autoRefillText{font-size:.875rem}.userAccountForm{display:flex;flex-direction:column;gap:12px}.userAccountForm .fieldRow{display:flex;flex-direction:row;align-items:center;gap:8px}.userAccountForm .label{min-width:80px;font-weight:500}.userAccountForm .balanceDisplay{font-weight:600}.userAccountForm .paymentSectionContainer,.purchaseCreditsForm{display:flex;flex-direction:column;gap:12px}.purchaseCreditsForm .fieldRow{display:flex;flex-direction:row;align-items:center;gap:8px}.purchaseCreditsForm .label{min-width:60px;font-weight:500}.purchaseCreditsForm .unit{color:#666}.purchaseCreditsForm input[type=number]{width:80px}.purchaseCreditsForm .priceDisplay{font-weight:600}.tabBar{display:flex;border-bottom:1px solid var(--border-gray)}.tab{display:flex;flex-direction:column;gap:10px;margin:5px 5px 0;cursor:pointer}.tab .tabTitle{padding:5px;border-radius:var(--corner-radius)}.tab .tabTitle:hover,.tab .tabTitleSelected{background-color:var(--highlight-gray)}.tab .selectionIndicator{height:2px;background-color:#00f}.tabbedDetailView{display:flex;height:100%;flex-direction:column;padding:20px 20px 0}.tabbedDetailView .tabbedDetailViewTitle{font-size:1.3rem;font-weight:700}.tabbedDetailView .tabbedContentContainer{display:flex;height:100%;flex-direction:column;padding:20px 0;overflow-y:hidden}
