.sidebar[data-v-8206cbec]{background-color:var(--color-secondary);border-radius:20px;bottom:8px;height:calc(100% - 15px);margin:0;padding:36px 0;position:fixed;top:8px;width:80px}.gradient-border[data-v-8206cbec]{border:3px solid transparent;-o-border-image:linear-gradient(90deg,#db3998,#843acf);border-image:linear-gradient(90deg,#db3998,#843acf);border-image-slice:1;border-radius:12px}.sub-sidebar[data-v-0d653442]{background-color:#f6f7f9;border-radius:20px;bottom:8px;height:calc(100% - 15px);left:88px;margin:0;overflow:auto;position:fixed;top:8px;width:320px;z-index:1000}.sub-sidebar button[data-v-0d653442]{align-items:center;color:#fff;display:block;justify-content:center;padding:16px;text-align:center;text-decoration:none}.sub-sidebar button .active[data-v-0d653442]{background-color:#04aa6d;color:#fff}.sub-sidebar button[data-v-0d653442]:hover:not(.active){background-color:#555;color:#fff}.wrapper[data-v-917d3821]{background-color:#f6f7f9;display:flex;height:100%;width:100%}.wrapper .sub-sidebar[data-v-917d3821]{transition:opacity .3s ease;width:320px}.wrapper main.content[data-v-917d3821]{flex:1;height:100%;padding-left:8px;transition:margin-left .3s ease}.fade-enter-active[data-v-917d3821],.fade-leave-active[data-v-917d3821]{transition:opacity .3s ease}.fade-enter-from[data-v-917d3821],.fade-leave-to[data-v-917d3821]{opacity:0}.fade-enter-to[data-v-917d3821],.fade-leave-from[data-v-917d3821]{opacity:1}