.text-with-top-icon-wrapper[data-v-d8be784a]{display:flex;flex-direction:column;justify-content:center;width:100%}.text-with-top-icon__icon[data-v-d8be784a]{margin:0 auto}.text-with-top-icon__text[data-v-d8be784a]{color:var(--color);font-size:var(--size);margin-top:4px;text-align:center}.sidebar-wrapper[data-v-de25aa0c]{position:relative}.sidebar-open[data-v-de25aa0c]{background-color:var(--color);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:25vw;min-width:224px;width:224px}.sidebar-open__contents[data-v-de25aa0c]{flex-shrink:1;overflow:hidden auto}.sidebar-open__contents[data-v-de25aa0c]::-webkit-scrollbar{width:6px}.sidebar-open__contents[data-v-de25aa0c]::-webkit-scrollbar-track{background-color:var(--color);border-radius:3px}.sidebar-open__contents[data-v-de25aa0c]::-webkit-scrollbar-thumb{background-color:#707070;border-radius:3px}.sidebar-open__close-icon[data-v-de25aa0c]{cursor:pointer;padding:16px}.sidebar-open__close-icon[data-v-de25aa0c]:hover{background-color:var(--sub-color)}.sidebar-close[data-v-de25aa0c]{background-color:var(--color);color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;width:64px}.sidebar-close__open-icon[data-v-de25aa0c]{padding:16px}.sidebar-close[data-v-de25aa0c]:hover{opacity:.95}.resizer[data-v-de25aa0c]{background:#f4f4f4;box-sizing:border-box;cursor:ew-resize;height:100%;left:var(--left);margin:0;padding:0;position:absolute;right:var(--right);width:var(--width);z-index:2}