@alfalab/core-components 41.17.0-beta.10 → 41.17.0-beta.11

package/tabs/esm/components/tabs/Component.desktop.js

@@ -12,9 +12,9 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-3c42d2b8.js';
+import '../../index.module-1d267213.js';
 import '../../../../tag/esm';
-import '../../index.module-f550d102.js';
+import '../../index.module-e203d8dd.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';

package/tabs/esm/components/tabs/Component.mobile.js

@@ -12,9 +12,9 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-3c42d2b8.js';
+import '../../index.module-1d267213.js';
 import '../../../../tag/esm';
-import '../../index.module-f550d102.js';
+import '../../index.module-e203d8dd.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';

package/tabs/esm/components/tabs/Component.responsive.js

@@ -12,10 +12,10 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-3c42d2b8.js';
+import '../../index.module-1d267213.js';
 import '../primary-tablist/Component.mobile.js';
 import '../../../../tag/esm';
-import '../../index.module-f550d102.js';
+import '../../index.module-e203d8dd.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../primary-tablist/Component.desktop.js';
 import '../primary-tablist/Component.js';

package/tabs/esm/desktop.js

@@ -15,9 +15,9 @@ import '@alfalab/hooks';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-3c42d2b8.js';
+import './index.module-1d267213.js';
 import '../../tag/esm';
-import './index.module-f550d102.js';
+import './index.module-e203d8dd.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tablist-titles.js';
 import './synthetic-events.js';

package/tabs/esm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/tabs/esm/index.js

@@ -14,10 +14,10 @@ import '../../picker-button/esm/desktop';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-3c42d2b8.js';
+import './index.module-1d267213.js';
 import './components/primary-tablist/Component.mobile.js';
 import '../../tag/esm';
-import './index.module-f550d102.js';
+import './index.module-e203d8dd.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/primary-tablist/Component.desktop.js';
 import './components/primary-tablist/Component.js';

package/tabs/esm/mobile.js

@@ -14,9 +14,9 @@ import '@alfalab/hooks';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-3c42d2b8.js';
+import './index.module-1d267213.js';
 import '../../tag/esm';
-import './index.module-f550d102.js';
+import './index.module-e203d8dd.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tablist-titles.js';
 import './hooks/use-collapsible-elements.js';

package/tabs/esm/responsive.js

@@ -15,10 +15,10 @@ import '../../picker-button/esm/desktop';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-3c42d2b8.js';
+import './index.module-1d267213.js';
 import './components/primary-tablist/Component.mobile.js';
 import '../../tag/esm';
-import './index.module-f550d102.js';
+import './index.module-e203d8dd.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/primary-tablist/Component.desktop.js';
 import './components/primary-tablist/Component.js';

package/tabs/esm/{types-fae20163.d.ts → types-0ae5fd84.d.ts}

@@ -109,6 +109,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -211,6 +219,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */
@@ -223,5 +235,9 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается при изменении положения шторки
+     */
+    onOffsetChange?: (offset: number, percent: number) => void;
 };
 export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, BottomSheetTitleAlign, BottomSheetProps };

package/tabs/esm/utils-49cc3c24.d.ts

@@ -0,0 +1,8 @@
+declare const TIMEOUT = 500;
+declare const SWIPE_VELOCITY = 0.4;
+declare const MARKER_HEIGHT = 24;
+declare const CLOSE_OFFSET = 0.2;
+declare const SCROLL_OFFSET = 1;
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/tabs/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/tabs/index.js

@@ -20,13 +20,13 @@ require('./hooks/use-collapsible-elements.js');
 require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
-require('./index.module-a4d794d4.js');
+require('./index.module-5b50183c.js');
 require('./components/primary-tablist/Component.mobile.js');
 require('compute-scroll-into-view');
 require('./components/secondary-tablist/Component.desktop.js');
 require('./components/secondary-tablist/Component.js');
 require('../tag');
