:root{--gray-50:#f5f5fa;--gray-100:#e5e7f0;--gray-200:#b0b3c5;--gray-300:#9397aa;--gray-400:#676b81;--gray-500:#565968;--gray-600:#434655;--gray-700:#31303b;--gray-800:#232529;--gray-900:#1b1a1f;--primary-purple-300:#8378f9;--primary-purple-500:#6860d7;--primary-purple-700:#5248bb;--primary-purple-900:#333249;--primary-blue-1:#6ab4ff;--color-base:#23232c;--color-base-light:#252525;--color-base-lighter:#31303b;--color-base-lightest:#3a3a3a;--color-gradient-text:linear-gradient(90deg,var(--primary-purple-500),var(--primary-purple-300));--color-gradient-button:linear-gradient(90deg,var(--primary-purple-500),var(--primary-purple-300));--color-gradient-support-border:linear-gradient(90deg,#726dae,#7690ad) 1;--color-gradient-support-content:linear-gradient(90deg,#52516e,#52606a);--color-gradient-support-content-hover:linear-gradient(90deg,#63627c,#636f78);--color-gradient-support-border-hover:linear-gradient(90deg,#807bb6,#839bb5) 1;--color-primary-opacity:#7e78f910;--color-primary-opacity-dark:#33324910;--color-warning:#ffb3cb;--color-warning-dark:#584148;--color-warning-darker:#383134;--color-success:#7bde91;--color-success-dark:#3f5142;--color-success-darker:#303a32;--color-neutral:#858585;--color-neutral-light:#cfcfcf;--color-neutral-lighter:#f0f0f0;--color-neutral-lightest:#efeff8;--color-neutral-dark:#565656;--color-neutral-darker:#1b1a1a;--color-neutral-darkest:#0d0d0d;--color-font-light:var(--gray-50);--color-font-dark:var(--gray-900);--color-page-background:var(--gray-800);--color-button-background:var(--color-base-lighter);--color-input-background:var(--gray-700);--color-input-background-disabled:var(--color-base-lightest);--color-slider-background:var(--color-neutral);--color-slider-range-background:var(--color-neutral-light);--color-selected-button-hover:var(--color-neutral-light);--color-progress-bar-background:var(--color-neutral-lighter);--color-border:var(--gray-100);--color-slider-handle-background:var(--color-neutral-lighter);--color-input-border:var(--color-neutral-lighter);--color-disabled-button:var(--color-neutral-dark);--color-error-background:var(--color-neutral-darker);--color-navbar-background:var(--gray-900);--hc-navbar-height:75px;--hc-tiny-navbar-height:45px;--hc-main-content-width:1550px;--hc-sidebar-width:225px}#app,.page{height:100%}.page{display:flex;flex-direction:column;height:100vh}.main{flex:1}.gray-700{background-color:var(--gray-700)}.gray-600{background-color:var(--gray-600)}.loading-message{display:flex;flex:1;justify-content:center;margin-top:25rem}.spinner-border{display:inline-block;border-radius:9999px;height:1.5rem;width:1.5rem;border:.25em solid;border-right:.25em solid transparent}.spinner-border.tiny{height:1rem;width:1rem;border:.15em solid;border-right:.15em solid transparent}.spinner-border.medium{height:3rem;width:3rem}.spinner-border.large{height:5rem;width:5rem}.ignore-div{display:contents}.main-content-container{display:flex;flex-direction:column;align-items:center;padding-top:5rem;gap:3rem;height:100%}.main-content{display:flex;flex-direction:column;width:100%;max-width:var(--hc-main-content-width);padding:0 4rem}.main-content-container .card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:1.25rem}.tabular-nums{font-variant-numeric:tabular-nums}.search-box{position:relative}.search-box svg{position:absolute;left:12px;top:8px;width:1.5rem;height:1.5rem}.search-box svg path{fill:var(--gray-100)}.search-box input{padding-left:2.75rem;width:30rem;height:2.75rem;border-radius:25px}.search-box input::-moz-placeholder{color:var(--gray-100)}.search-box input::placeholder{color:var(--gray-100)}.case-locked-modal img{width:12rem}.case-locked-modal{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-bottom:2rem}.case-locked-modal div{text-align:center}.controls{display:flex;align-items:center;gap:.5rem}.icon-sm svg{width:1.5rem;height:1.5rem}.icon-md svg{width:2rem;height:2rem}.icon-lg svg{width:3rem;height:3rem}.icon-xl svg{width:5rem;height:5rem}.icon-extra-large svg{width:15rem;height:15rem}.icon-50{display:flex;justify-content:center}.icon-50 svg{display:block;width:50%!important;height:auto!important}.icon-dark circle,.icon-dark path,.icon-dark rect{fill:var(--color-neutral-darker)}.icon-dark circle{stroke:var(--color-neutral-darker)}.popup-menu .rz-tooltip-content{all:unset;padding:0;margin:0}.popup-menu ul{list-style:none;padding:0;margin:0;background-color:var(--gray-600);box-shadow:0 2px 20px 0 rgba(0,0,0,.22);border-radius:10px;overflow:hidden;line-height:1.6rem}.popup-menu li{position:relative}.popup-menu li>*{padding:.5rem 2rem .5rem .75rem;display:flex;gap:1rem;align-items:center;width:100%}.popup-menu li>:hover{background-color:var(--gray-500);color:#fff}.popup-menu li>button{background-color:unset;outline:unset;border:none;color:inherit}.popup-menu .line-bottom{border-bottom:1px solid var(--gray-50)}.popup-menu li:not(.line-bottom):not(:last-child):after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;width:90%;background-color:var(--gray-400)}.interaction-panel{position:absolute;display:flex;flex-direction:column;flex-grow:1;gap:5px;pointer-events:none}.interaction-panel.right{right:0}.viewport-panel{flex-grow:1;flex-basis:0;position:relative}.viewport-side-panel{position:absolute;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;flex-direction:column;padding:.25rem;gap:.25rem;pointer-events:auto;width:30px}.viewport-side-panel.disabled{pointer-events:none}.center{margin:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.fade-in{animation:fadeIn .5s ease;-webkit-animation:fadeIn .5s ease;-moz-animation:fadeIn .5s ease;-o-animation:fadeIn .5s ease;-ms-animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar{position:sticky;top:0;display:flex;justify-content:center;background:var(--gray-900);z-index:1000}.navbar-logo{display:flex;gap:2rem}.navbar-content .logo{height:2.5rem}.navbar-content.tiny .logo{height:2rem;padding-right:.8rem}.navbar-content .nav-button{border-radius:100%;width:3.5rem;height:3.5rem;border:0;display:flex;justify-content:center;align-items:center}.navbar-content .nav-button.tiny{width:2.4rem;height:2.4rem}.nav-button{background-color:var(--gray-700)}.navbar-content .nav-button svg{width:2rem;height:2rem}.navbar-content .nav-button.tiny svg{width:1.25rem;height:1.25rem}.navbar-content .nav-button.active{background-color:var(--primary-purple-900);border:3px solid var(--primary-purple-500)}.navbar .navbar-wrapper{display:flex;flex-direction:row;width:100%;max-width:2560px;align-items:center}.navbar-content{background:var(--color-navbar-background);display:flex;flex-direction:row;padding:1.5rem;height:var(--hc-navbar-height);align-items:center;gap:1rem}.navbar-content.tiny{height:var(--hc-tiny-navbar-height);justify-content:center;gap:.5rem}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{background-color:var(--color-neutral-light)}::-webkit-scrollbar-thumb{border-radius:20px;background-color:var(--color-base-lightest);background-clip:unset}button:not(:disabled){cursor:pointer}button{transition:background-color .3s ease}.button-no-style{all:unset;outline:none;cursor:pointer}.button,.rz-button{align-items:center;border:1px solid transparent;padding:.5rem 1rem;text-align:center;text-decoration:none;display:inline-flex;vertical-align:middle;cursor:pointer;gap:.5rem;border-radius:.25rem}.button svg,.row-button .spinner-border,.row-button svg{width:1.25rem;height:1.25rem}.button-small{padding:.125rem .5rem}.button-small svg{width:1rem;height:1rem}.button-action{display:inline-flex;justify-content:left;font-weight:500;padding:.75rem 1rem}.button-action svg{width:1.75rem;height:1.75rem}.button-action.selected svg path{fill:var(--color-base)}.button-action-back{color:#fff;background-color:var(--color-input-background);margin-right:1rem}.button-action-warning{color:var(--color-neutral-lightest);background-color:var(--color-warning-darker);border:1px solid var(--color-warning);outline:none}.button-action-warning:focus,.button-action-warning:hover{background-color:var(--color-warning-dark);border:1px solid var(--color-warning)}.rz-button:not(.rz-state-disabled):hover:not(:active){box-shadow:none}.rz-button{height:2.5rem}.rz-primary:not(:disabled):not(.disabled):active,.rz-primary:not(:disabled):not(.disabled):active:focus{background-color:var(--color-warning-dark);border:1px solid var(--color-warning);box-shadow:none}.rz-primary:focus{box-shadow:none}.button-icon{padding:0;width:2.2rem;height:2.2rem;display:inline-flex;justify-content:center;align-items:center}.button-icon.small{width:1.75rem;height:1.75rem}.row-button{color:var(--color-font-light);border:1px solid transparent;text-decoration:none;cursor:pointer;display:flex;gap:.5rem;align-items:center;padding:.25rem .5rem;width:100%;border-radius:.25rem;overflow:hidden}.row-button:focus{outline:none}.row-button>*{display:flex;align-items:center}.button:disabled,.button:disabled:hover,.button[disabled],.button[disabled]:hover,.row-button:disabled,.row-button:disabled:hover,.row-button[disabled],.row-button[disabled]:hover{pointer-events:none;border:1px solid transparent}.rz-radiobutton{height:1.25rem;width:1.25rem}.rz-radiobutton-box{border-color:var(--gray-50)}.rz-radiobutton-box,.rz-radiobutton-box.rz-state-active{background-color:var(--color-button-background)}.rz-radiobutton-box .rzi-circle-on{width:.875rem;height:.875rem}.filter-button{border-radius:3rem;padding:.25rem 1rem;background-color:var(--gray-600);border:2px solid transparent;box-shadow:0 2px 16px 0 rgba(0,0,0,.1)}.filter-button:hover{background-color:var(--gray-500);border:2px solid transparent}.filter-button.active,.filter-button.selected{background-color:var(--gray-500);border:2px solid var(--primary-purple-500)}.filter-button.active:hover,.filter-button.selected:hover{background-color:var(--gray-600)}.filter-button.selected svg path{fill:#fff}.filter-button.disabled{border:1px solid var(--primary-purple-900);background-color:var(--primary-purple-900);opacity:.5;color:#fff;pointer-events:none}.filter-button.disabled path{fill:#fff}.filter-button-icon{padding:0}.nav-button.gray-700:hover,button.gray-700:hover{background-color:var(--gray-600)}.nav-button.gray-600:hover,button.gray-600:hover{background-color:var(--gray-500)}button.active:not(.nav-button):not(.filter-button):not(.hc-stepper-button),button.selected{background-color:var(--gray-500);border:1px solid var(--primary-blue-1)}button.active:hover,button.selected:hover{background-color:var(--gray-600)}.hc-card{border-radius:5px;border:1px solid transparent;display:flex;background-color:var(--gray-700);transition:background-color .3s ease;padding:1rem}.card-container-resource{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:.75rem}.hc-card-resource{flex-direction:row;align-items:center;padding:.5rem}.hc-card-resource svg{flex:1}.hc-card-resource-title{margin:0;padding:1rem;flex:9;text-align:center;font-size:1.2rem;color:var(--color-font-light)}.hc-card-resource svg{width:4rem;height:4rem}.hc-card:not(.disabled):hover{background-color:var(--gray-600)}.hc-card.disabled{cursor:default}.hc-card.disabled .fade-on-disabled{opacity:.5}.hc-cards-group{display:flex;flex-wrap:wrap}.hc-card-group{display:flex;flex-direction:row;align-items:center;margin:5px 10px 5px 0;border-color:var(--gray-700);background-color:var(--gray-700)}.hc-card-group p{margin:0;color:#fff;padding:.5rem .8rem}.hc-card-group svg{height:1.5rem;width:1.5rem;margin-right:8px}.hc-card-group svg path{fill:var(--primary-purple-500)}.error-overlay{position:fixed;width:100%;height:100%;inset:0;z-index:1002;background-color:rgba(0,0,0,.3);backdrop-filter:blur(2px)}.error-container{background:var(--color-error-background);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35rem;z-index:10;padding:1.25rem;overflow:hidden;border-radius:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.error-button-container{display:flex;gap:.5rem}.error-404-container{display:flex;align-items:center;justify-content:center;height:100%}.error-404-container>div{text-align:center;height:40rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-404-container h1{background:var(--color-gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:10rem;line-height:10rem}.error-404-container h2{font-size:3rem;line-height:4rem}#blazor-error-ui{position:fixed;display:none;inset:0;z-index:10}.unhandled-error-body{display:flex;flex-direction:column;align-items:center;gap:1rem}.input-dropdown select{padding:.5rem 1rem;font-size:1rem;border-radius:.3rem}.input-username:after{position:absolute;top:50%;transform:translateY(-50%);right:.5rem;content:"@holocare.com";color:var(--gray-200);pointer-events:none}.rz-chkbox-box{background-color:transparent}.rz-chkbox-box.rz-state-active,.rz-chkbox-box.rz-state-active:hover{background-color:var(--primary-purple-700)}.rz-chkbox-icon.rzi-check{scale:1.25}.rz-dialog{border-radius:1rem;z-index:3000;min-width:10rem!important;min-height:2rem!important}.rz-dialog,.rz-dialog .rz-dialog-titlebar{background:var(--color-page-background);color:#fff}.rz-dialog .rz-dialog-titlebar{font-size:1.25rem}.rz-dialog .rz-dialog-title{color:var(--color-font-light);font-weight:700}.rz-dialog-mask{background-color:var(--color-neutral-darkest);opacity:.7}.rz-dialog .rzi-times{color:#fff}.rz-dialog .rz-primary{float:right;display:flex;justify-content:center}.rz-dialog-confirm-buttons{flex-direction:row-reverse}.delete-modal .rz-button.rz-secondary{background:var(--gray-700);display:flex;justify-content:center;font-size:1.25rem}.delete-modal .rz-button.rz-primary{color:var(--color-font-light);background:var(--color-warning-darker);border:1px solid var(--color-warning);font-size:1.25rem}.delete-modal .rz-button.rz-primary:hover{background:var(--color-warning-dark);border:1px solid var(--color-warning)}.activate-modal .rz-button.rz-secondary{background:var(--color-base-lightest);display:flex;justify-content:center;font-size:1.25rem}.activate-modal .rz-button.rz-primary{color:var(--color-font-light);background:var(--color-success-darker);border:1px solid var(--color-success);font-size:1.25rem}.activate-modal .rz-button.rz-primary:hover{background:var(--color-success-dark);border:1px solid var(--color-success)}.shortcuts-dialog-container td{padding-bottom:.25rem}.hotkey{background:var(--primary-purple-500);padding:.125rem .25rem;border-radius:.25rem;color:var(--gray-50)}.modal-container{display:flex;flex-direction:column;min-height:35rem;gap:.5rem}.modal-container hr{margin-left:0;margin-right:0}.modal-container:before{content:" ";height:2px;width:100%;background:var(--color-gradient-button);display:block;position:absolute;right:0;top:3.25rem}.hc-modal-title{text-align:center}.hc-modal-title-no-stepper{text-align:center;margin-top:2rem}.hc-modal-content{display:flex;flex-direction:column;gap:1rem;flex-grow:1}.hc-modal-content input:not([type=checkbox]){width:100%}.hc-modal-content .rz-chkbox{height:1.5rem;width:1.5rem}.hc-modal-navigation-buttons{display:flex;gap:.5rem;justify-content:flex-end;align-items:flex-end}.hc-modal-guidance-content{gap:1.5rem;flex-grow:1}.hc-modal-guidance-content,.hc-modal-guidance-content>div{display:flex;flex-direction:column}.hc-modal-guidance-content input,.hc-modal-guidance-content textarea{color:#fff;background-color:var(--color-page-background);border:1px solid var(--color-neutral-dark);border-radius:.5rem;padding:1rem}.hc-modal-text{color:var(--color-neutral)}.hc-modal-footnote{color:var(--color-neutral-light)}.hc-modal-guidance-submit-button{display:flex;text-align:right;gap:.5rem;justify-content:flex-end;align-items:flex-end}.hc-modal-header{margin-top:1.5rem}.content-table{border-collapse:collapse}.content-table td,.content-table th{text-align:left;padding:.3rem;align-items:center}.content-table th{background-color:var(--gray-800);border-bottom:2px solid var(--primary-purple-700)}.content-table td{cursor:pointer;border-bottom:1px solid var(--gray-600)}.content-table tr:hover{background-color:var(--gray-600)}.user-dialog-input{justify-content:flex-end}.rz-dialog-titlebar-close{scale:1.7}.rz-dialog-titlebar-close:focus .rzi-times,.rz-dialog-titlebar-close:hover .rzi-times{outline:none;color:var(--color-neutral-light)}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--gray-50)}.notification{display:none;padding:1rem;border-radius:.5rem;position:fixed;left:50%;bottom:1rem;transform:translate(-50%,-50%);margin:0 auto;min-width:15rem}.notification-visible{display:flex;animation:5s ease-in}.notification-content{display:flex;flex-direction:column;color:var(--color-font-light);width:100%}.notification-upper-content{display:flex;align-items:center;justify-content:space-between}.notification-upper-content svg{height:1.8rem;width:1.8rem}.notification-upper-content h4{margin:0}.notification-bottom-content{text-align:left;line-height:2rem;margin:1rem 0 0}.notification.success{background-color:var(--color-success-darker);border:1px solid var(--color-success)}.notification.success:focus,.notification.success:hover{background-color:var(--color-success-dark);border:1px solid var(--color-success)}.notification.error{background-color:var(--color-warning-darker);border:1px solid var(--color-warning)}.notification.error:focus,.notification.error:hover{background-color:var(--color-warning-dark);border:1px solid var(--color-warning)}.slider-panel{display:flex;align-items:center;flex-direction:column}.slider-panel.vertical-slider{height:100%}.vertical-slider .slider-controls{flex-direction:column;height:100%}.slider-panel-labels{gap:1rem}.slider-controls,.slider-panel-labels{width:100%;display:flex;align-items:center}.slider-panel .rz-slider-horizontal{height:.5rem;width:100%;background:var(--gray-500);border:none}.slider-panel .rz-slider-range{background:var(--color-slider-range-background);border:none}.single-slider .rz-slider-range{background:transparent}.slider-panel .rz-slider-handle{position:absolute;transform:translateY(-50%);top:50%;margin-left:-.5rem;background:var(--color-slider-handle-background);border-radius:.9rem;width:1.25rem;height:1.25rem}.slider-panel .rz-slider-handle:before{display:none}.slider-panel .rz-slider:not(.rz-state-disabled) .rz-slider-handle:hover{background-color:var(--color-slider-handle-background)}.hc-stepper-circle,.hc-stepper-container,.hc-stepper-item,.hc-stepper-list{display:flex}.hc-stepper-circle,.hc-stepper-container,.hc-stepper-item{justify-content:center}.hc-stepper-container{width:100%;align-items:center}.hc-stepper-item{flex-direction:column;position:relative;text-align:center;padding:0 2rem;min-width:15rem}.hc-stepper-item .active{background-color:var(--color-primary-opacity);color:#fff;border-radius:5px;height:7rem;outline:none}.hc-stepper-item:last-child:after{content:"";position:absolute;left:0;top:4.2rem;background-color:var(--color-neutral);width:100%;height:2px;transform:translateX(-50%);z-index:-10}.hc-stepper-item:last-child:has(.active):after{background-color:var(--primary-purple-700)}.hc-stepper-button{transition:background-color .5s}.hc-stepper-button:hover{background-color:var(--color-primary-opacity-dark)!important}.not-active.hc-stepper-button:focus,.not-active.hc-stepper-button:hover{position:relative;background-color:var(--color-primary-opacity-dark);border-radius:5px;height:7rem;outline:none}.hc-stepper-circle{height:4rem;width:4rem;align-items:center;border-radius:50%;font-weight:600;margin:0 auto;position:relative;z-index:10}.hc-stepper-circle:after{content:"";height:1.1rem;width:1.1rem;background:var(--color-page-background);border:2px solid var(--color-neutral);border-radius:50%;position:absolute;left:50%;right:50%;transform:translateX(-50%);z-index:-10}.active .hc-stepper-circle:after{height:1.5rem;width:1.5rem;border:3px solid var(--primary-purple-700)}.complete .hc-stepper-circle:after{height:1.7rem;width:1.7rem;border:1px solid var(--primary-purple-700)}.complete .hc-stepper-circle:before{content:"";height:.35rem;width:.7rem;border-left:1px solid var(--primary-purple-700);border-bottom:1px solid var(--primary-purple-700);position:absolute;left:50%;top:51%;transform:translate(-50%,-80%) rotate(-45deg);transform-origin:center center}.version-label{position:relative;bottom:1rem;padding-right:1.25rem;right:0;text-align:right;margin-top:auto;margin-left:auto}.version-label.fixed{position:fixed}.version-label p{line-height:.9em}.version-subtitle{font-size:.75em}.dot{height:1rem;width:1rem;border-radius:50%}.disabled-customer{border:3px solid var(--color-warning)}.active-customer{background-color:var(--color-success)}.inactive-customer{background-color:var(--color-neutral)}.content-table .disabled-customer-row td{color:var(--color-neutral)!important}.content-table .disabled-customer-row:hover td{color:var(--color-neutral-light)!important}.customer-status-section{display:flex;flex-direction:column;gap:.5rem}.status-section{display:flex;align-items:center;gap:1rem}.sortable-header{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;cursor:pointer}.sortable-header:after{display:inline-block;content:"";width:1rem;transition:transform .25s;transform-origin:35% 55%;margin-left:.25rem}.sortable-header:hover:after{content:"↑";width:1rem}.sortable-header:hover{background-color:var(--gray-600)}.sort-asc:after{content:"↑"}.sort-desc:after{content:"↑";transform:rotate(180deg)}.editor{display:flex;height:100%}.editor-panel-content{display:flex;flex:1;padding:.75rem;flex-direction:column;gap:.5rem}.editor-panel-content .version-label{bottom:0;margin-top:0;padding-right:0}.editor-central-panel{padding:1.25rem;background-color:var(--color-base-light);flex-grow:1;display:flex;flex-direction:column}.lesion-edit-menu-button{width:1.5rem;height:1.5rem;border-radius:1.5rem;background-color:transparent;border:0;padding:.125rem}.display-settings{overflow:hidden}.display-settings .collapsed,.display-settings .expanded{padding:1rem .75rem;border:2px solid var(--gray-700);display:flex;flex-direction:column;gap:2rem}.display-settings>div{margin-top:-170%;transition:margin-top .8s}.display-settings .expanded{margin-top:0}.display-settings .opacity-selector{display:flex;align-items:center;gap:.5rem}.display-settings .opacity-selector .rz-spinner{width:5.5rem;margin-right:.5rem}.display-settings .opacity-selector .slider-panel{margin-top:0}.library-container{display:flex;flex-direction:column;align-items:center;padding-top:5rem;gap:3rem;height:100%;transition:all 0s ease}.library-content{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:var(--hc-main-content-width);padding:0 2rem}.library-container .controls{display:flex;justify-content:space-between;align-items:center}.library-container .filters{display:flex;align-items:center;gap:3rem;margin:2rem 0}.library-container .hc-card{flex-direction:column}.hc-card .hc-card-header{display:flex;align-items:start;margin-bottom:.125rem;font-size:1.125rem}.library-container .hc-card>a{display:flex;height:11rem;align-items:center;flex-direction:row;gap:2rem;color:var(--color-font-light)}.library-container .hc-card a.disabled{cursor:default}.hc-card h4{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.5em}.library-container .card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:.75rem}.library-container .card-container .organ{height:6rem;width:6rem}.card-container .action-menu-icon{height:2rem;width:2rem;border-radius:2rem;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;background-color:transparent;aspect-ratio:1}.card-container .organ img{width:6.4rem}.card-container .status-text{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #b0b3c5}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#676b81}input::placeholder,textarea::placeholder{opacity:1;color:#676b81}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input[type=checkbox]{accent-color:#5248bb}h1{font-size:2.25rem;line-height:2.5rem;font-weight:400}select{border-radius:.25rem;padding:.25rem .5rem}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem}h1,h2,h3,h4,h5,h6,p{margin-top:0}p{margin-bottom:1rem}.tw-pointer-events-none{pointer-events:none}.tw-pointer-events-auto{pointer-events:auto}.tw-invisible{visibility:hidden}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{inset:0}.tw-bottom-4{bottom:1rem}.tw-left-0{left:0}.tw-left-4{left:1rem}.tw-right-2{right:.5rem}.tw-right-4{right:1rem}.tw-top-1\/2{top:50%}.tw-top-2{top:.5rem}.tw-top-20{top:5rem}.tw-top-4{top:1rem}.tw-top-8{top:2rem}.tw-z-10{z-index:10}.tw-col-start-1{grid-column-start:1}.tw-row-start-1{grid-row-start:1}.tw-m-0{margin:0}.tw-mb-2{margin-bottom:.5rem}.tw-mb-4{margin-bottom:1rem}.tw-ml-2{margin-left:.5rem}.tw-ml-auto{margin-left:auto}.tw-mt-20{margin-top:5rem}.tw-mt-4{margin-top:1rem}.tw-mt-5{margin-top:1.25rem}.tw-mt-6{margin-top:1.5rem}.tw-mt-auto{margin-top:auto}.tw-mb-5{margin-bottom:1.25rem}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-aspect-square{aspect-ratio:1/1}.tw-size-80{width:20rem;height:20rem}.tw-h-1\/2{height:50%}.tw-h-12{height:3rem}.tw-h-16{height:4rem}.tw-h-2{height:.5rem}.tw-h-20{height:5rem}.tw-h-full{height:100%}.tw-h-screen{height:100vh}.tw-max-h-screen{max-height:100vh}.tw-w-10{width:2.5rem}.tw-w-2{width:.5rem}.tw-w-2\/5{width:40%}.tw-w-20{width:5rem}.tw-w-32{width:8rem}.tw-w-60{width:15rem}.tw-w-80{width:20rem}.tw-w-full{width:100%}.tw-grow{flex-grow:1}.-tw-translate-y-1\/2{--tw-translate-y:-50%}.-tw-translate-y-1\/2,.tw-rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-rotate-180{--tw-rotate:180deg}@keyframes tw-pulse{50%{opacity:.5}}.tw-animate-pulse{animation:tw-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes tw-spin{to{transform:rotate(1turn)}}.tw-animate-spin{animation:tw-spin 1s linear infinite}.tw-cursor-pointer{cursor:pointer}.tw-select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.tw-list-inside{list-style-position:inside}.tw-list-decimal{list-style-type:decimal}.tw-list-disc{list-style-type:disc}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tw-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.tw-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-items-start{align-items:flex-start}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-1{gap:.25rem}.tw-gap-14{gap:3.5rem}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-gap-4{gap:1rem}.tw-gap-5{gap:1.25rem}.tw-gap-6{gap:1.5rem}.tw-gap-7{gap:1.75rem}.tw-gap-8{gap:2rem}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-whitespace-nowrap{white-space:nowrap}.tw-rounded{border-radius:.25rem}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-md{border-radius:.375rem}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.tw-rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.tw-border{border-width:1px}.tw-border-2{border-width:2px}.tw-border-b{border-bottom-width:1px}.tw-border-gray-500{--tw-border-opacity:1;border-color:rgb(86 89 104/var(--tw-border-opacity,1))}.tw-border-gray-600{--tw-border-opacity:1;border-color:rgb(67 70 85/var(--tw-border-opacity,1))}.tw-border-gray-700{--tw-border-opacity:1;border-color:rgb(49 48 59/var(--tw-border-opacity,1))}.tw-border-gray-800{--tw-border-opacity:1;border-color:rgb(35 37 41/var(--tw-border-opacity,1))}.tw-border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.tw-border-transparent{border-color:transparent}.tw-border-warning{--tw-border-opacity:1;border-color:rgb(255 224 146/var(--tw-border-opacity,1))}.tw-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.tw-bg-blue-primary{--tw-bg-opacity:1;background-color:rgb(106 180 255/var(--tw-bg-opacity,1))}.tw-bg-error-text{--tw-bg-opacity:1;background-color:rgb(255 176 174/var(--tw-bg-opacity,1))}.tw-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(147 151 170/var(--tw-bg-opacity,1))}.tw-bg-gray-500{--tw-bg-opacity:1;background-color:rgb(86 89 104/var(--tw-bg-opacity,1))}.tw-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(49 48 59/var(--tw-bg-opacity,1))}.tw-bg-gray-800{--tw-bg-opacity:1;background-color:rgb(35 37 41/var(--tw-bg-opacity,1))}.tw-bg-gray-900{--tw-bg-opacity:1;background-color:rgb(27 26 31/var(--tw-bg-opacity,1))}.tw-bg-green-300{--tw-bg-opacity:1;background-color:rgb(64 234 98/var(--tw-bg-opacity,1))}.tw-bg-transparent{background-color:transparent}.tw-p-1{padding:.25rem}.tw-p-2{padding:.5rem}.tw-p-4{padding:1rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-6{padding-left:1.5rem;padding-right:1.5rem}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}.tw-py-4{padding-top:1rem;padding-bottom:1rem}.tw-pt-0{padding-top:0}.tw-pt-4{padding-top:1rem}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-text-right{text-align:right}.tw-text-2xl{font-size:1.5rem;line-height:2rem}.tw-text-3xl{font-size:1.875rem;line-height:2.25rem}.tw-text-4xl{font-size:2.25rem;line-height:2.5rem}.tw-text-base{font-size:1rem;line-height:1.5rem}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.tw-font-bold{font-weight:700}.tw-font-normal{font-weight:400}.tw-font-semibold{font-weight:600}.tw-italic{font-style:italic}.tw-tracking-widest{letter-spacing:.1em}.tw-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.tw-text-ct-arterial-protocol{--tw-text-opacity:1;color:rgb(255 105 105/var(--tw-text-opacity,1))}.tw-text-ct-venous-protocol{--tw-text-opacity:1;color:rgb(110 185 247/var(--tw-text-opacity,1))}.tw-text-cyan-primary{--tw-text-opacity:1;color:rgb(96 247 211/var(--tw-text-opacity,1))}.tw-text-error-text{--tw-text-opacity:1;color:rgb(255 176 174/var(--tw-text-opacity,1))}.tw-text-gray-200{--tw-text-opacity:1;color:rgb(176 179 197/var(--tw-text-opacity,1))}.tw-text-gray-50{--tw-text-opacity:1;color:rgb(245 245 250/var(--tw-text-opacity,1))}.tw-text-gray-600{--tw-text-opacity:1;color:rgb(67 70 85/var(--tw-text-opacity,1))}.tw-text-gray-900{--tw-text-opacity:1;color:rgb(27 26 31/var(--tw-text-opacity,1))}.tw-text-mri-protocol{--tw-text-opacity:1;color:rgb(52 205 169/var(--tw-text-opacity,1))}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-blue-primary\/50{--tw-shadow-color:rgba(106,180,255,.5);--tw-shadow:var(--tw-shadow-colored)}.tw-outline{outline-style:solid}.tw-outline-1{outline-width:1px}.tw-outline-error-text{outline-color:#ffb0ae}.tw-backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.tw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html{height:100%;font-family:Montserrat,proxima-nova,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.875rem;color-scheme:dark}.editor::-webkit-scrollbar,.validation::-webkit-scrollbar{display:none}.editor,.validation{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}button,input,textarea{font-family:inherit;line-height:inherit;font-size:inherit}[hidden]{display:none!important}body{background:var(--color-page-background);color:var(--color-neutral-lightest);line-height:1.5rem;min-height:100vh;height:100%;margin:0}h2,h3,h4,h5,h6{font-style:normal;line-height:normal}h2{font-size:1.5rem;line-height:1.5rem}h2,h3{font-weight:600}h3{font-size:1.2rem;line-height:1.2rem}h4{font-size:1rem;font-weight:500}a{color:#fff}a,a:hover{text-decoration:none}a:hover{color:var(--color-neutral-lightest)}hr{opacity:.7;border:0;border-top:.5px solid var(--color-border);margin-top:1rem;margin-bottom:1rem}svg{width:1.5rem;height:1.5rem;vertical-align:middle}canvas{outline:none}label{display:inline-flex}.rz-dialog-wrapper{view-transition-name:dialog-wrapper;backdrop-filter:blur(2px)}::view-transition-group(dialog-wrapper){z-index:9999}.rz-spinner{border-radius:0;border-color:var(--color-border);text-align:right;height:1.5rem}.rz-spinner input.rz-spinner-input{padding:.25rem;color:var(--color-font-light);background-color:var(--color-input-background)}.rz-spinner input.rz-spinner:focus-visible{border-radius:0;background-color:var(--color-input-background)}.rz-textarea,.rz-textbox{color:var(--color-font-light);border:1px solid var(--color-input-background);border-radius:2px;background-color:var(--color-input-background);font-size:1rem}.rz-textarea:hover,.rz-textbox:hover{border-color:var(--color-input-border)}.rz-textbox{height:unset;padding:.5rem}.rz-textarea::-moz-placeholder,.rz-textbox::-moz-placeholder{color:#b0b0b0}.rz-textarea::placeholder,.rz-textbox::placeholder{color:#b0b0b0}.rz-textarea{width:100%}.rz-tooltip:not(.popup-menu) .rz-tooltip-content{background-color:var(--gray-800);color:var(--gray-50);border:1px solid var(--gray-300);padding:.75rem;box-shadow:0 2px 20px 0 rgba(0,0,0,.22);line-height:1.6rem;min-width:100px;max-width:474px;white-space:normal;border-radius:.25rem}.rz-tooltip-content:after{display:none}.rz-switch .rz-switch-circle{border:1px solid #fff;background:var(--color-base-light);width:2.5rem;height:1.5rem}.rz-switch.rz-switch-checked .rz-switch-circle{background:var(--primary-purple-700)}.rz-switch .rz-switch-circle:before{width:1rem;height:1rem;margin-top:-.5rem;margin-left:-.1rem}.rz-switch:after{display:none}.rz-switch.rz-switch-checked:after{content:"On"}.rz-switch.rz-switch-checked .rz-switch-circle:before{transform:translateX(1rem)}.rz-notification .rz-growl-item{background:var(--color-gradient-button)}.rz-notification{right:unset!important;top:unset!important;left:2rem;bottom:2rem}.hover\:tw-bg-blue-light:hover{--tw-bg-opacity:1;background-color:rgb(165 207 250/var(--tw-bg-opacity,1))}.hover\:tw-bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(103 107 129/var(--tw-bg-opacity,1))}.hover\:tw-bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(67 70 85/var(--tw-bg-opacity,1))}.hover\:tw-bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(117 255 144/var(--tw-bg-opacity,1))}.hover\:tw-text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.focus\:tw-outline:focus{outline-style:solid}.focus\:tw-outline-1:focus{outline-width:1px}.focus\:tw-outline-gray-100:focus{outline-color:#e5e7f0}.disabled\:tw-bg-gray-700:disabled{--tw-bg-opacity:1;background-color:rgb(49 48 59/var(--tw-bg-opacity,1))}.disabled\:tw-text-gray-300:disabled{--tw-text-opacity:1;color:rgb(147 151 170/var(--tw-text-opacity,1))}.disabled\:tw-text-gray-900\/25:disabled{color:rgba(27,26,31,.25)}.disabled\:tw-text-gray-900\/50:disabled{color:rgba(27,26,31,.5)}.disabled\:tw-opacity-50:disabled{opacity:.5}.\[\&_path\]\:tw-stroke-green-validation path{stroke:#51ffc2}.viewer-page {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background-color: var(--color-page-background);
}

