.box[data-v-fd6c067c]{align-items:flex-start;align-self:stretch;color:#333;display:flex;flex-direction:column;font-size:12px;position:fixed;right:16px;top:50%;transform:translateY(-50%);transition:right .3s ease;width:70px;z-index:999}.menu-style[data-v-fd6c067c]{align-items:center;background:#fff;border-radius:35px;box-shadow:0 0 12px 1px #0000004f;color:#333;display:flex;flex-direction:column;min-height:240px;padding:8px 0;transition:all .3s ease;width:70px}.menu-style.collapsed[data-v-fd6c067c]{border-radius:50%;cursor:pointer;height:70px;min-height:70px;padding:0;width:70px}.menu-style.collapsed .item-style[data-v-fd6c067c]{height:0;margin:0;opacity:0;overflow:hidden;padding:0}.toggle-icon[data-v-fd6c067c]{cursor:pointer;margin-top:8px;transition:transform .3s ease}.collapse-hint[data-v-fd6c067c]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;transition:all .3s ease}.item-style[data-v-fd6c067c]{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:75px;padding-top:9.5px;transition:all .3s ease;width:100%}.item-style:hover .color-text[data-v-fd6c067c]{color:#e8384c}.design-icon[data-v-fd6c067c]{display:block;height:28px;width:28px}.design-active[data-v-fd6c067c]{position:relative}.top-style[data-v-fd6c067c]{align-items:center;background:#fff;border-radius:50%;bottom:-80px;box-shadow:0 0 12px 1px #0000004f;display:flex;flex-direction:column;height:70px;justify-content:center;position:absolute;width:70px}.fade-slide-enter-active[data-v-fd6c067c],.fade-slide-leave-active[data-v-fd6c067c]{transition:all .3s ease}.fade-slide-enter-from[data-v-fd6c067c],.fade-slide-leave-to[data-v-fd6c067c]{opacity:0;transform:translateY(20px)}