.bds-vertical-tabs{background:#fff;flex-direction:column;align-items:flex-start;gap:0;width:88px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 2px 8px #00000014}.bds-vertical-tabs__item{cursor:pointer;isolation:isolate;background:#fff;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:88px;padding:12px 8px;transition:background .1s;display:flex;position:relative}.bds-vertical-tabs__item:hover{background:#f7f3ff}.bds-vertical-tabs__indicator{width:3px;height:calc(100% / var(--vtab-count,1));transform:translateY(calc(100% * var(--vtab-active,0)));pointer-events:none;z-index:2;background:#892cdc;border-radius:20px 0 0 20px;transition:transform .26s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;right:0}.bds-vertical-tabs__logo{z-index:0;background:#fce6f4;border:1px solid #ebebeb;border-radius:32px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:border-color .15s;display:flex;overflow:hidden}.bds-vertical-tabs__item--active .bds-vertical-tabs__logo{border-color:#ecd2ff}.bds-vertical-tabs__logo img,.bds-vertical-tabs__logo svg{object-fit:cover;width:100%;height:100%}.bds-vertical-tabs__label{text-align:center;color:#717171;z-index:1;word-break:break-word;max-width:72px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:140%;transition:color .15s}.bds-vertical-tabs__item--active .bds-vertical-tabs__label{color:#892cdc}