.ha-container.svelte-1tym39{display:flex;gap:4px;height:var(--ha-height);width:100%;margin:20px 0}.ha-panel.svelte-1tym39{flex:1;min-width:48px;border:1px solid #D9D2C4;border-radius:8px;background:#fbf8f3;cursor:pointer;padding:0;overflow:hidden;transition:flex .4s cubic-bezier(.16,1,.3,1),background-color .3s;text-align:left;position:relative}.ha-panel.active.svelte-1tym39{flex:5;background:#fff;border-color:var(--panel-color);box-shadow:0 2px 8px #0000000f}.ha-panel-inner.svelte-1tym39{padding:16px;height:100%;display:flex;flex-direction:column;gap:8px}.ha-icon.svelte-1tym39{font-size:20px;line-height:1;color:var(--panel-color);opacity:.6;transition:opacity .3s}.ha-panel.active.svelte-1tym39 .ha-icon:where(.svelte-1tym39){opacity:1}.ha-title.svelte-1tym39{font-size:13px;font-weight:700;color:#292524;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);letter-spacing:.5px;transition:all .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.ha-panel.active.svelte-1tym39 .ha-title:where(.svelte-1tym39){writing-mode:horizontal-tb;transform:rotate(0);font-size:15px;color:var(--panel-color)}.ha-content.svelte-1tym39{font-size:13px;line-height:1.6;color:#78716c;margin-top:8px;opacity:0;animation:svelte-1tym39-fadeIn .3s ease forwards;overflow-y:auto;padding-right:4px}.ha-content.svelte-1tym39::-webkit-scrollbar{width:4px}.ha-content.svelte-1tym39::-webkit-scrollbar-thumb{background:#d9d2c4;border-radius:4px}@keyframes svelte-1tym39-fadeIn{to{opacity:1}}@media (max-width: 768px){.ha-container.svelte-1tym39{height:auto;flex-direction:column}.ha-panel.svelte-1tym39{min-height:48px;flex:none!important}.ha-panel.active.svelte-1tym39{flex:none;min-height:160px}.ha-title.svelte-1tym39{writing-mode:horizontal-tb;transform:none}}