.viewer-page > .navbar {
    flex-shrink: 0;
}

.viewer {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.viewer-cases-sidebar {
    display: flex;
    flex-direction: column;
    width: 20rem;
    flex-shrink: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--gray-800);
    border-right: 1px solid var(--gray-700);
}

.viewer-cases-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.viewer-mode-tabs {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-shrink: 0;
    align-items: center;
}

.viewer-mode-tabs .tw-cursor-pointer {
    display: contents;
}

.viewer-cases-content .search-box {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--gray-700);
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    flex-shrink: 0;
    position: static;
}

.viewer-cases-content .search-box svg {
    position: static;
    flex-shrink: 0;
}

.viewer-cases-content .search-box input {
    width: 100%;
    height: auto;
    border-radius: 0.25rem;
    padding: 0.35rem 0.5rem;
}

.viewer-case-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.viewer-case-card {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem;
    border-radius: 0.3125rem;
    background-color: var(--gray-700);
    border: 1px solid transparent;
    cursor: pointer;
    text-align: left;
    color: var(--color-font-light);
    width: 100%;
    box-sizing: border-box;
}

.viewer-case-card:hover:not(.disabled):not(:disabled) {
    background-color: var(--gray-600);
}

.viewer-case-card.active {
    border-color: var(--primary-purple-500);
    background-color: var(--gray-600);
}

