.ha-accordion.ha-width{display:flex;min-height:400px;overflow:hidden}.ha-accordion.ha-width .ha-card{display:flex;flex:1;flex-direction:row;max-width:60px!important;overflow:hidden;transition:max-width .35s ease}.ha-accordion.ha-width .ha-card.ha-active{flex:5;max-width:1280px!important}.ha-accordion.ha-width .ha-card .ha-card-header{align-items:center;color:#24272a;cursor:pointer;display:flex;flex:0 0 3rem;justify-content:left;position:relative;transform:rotate(180deg);writing-mode:vertical-rl;z-index:3}.ha-accordion.ha-width .ha-card .ha-card-header:after{color:#777;content:"\02795";font-size:13px;margin-top:-30px;position:absolute;top:100%}.ha-accordion.ha-width .ha-card .ha-card-header[aria-expanded=true]:after{content:"\2796"}.ha-card-header span{padding:20px 0}.ha-accordion.ha-width .ha-card .ha-card-body{overflow:hidden;position:relative;width:100%}.ha-card-background{background-position:50%;background-size:cover;filter:grayscale(100%);height:100%;left:0;opacity:.15;position:absolute;top:0;width:100%;z-index:1}.ha-card-body-content{display:none;opacity:0;padding:1rem;position:absolute;top:0;transition:opacity .35 ease-out;z-index:2}.ha-card-body-content.fade-in{opacity:1}.ha-card.ha-active .ha-card-body-content{display:block}.ha-button.ha-gradient-1{background:linear-gradient(90deg,#77a2bd,#214b64);border-radius:4px;color:#fff!important;display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none}