-require('./index.module-5ef14bbb.js');
+require('./index.module-9a126619.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
 

package/tabs/mobile.js

@@ -19,11 +19,11 @@ require('./hooks/use-collapsible-elements.js');
 require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
-require('./index.module-a4d794d4.js');
+require('./index.module-5b50183c.js');
 require('compute-scroll-into-view');
 require('./components/secondary-tablist/Component.js');
 require('../tag');
-require('./index.module-5ef14bbb.js');
+require('./index.module-9a126619.js');
 require('./components/tabs/Component.js');
 
 

package/tabs/modern/component-3885b0d7.d.ts

@@ -1,14 +1,10 @@
 /// <reference types="react" />
 import React from "react";
-import { FC, RefObject, ReactNode } from "react";
+import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-fae20163";
-type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
-    headerRef: RefObject<HTMLDivElement>;
-};
-declare const Header: FC<HeaderProps>;
+import { BottomSheetProps } from "./types-0ae5fd84";
 type FooterProps = {
     /**
      * Контент футера
@@ -24,6 +20,11 @@ type FooterProps = {
     className?: string;
 };
 declare const Footer: FC<FooterProps>;
+type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
+    headerRef: RefObject<HTMLDivElement>;
+    headerOffset: number;
+};
+declare const Header: FC<HeaderProps>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -40,4 +41,4 @@ type SwipeableBackdropProps = BackdropProps & {
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
 declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
+export { FooterProps, Footer, HeaderProps, Header, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };

package/tabs/modern/components/primary-tablist/Component.desktop.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-e528406c.js';
+import { c as commonStyles } from '../../index.module-45d8e16f.js';
 import 'classnames';
 import '../../../../badge/modern';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.mobile.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 import { PrimaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-e528406c.js';
+import { c as commonStyles } from '../../index.module-45d8e16f.js';
 import '../../../../badge/modern';
 import '../../../../keyboard-focusable/modern';
 import '../../../../picker-button/modern/desktop';

package/tabs/modern/components/primary-tablist/Component.responsive.js

@@ -10,7 +10,7 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-e528406c.js';
+import '../../index.module-45d8e16f.js';
 import './Component.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';

package/tabs/modern/components/secondary-tablist/Component.desktop.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-6cca6ac4.js';
+import { c as commonStyles } from '../../index.module-b2424e38.js';
 import 'classnames';
 import '../../../../tag/modern';
 import '../scrollable-container/Component.js';

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-6cca6ac4.js';
+import { c as commonStyles } from '../../index.module-b2424e38.js';
 import '../../../../tag/modern';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -6,7 +6,7 @@ import 'classnames';
 import '../../../../tag/modern';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-6cca6ac4.js';
+import '../../index.module-b2424e38.js';
 import './Component.js';
 import '../../hooks/use-tabs.js';
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -11,9 +11,9 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-e528406c.js';
+import '../../index.module-45d8e16f.js';
 import '../../../../tag/modern';
-import '../../index.module-6cca6ac4.js';
+import '../../index.module-b2424e38.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';

package/tabs/modern/components/tabs/Component.mobile.js

@@ -11,9 +11,9 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-e528406c.js';
+import '../../index.module-45d8e16f.js';
 import '../../../../tag/modern';
-import '../../index.module-6cca6ac4.js';
+import '../../index.module-b2424e38.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';

package/tabs/modern/components/tabs/Component.responsive.js

@@ -11,10 +11,10 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-e528406c.js';
+import '../../index.module-45d8e16f.js';
 import '../primary-tablist/Component.mobile.js';
 import '../../../../tag/modern';
-import '../../index.module-6cca6ac4.js';
+import '../../index.module-b2424e38.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../primary-tablist/Component.desktop.js';
 import '../primary-tablist/Component.js';

package/tabs/modern/desktop.js

@@ -14,9 +14,9 @@ import '@alfalab/hooks';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-e528406c.js';
+import './index.module-45d8e16f.js';
 import '../../tag/modern';
-import './index.module-6cca6ac4.js';
+import './index.module-b2424e38.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tablist-titles.js';
 import './synthetic-events.js';

package/tabs/modern/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
-export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-0ae5fd84";
+export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/tabs/modern/index.js

@@ -13,10 +13,10 @@ import '../../picker-button/modern/desktop';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-e528406c.js';
+import './index.module-45d8e16f.js';
 import './components/primary-tablist/Component.mobile.js';
 import '../../tag/modern';
-import './index.module-6cca6ac4.js';
+import './index.module-b2424e38.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/primary-tablist/Component.desktop.js';
 import './components/primary-tablist/Component.js';

package/tabs/modern/mobile.js

@@ -13,9 +13,9 @@ import '@alfalab/hooks';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-e528406c.js';
+import './index.module-45d8e16f.js';
 import '../../tag/modern';
-import './index.module-6cca6ac4.js';
+import './index.module-b2424e38.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tablist-titles.js';
 import './hooks/use-collapsible-elements.js';

package/tabs/modern/responsive.js

@@ -14,10 +14,10 @@ import '../../picker-button/modern/desktop';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-e528406c.js';
+import './index.module-45d8e16f.js';
 import './components/primary-tablist/Component.mobile.js';
 import '../../tag/modern';
-import './index.module-6cca6ac4.js';
+import './index.module-b2424e38.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/primary-tablist/Component.desktop.js';
 import './components/primary-tablist/Component.js';

package/tabs/modern/{types-fae20163.d.ts → types-0ae5fd84.d.ts}

@@ -109,6 +109,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -211,6 +219,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */
@@ -223,5 +235,9 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается при изменении положения шторки
+     */
+    onOffsetChange?: (offset: number, percent: number) => void;
 };
 export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, BottomSheetTitleAlign, BottomSheetProps };

