.yena-sidebar{display:flex;flex-direction:column;z-index:var(--yena-zIndices-overlay);height:100vh;position:fixed;top:0;width:300px;min-width:300px;background:var(--yena-colors-white);box-shadow:var(--yena-shadows-none);transform:translate(-100%);transition:transform .2s ease 0s}@media (min-width: 46em){.yena-sidebar{position:sticky;box-shadow:var(--yena-shadows-none);transform:translate(0)}}.yena-sidebar.-is-page{position:fixed;box-shadow:var(--yena-shadows-none);transform:translate(-100%)}.yena-sidebar.is-short{width:100px;min-width:100px}.yena-sidebar.is-short .sidebar__spotlight,.yena-sidebar.is-short .sidebar-search,.yena-sidebar.is-short .--folders{display:none}.yena-sidebar.is-short .--divider-wrapper>div{justify-content:center}.yena-sidebar.is-short .yena-sidebar-inner .sidebar-item{margin-bottom:var(--yena-space-3)}.yena-sidebar.is-short .yena-sidebar-inner .sidebar-item>.--inner{justify-content:center}.yena-sidebar.is-short .yena-sidebar-inner .sidebar-item>.--inner svg{height:22px}.yena-sidebar.is-short .yena-sidebar-inner .sidebar-item>.--inner p{display:none}.yena-sidebar-inner{display:flex;flex-direction:column;overflow-y:auto;height:100vh;padding:var(--yena-space-6);padding-top:var(--yena-space-2);padding-bottom:var(--yena-space-2);align-content:space-between}.yena-sidebar-inner .sidebar-item{transition-timing-function:var(--yena-transition-easing-ease-out);cursor:pointer;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:transparent solid 2px;outline-offset:2px;line-height:1.2;transition-property:var(--yena-transition-property-common);transition-duration:var(--yena-transition-duration-normal);height:var(--yena-sizes-8);min-width:var(--yena-sizes-8);font-size:var(--yena-fontSizes-sm);padding-inline-start:var(--yena-space-2);padding-inline-end:var(--yena-space-3);text-decoration:none;width:100%;border-radius:var(--yena-radii-md);justify-content:flex-start;color:var(--yena-colors-gray-600);padding-top:var(--yena-space-1-5);padding-bottom:var(--yena-space-1-5);margin-bottom:var(--yena-space-1)}.yena-sidebar-inner .sidebar-item.active,.yena-sidebar-inner .sidebar-item.--active{background-color:#000;background-color:var(--yena-colors-gray-100);color:#000}.yena-sidebar-inner .sidebar-item:hover{background-color:var(--yena-colors-gray-100);text-decoration:none}.yena-sidebar-inner .sidebar-item>.--inner{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;width:100%}.yena-sidebar-inner .sidebar-item>.--inner svg{overflow:visible;box-sizing:content-box;height:17.5px}.yena-sidebar-inner .sidebar-item>.--inner p{margin-top:0;margin-inline-end:0px;margin-bottom:0;margin-inline-start:.5rem;text-overflow:ellipsis;overflow-x:hidden;margin-left:var(--yena-space-2)}.yena-sidebar-inner .sidebar-workspace{margin-top:.5rem}.yena-sidebar-inner .sidebar-workspace .--padded{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;vertical-align:middle;outline-offset:2px;line-height:1.2;font-weight:600;transition-property:var(--yena-transition-property-common);transition-duration:var(--yena-transition-duration-normal);height:var(--yena-sizes-10);min-width:var(--yena-sizes-10);font-size:var(--yena-fontSizes-md);width:100%;color:var(--yena-colors-gray-800);cursor:pointer;padding-right:var(--yena-space-4);padding-left:0;padding-right:0;white-space:nowrap;outline:transparent solid 2px;border-radius:var(--yena-radii-md);background:var(--yena-colors-transparent)}.yena-sidebar-inner .sidebar-workspace .--padded .--avatar{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;font-weight:var(--yena-fontWeights-medium);position:relative;flex-shrink:0;--avatar-border-color: var(--yena-colors-white);vertical-align:top;width:var(--yena-sizes-8);height:var(--yena-sizes-8);font-size:.8rem;background-color:var(--yena-colors-orchid-300);color:var(--yena-colors-white);border-radius:var(--yena-radii-full);border-color:var(--avatar-border-color)}.yena-sidebar-inner .sidebar-workspace .--padded .--avatar .--icon{font-size:.8rem;line-height:2rem}.yena-sidebar-inner .sidebar-workspace .--padded .--text{display:-webkit-box;align-items:flex-start;justify-content:flex-start;flex-direction:column;text-align:left;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:var(--yena-line-clamp);--yena-line-clamp: 1;margin-left:.5rem}.yena-sidebar-inner .sidebar-workspace .--padded .--text p{font-size:var(--yena-fontSizes-sm);font-weight:600;word-break:break-word;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;min-width:0px}.yena-sidebar-inner .sidebar-search{width:100%;display:flex;position:relative;isolation:isolate;margin-top:var(--yena-space-4)}.yena-sidebar-inner .sidebar-search .--icon{left:0;width:var(--yena-sizes-10);height:var(--yena-sizes-10);font-size:var(--yena-fontSizes-md);display:flex;align-items:center;justify-content:center;position:absolute;top:0;z-index:2;pointer-events:none}.yena-sidebar-inner .sidebar-search .--icon svg{width:1em;height:1em;display:inline-block;line-height:1em;flex-shrink:0;color:var(--yena-colors-gray-300);vertical-align:middle}.yena-sidebar-inner .sidebar-search input{width:100%;min-width:0px;outline:transparent solid 2px;outline-offset:2px;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition-property:var(--yena-transition-property-common);transition-duration:var(--yena-transition-duration-normal);font-size:var(--yena-fontSizes-md);padding-inline-start:var(--yena-space-10);padding-inline-end:var(--yena-space-10);height:var(--yena-sizes-10);border-radius:var(--yena-radii-md);border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:inherit;background:inherit}.yena-sidebar-inner .sidebar-search .--right-element{right:0;width:var(--yena-sizes-10);height:var(--yena-sizes-10);font-size:var(--yena-fontSizes-md);display:flex;align-items:center;justify-content:center;position:absolute;top:0;z-index:2;pointer-events:none}.yena-sidebar-inner .sidebar-search .--right-element p{margin-right:var(--yena-space-6);font-weight:600;color:var(--yena-colors-gray-400);font-size:var(--yena-fontSizes-sm);background:var(--yena-colors-gray-50);padding-inline-start:var(--yena-space-1);padding-inline-end:var(--yena-space-1);border-radius:var(--yena-radii-md)}.yena-sidebar-inner .upgrade-plan{display:flex;flex-direction:column;border-top-width:1px;bottom:0;background:var(--yena-colors-white);padding-top:var(--yena-space-6);padding-bottom:var(--yena-space-2);border-top-color:var(--yena-colors-blackAlpha-200);padding-inline-start:var(--yena-space-2);padding-inline-end:var(--yena-space-2)}.yena-sidebar-inner .upgrade-plan .--header{display:flex;align-items:center;flex-direction:row}.yena-sidebar-inner .upgrade-plan .--header .--plan-card{display:inline-block;white-space:nowrap;vertical-align:middle;padding-inline-start:var(--yena-space-1);padding-inline-end:var(--yena-space-1);text-transform:uppercase;border-radius:var(--yena-radii-sm);font-weight:var(--yena-fontWeights-bold);--badge-bg: var(--yena-colors-trueblue-500);--badge-color: var(--yena-colors-white);bottom:0;right:0;background:linear-gradient(97deg,rgb(51,0,217) -10%,rgb(157,32,201) 56.82%,rgb(223,122,108) 120%);color:var(--yena-colors-whiteAlpha-900);text-shadow:rgba(0,0,0,.5) 0px 0px 1px;font-size:11px}.yena-sidebar-inner .upgrade-plan .--header .--plan-text{font-size:var(--yena-fontSizes-sm);margin-left:.5rem}.yena-sidebar-inner .upgrade-plan .--text{font-size:var(--yena-fontSizes-xs);color:var(--yena-colors-gray-500)}.yena-sidebar-inner .upgrade-plan .--button{font-size:var(--yena-fontSizes-sm);margin-top:var(--yena-space-2);font-weight:var(--yena-fontWeights-bold)}.yena-sidebar-inner .upgrade-plan .--button a{transition-property:var(--yena-transition-property-common);transition-duration:var(--yena-transition-duration-fast);transition-timing-function:var(--yena-transition-easing-ease-out);cursor:pointer;text-decoration:none;outline:transparent solid 2px;outline-offset:2px;color:var(--yena-colors-trueblue-600)}
