#comorb-wrapper{transition:height 200ms ease-in-out;position:relative}#comorb-wrapper .left [data-disease]{transition:transform 400ms ease-in-out;position:relative;z-index:2}#comorb-wrapper [data-disease] .btn{border:0!important;transition:all 2000ms ease-in-out}#comorb-wrapper [data-disease].connected .btn{transition:all 200ms ease-in-out;--leftButtonColor:#e7ecf0}#comorb-wrapper .left [data-disease]:first-child .btn{font-weight:600!important;padding:.5rem 1rem .6rem 1rem!important;font-size:1rem}#comorb-wrapper .left [data-disease]:nth-child(2){transform:scale(.95)}#comorb-wrapper .left [data-disease]:nth-child(3){transform:scale(.9)}#comorb-wrapper .left [data-disease]:last-child .btn .extender,#comorb-wrapper .left [data-disease]:first-child:last-child .btn .extender{opacity:0}#comorb-wrapper .left [data-disease]:not(:last-child):after{content:"\f0d8";font-family:'Font Awesome 5 Pro';font-weight:900;color:#84bd00;position:absolute;left:50%;bottom:50%;transform:translate(-50%,.75rem);opacity:0;transition:all 800ms ease-in-out 200ms;z-index:-1}#comorb-wrapper .left [data-disease].ready:not(:last-child):after{opacity:1;bottom:0%}#comorb-wrapper .right .title{width:calc(30vw);max-width:710px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#comorb-wrapper .left .title{width:calc(15vw);max-width:340px}@media (min-height:1100px){#comorb-wrapper .right .title{max-width:900px}#comorb-wrapper .left .title{max-width:400px}}@media (min-width:1200px) and (min-height:1100px){#comorb-wrapper .right .title{width:calc(36vw)}}#comorb-wrapper .right [data-disease]{transition:transform 200ms ease-in-out}#comorb-wrapper .right [data-disease]>div,#comorb-wrapper .right [data-disease].disconnecting{transform:translateX(-100%);opacity:0;pointer-events:none}#comorb-wrapper .right [data-disease].connected>div{transform:translateX(0);opacity:1;pointer-events:auto;position:relative}#comorb-wrapper [data-disease] .btn{background-image:linear-gradient(159deg,#f2f7f9 0%,#e2ebf0d1 100%);background-repeat:no-repeat}#comorb-wrapper .right [data-disease] .btn.hoverable:hover{z-index:100}#comorb-wrapper .percentage_details{top:calc(100% - .2rem);height:.2rem;transition:background 1000ms ease-in-out 400ms,height 200ms ease-in-out;font-size:.75rem;background-size:0% 100%,100% 100%;background-repeat:no-repeat;border-radius:0 0 .25rem .25rem}#comorb-wrapper .percentage_details>div{transition:opacity 400ms ease-in-out;opacity:0}#comorb-wrapper [data-disease].ready .btn .percentage_details{background-size:100% 100%,100% 100%}#atlas #comorb-wrapper [data-disease] .btn.hoverable:hover .percentage_details{height:1.5rem}#comorb-wrapper [data-disease] .btn.hoverable:hover .percentage_details>div{opacity:1}#comorb-wrapper .hr_type_wrapper{opacity:0;pointer-events:none;transition:opacity 200ms ease-in-out}#comorb-wrapper .hr_type_wrapper.show{opacity:1;pointer-events:all;transition:opacity 400ms ease-in-out 600ms}