.viewer-case-card.disabled,
.viewer-case-card:disabled {
    opacity: 0.5;
    cursor: default;
}

.viewer-case-card h4 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewer-workspace {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.viewer-workspace .sidebar-left,
.viewer-workspace .sidebar-right {
    display: flex;
    flex-direction: column;
    width: var(--hc-sidebar-width);
    flex-shrink: 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--gray-800);
}

.viewer-workspace .sidebar-left {
    border-right: 1px solid var(--gray-700);
}

.viewer-workspace .sidebar-right {
    border-left: 1px solid var(--gray-700);
}

.viewer-panel-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem;
    padding: 0.75rem;
    min-height: 0;
}

.viewer-canvas-area {
    position: relative;
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background-color: var(--gray-700);
}

.viewer-canvas-area > *:not(.viewer-canvas-loading) {
    flex: 1;
    min-height: 0;
    min-width: 0;
    height: 100%;
}

.viewer-canvas-loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 10;
}

.viewer-canvas-placeholder {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
    height: 100%;
}

.viewer-canvas-placeholder-main {
    flex: 1;
    min-width: 0;
    background-color: var(--gray-800);
}

.viewer-canvas-placeholder-ct {
    display: flex;
    flex-direction: column;
    width: 25%;
    min-width: 8rem;
    max-width: 14rem;
    flex-shrink: 0;
    gap: 0.25rem;
    padding: 0.25rem;
    background-color: var(--gray-700);
}

.viewer-ct-slot {
    flex: 1;
    min-height: 0;
    background-color: var(--gray-800);
    border: 1px solid var(--gray-600);
    border-radius: 0.25rem;
}

.viewer-segment-empty {
    color: var(--gray-300);
    font-size: 0.875rem;
    padding: 0.5rem 0;
    margin: 0;
}

.viewer-loading {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 6rem;
}

.navbar-hospital-name {
    color: var(--color-font-light);
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    margin-left: 2rem;
    align-self: center;
}

.page {
    height: 100vh;
    min-height: 0;
}

.page > .main {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}