.toolbar-segment[data-v-dd0c68d2]{display:inline-flex;align-items:stretch;flex-wrap:wrap;gap:4px;padding:3px;border-radius:10px;background:rgb(var(--app-mainBGColor));border:1px solid rgba(var(--app-secondColor),.25)}.toolbar-segment--flat[data-v-dd0c68d2]{background:transparent;border:none;box-shadow:none}.toolbar-segment--flat[data-v-dd0c68d2],.toolbar-segment--flat.toolbar-segment--compact[data-v-dd0c68d2]{padding:0;border-radius:0}.toolbar-segment__btn[data-v-dd0c68d2]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:none;border-radius:8px;background:transparent;color:rgb(var(--app-secondTextColor));font-size:.8125rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.toolbar-segment__btn[data-v-dd0c68d2]:hover{color:rgb(var(--app-mainTextColor));background:rgba(var(--app-secondColor),.08)}.toolbar-segment__btn--active[data-v-dd0c68d2]{box-shadow:0 1px 4px #0000002e}.toolbar-segment__btn--active[data-v-dd0c68d2],.toolbar-segment__btn--active[data-v-dd0c68d2]:hover{background:rgb(var(--app-secondColor));color:rgb(var(--app-buttonTextColor))}.toolbar-segment__icon[data-v-dd0c68d2]{font-size:18px;line-height:1;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.toolbar-segment__icon[data-v-dd0c68d2]:before{font-size:18px;line-height:18px}.toolbar-segment__label[data-v-dd0c68d2]{line-height:1.2;white-space:nowrap}.toolbar-segment--icons-only .toolbar-segment__btn[data-v-dd0c68d2]{min-width:40px;padding:0 10px}.toolbar-segment--compact[data-v-dd0c68d2]{padding:2px;border-radius:8px}.toolbar-segment--compact .toolbar-segment__btn[data-v-dd0c68d2]{min-height:28px;padding:0 10px;font-size:.72rem;border-radius:6px;gap:4px}.toolbar-segment--compact .toolbar-segment__icon[data-v-dd0c68d2],.toolbar-segment--compact .toolbar-segment__icon[data-v-dd0c68d2]:before{font-size:15px;line-height:15px;width:15px;height:15px}.toolbar-segment--compact.toolbar-segment--icons-only .toolbar-segment__btn[data-v-dd0c68d2]{min-width:28px;padding:0 8px}@media(max-width:600px){.toolbar-segment__btn[data-v-dd0c68d2]{min-height:34px;padding:0 10px;font-size:.75rem}.toolbar-segment--compact .toolbar-segment__btn[data-v-dd0c68d2]{min-height:28px;padding:0 8px;font-size:.7rem}.toolbar-segment__icon[data-v-dd0c68d2],.toolbar-segment__icon[data-v-dd0c68d2]:before{font-size:17px;line-height:17px}}