.ccb-settings-sidebar[data-v-4bc41771]{width:240px;height:100%;background-color:transparent;display:flex;flex-direction:column;gap:24px;color:var(--ccb-font-labels)}.ccb-settings-sidebar__title[data-v-4bc41771]{transition:var(--ccb-transition-normal);padding:8px 24px 16px}.ccb-settings-sidebar__items[data-v-4bc41771]{transition:var(--ccb-transition-normal)}.ccb-settings-sidebar__item[data-v-4bc41771]{padding:14px 24px;display:flex;align-items:center;gap:16px;color:var(--ccb-font-labels);border-radius:8px;transition:var(--ccb-transition-normal);cursor:pointer}.ccb-settings-sidebar__item.active[data-v-4bc41771]{background-color:var(--ccb-blue-bg-dull-hover)}.ccb-settings-sidebar__item.active i[data-v-4bc41771]{color:var(--ccb-blue-bg-normal)}.ccb-settings-sidebar__item[data-v-4bc41771]:hover{background-color:var(--ccb-blue-bg-dull-hover)}.ccb-settings-sidebar__item i[data-v-4bc41771]{font-size:20px;transition:var(--ccb-transition-normal);color:var(--ccb-font-comment)}.ccb-settings-section[data-v-403e4e0a]{width:100%;display:flex;flex-direction:column;gap:16px}.ccb-settings{width:100%;display:flex;justify-content:center;flex-direction:row;height:calc(100vh - 120px)}.ccb-settings__row{display:flex;flex-direction:row;gap:16px;margin-bottom:24px}.ccb-settings__col{flex:1 1 0;width:100%;min-width:0}.ccb-settings__container{width:100%;max-width:940px;display:flex;flex-direction:row;gap:18px}.ccb-settings__content{flex:1 1 0;width:100%;min-width:0;height:100%;overflow-y:auto}.ccb-settings .flex-column{display:flex;flex-direction:column;gap:16px}.ccb-settings .justify-start{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px}.ccb-settings .justify-end{display:flex;justify-content:flex-end}.ccb-settings .align-end{display:flex;align-items:flex-end}.slide-left-enter-active{transition:transform .3s ease,opacity .2s ease}.slide-left-enter-from{opacity:0;transform:translate(-32px)}.slide-left-enter-to{opacity:1;transform:translate(0)}.slide-right-enter-active{transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}.slide-right-enter-from{opacity:0;transform:translate(32px)}.slide-right-enter-to{opacity:1;transform:translate(0)}.section-swap-enter-active,.section-swap-leave-active{transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .2s ease}.section-swap-enter-from{opacity:0;transform:translate(24px)}.section-swap-enter-to,.section-swap-leave-from{opacity:1;transform:translate(0)}.section-swap-leave-to{opacity:0;transform:translate(-24px)}