package/tabs/modern/utils-49cc3c24.d.ts

@@ -0,0 +1,8 @@
+declare const TIMEOUT = 500;
+declare const SWIPE_VELOCITY = 0.4;
+declare const MARKER_HEIGHT = 24;
+declare const CLOSE_OFFSET = 0.2;
+declare const SCROLL_OFFSET = 1;
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/tabs/responsive.js

@@ -19,13 +19,13 @@ require('../picker-button/desktop');
 require('./hooks/use-tablist-titles.js');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
-require('./index.module-a4d794d4.js');
+require('./index.module-5b50183c.js');
 require('./components/primary-tablist/Component.mobile.js');
 require('compute-scroll-into-view');
 require('./components/secondary-tablist/Component.desktop.js');
 require('./components/secondary-tablist/Component.js');
 require('../tag');
-require('./index.module-5ef14bbb.js');
+require('./index.module-9a126619.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
 require('@juggle/resize-observer');

package/tabs/{types-fae20163.d.ts → types-0ae5fd84.d.ts}

@@ -109,6 +109,14 @@ type BottomSheetProps = {
      * @default true
      */
     swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
     /**
      * Слот слева
      */
@@ -211,6 +219,10 @@ type BottomSheetProps = {
      * Скрыть скроллбар внутри шторки
      */
     hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
     /**
      * Обработчик закрытия
      */
@@ -223,5 +235,9 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается при изменении положения шторки
+     */
+    onOffsetChange?: (offset: number, percent: number) => void;
 };
 export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, BottomSheetTitleAlign, BottomSheetProps };

package/tabs/utils-49cc3c24.d.ts

@@ -0,0 +1,8 @@
+declare const TIMEOUT = 500;
+declare const SWIPE_VELOCITY = 0.4;
+declare const MARKER_HEIGHT = 24;
+declare const CLOSE_OFFSET = 0.2;
+declare const SCROLL_OFFSET = 1;
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,8 +1,4 @@
-.card-image__cardImage_h3lkt {
-    background: #e7e8ea;
-} .card-image__loaded_h3lkt {
-    background: transparent
-}.badge__component_q7pmt.badge__background-accent_q7pmt {
+.badge__component_q7pmt.badge__background-accent_q7pmt {
         background-color: #ef3124;
         color: #fff;
     } .badge__component_q7pmt.badge__background-specialbg-secondary-transparent_q7pmt {
@@ -77,6 +73,10 @@
 } .backdrop__exitActive_r89zc,
 .backdrop__exitDone_r89zc {
     background-color: transparent;
+}.card-image__cardImage_h3lkt {
+    background: #e7e8ea;
+} .card-image__loaded_h3lkt {
+    background: transparent
 }.checkbox-group__error_118i2 {
     border-left: 1px solid #f15045;
 } .checkbox-group__label_118i2 {
@@ -85,6 +85,8 @@
     color: #f15045;
 } .checkbox-group__hint_118i2 {
     color: rgba(235, 235, 245, 0.54);
+}.divider__component_dtlrr {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1u66f {
     color: #0e0e0e;
     background-color: #0e0e0e;
@@ -149,8 +151,6 @@
 } .checkbox__indeterminateLine_1u66f {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.divider__component_dtlrr {
-    border-bottom: 1px solid #2b2b2e;
 }.code-input__error_1u25t {
     color: #f15045;
 } @keyframes code-input__shake_1u25t {
@@ -535,7 +535,17 @@
     outline: 2px solid #0072ef;
 } .pure-input__component_17mo8:not(:disabled):hover {
     background-color: #202022;
-}.radio__container_1dlyb:not(.radio__checked_1dlyb):not(.radio__disabled_1dlyb):not(.radio__inactive_1dlyb) .radio__circle_1dlyb {
+}.radio-group__error_1ud00 {
+    border-left: 1px solid #f15045;
+} .radio-group__label_1ud00 {
+    color: #fff;
+} .radio-group__errorMessage_1ud00 {
+    color: #f15045;
+} .radio-group__hint_1ud00 {
+    color: rgba(235, 235, 245, 0.54);
+} .radio-group__hiddenInput_1ud00:focus ~ button {
+        outline: 2px solid #0072ef;
+    }.radio__container_1dlyb:not(.radio__checked_1dlyb):not(.radio__disabled_1dlyb):not(.radio__inactive_1dlyb) .radio__circle_1dlyb {
             background-color: #0e0e0e;
             border: 1.5px solid #85858d;
         } .radio__container_1dlyb:not(.radio__checked_1dlyb):not(.radio__disabled_1dlyb):not(.radio__inactive_1dlyb):hover:not(:active) .radio__circle_1dlyb {
@@ -577,17 +587,7 @@
     color: #fff;
 } .radio__hint_1dlyb {
     color: rgba(235, 235, 245, 0.54);
-}.radio-group__error_1ud00 {
-    border-left: 1px solid #f15045;
-} .radio-group__label_1ud00 {
-    color: #fff;
-} .radio-group__errorMessage_1ud00 {
-    color: #f15045;
-} .radio-group__hint_1ud00 {
-    color: rgba(235, 235, 245, 0.54);
-} .radio-group__hiddenInput_1ud00:focus ~ button {
-        outline: 2px solid #0072ef;
-    }.scrollbar__component_1em5g .scrollbar:before {
+}.scrollbar__component_1em5g .scrollbar:before {
             background-color: rgba(255, 255, 255, 0.3);
         } .scrollbar__component_1em5g.dragging .track .scrollbar.visible:before {
             background-color: rgba(255, 255, 255, 0.6);
@@ -614,25 +614,7 @@
         background-color: #2b2b2e;
     } .segmented-control__focused_s9bmc {
     outline: 2px solid #0072ef;
-}.slider__component_p3pj6 .noUi-base:hover .noUi-connects {
-            background: #303032;
-        } .slider__component_p3pj6 .noUi-base:hover .noUi-connect {
-            background: #d91d0b;
-        } .slider__component_p3pj6 .noUi-handle:hover .noUi-touch-area {
-        background: rgb(240, 63, 51);
-    } .slider__component_p3pj6 .noUi-handle:active .noUi-touch-area {
-        background: rgb(241, 80, 69);
-    } .slider__component_p3pj6 .noUi-connects {
-        background: #303032;
-    } .slider__component_p3pj6 .noUi-connect {
-        background: #d91d0b;
-    } .slider__component_p3pj6 .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_p3pj6 .noUi-touch-area {
-        background: #ef3124;
-    } .slider__component_p3pj6 .noUi-pips {
-        color: rgba(235, 235, 245, 0.54);
-    }.skeleton__component_gk61f {
+}.skeleton__component_gk61f {
     color: transparent;
     background: rgba(255, 255, 255, 0.1);
 } .skeleton__component_gk61f:before {
@@ -654,7 +636,25 @@
     100% {
         background: rgb(198, 205, 214);
     }
-}.sortable-list__primary_7y8uk {
+}.slider__component_p3pj6 .noUi-base:hover .noUi-connects {
+            background: #303032;
+        } .slider__component_p3pj6 .noUi-base:hover .noUi-connect {
+            background: #d91d0b;
+        } .slider__component_p3pj6 .noUi-handle:hover .noUi-touch-area {
+        background: rgb(240, 63, 51);
+    } .slider__component_p3pj6 .noUi-handle:active .noUi-touch-area {
+        background: rgb(241, 80, 69);
+    } .slider__component_p3pj6 .noUi-connects {
+        background: #303032;
+    } .slider__component_p3pj6 .noUi-connect {
+        background: #d91d0b;
+    } .slider__component_p3pj6 .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_p3pj6 .noUi-touch-area {
+        background: #ef3124;
+    } .slider__component_p3pj6 .noUi-pips {
+        color: rgba(235, 235, 245, 0.54);
+    }.sortable-list__primary_7y8uk {
     background: #121212;
 } .sortable-list__secondary_7y8uk {
     background: #202022;