draft-components 0.48.0 → 0.51.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/checkbox.d.ts +2 -1
- package/components/checkbox/checkbox.js +6 -2
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/datetime-field/datetime-field.d.ts +1 -1
- package/components/number-field/number-field.d.ts +1 -1
- package/components/number-field/number-field.js +3 -7
- package/components/number-field/number-field.js.map +1 -1
- package/components/radio-button/radio-button.d.ts +2 -1
- package/components/radio-button/radio-button.js +6 -2
- package/components/radio-button/radio-button.js.map +1 -1
- package/components/search-field/search-field.d.ts +1 -1
- package/components/segmented-control/segmented-control.d.ts +4 -5
- package/components/segmented-control/segmented-control.js +11 -7
- package/components/segmented-control/segmented-control.js.map +1 -1
- package/components/select/select.d.ts +2 -1
- package/components/select/select.js +6 -2
- package/components/select/select.js.map +1 -1
- package/components/switch/switch.d.ts +1 -1
- package/components/switch/switch.js +6 -2
- package/components/switch/switch.js.map +1 -1
- package/components/table/index.d.ts +6 -0
- package/components/table/index.js +6 -0
- package/components/table/index.js.map +1 -1
- package/components/table/table-header-cell.d.ts +2 -2
- package/components/table/table-header-cell.js +2 -2
- package/components/table/table-header-cell.js.map +1 -1
- package/components/text-field/text-field.d.ts +2 -1
- package/components/text-field/text-field.js +4 -1
- package/components/text-field/text-field.js.map +1 -1
- package/components/textarea/textarea.d.ts +2 -1
- package/components/textarea/textarea.js +6 -2
- package/components/textarea/textarea.js.map +1 -1
- package/css/draft-components-utils.css +1 -1
- package/css/draft-components.css +1 -1
- package/package.json +3 -2
- package/scss/components/_radio-group.scss +2 -1
- package/scss/components/_table.scss +0 -5
- package/scss/utils/_borders.scss +21 -21
- package/scss/utils/_box-model.scss +7 -7
- package/scss/utils/_flexbox.scss +38 -38
- package/scss/utils/_margin.scss +11 -11
- package/scss/utils/_padding.scss +9 -9
- package/scss/utils/_typography.scss +35 -32
|
@@ -7,5 +7,6 @@ export interface TextFieldProps extends TextFieldHtmlAttrs {
|
|
|
7
7
|
fullWidth?: boolean;
|
|
8
8
|
leadingAddOn?: ReactNode;
|
|
9
9
|
trailingAddOn?: ReactNode;
|
|
10
|
+
onChangeValue?(value: string): void;
|
|
10
11
|
}
|
|
11
|
-
export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "list" | "hidden" | "multiple" | "disabled" | "autoFocus" | "value" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "autoComplete" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "invalid" | "leadingAddOn" | "trailingAddOn"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
12
|
+
export declare const TextField: import("react").ForwardRefExoticComponent<Pick<TextFieldProps, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "list" | "hidden" | "multiple" | "disabled" | "autoFocus" | "value" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "autoComplete" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "invalid" | "leadingAddOn" | "trailingAddOn" | "onChangeValue"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const guards_1 = require("../../lib/guards");
|
|
7
7
|
const react_helpers_1 = require("../../lib/react-helpers");
|
|
8
|
-
exports.TextField = react_1.forwardRef(function TextField({ size = 'md', invalid, fullWidth, leadingAddOn, trailingAddOn, style, className, type = 'text', disabled, onFocus, onBlur, ...props }, ref) {
|
|
8
|
+
exports.TextField = react_1.forwardRef(function TextField({ size = 'md', invalid, fullWidth, leadingAddOn, trailingAddOn, style, className, type = 'text', disabled, onFocus, onBlur, onChange, onChangeValue, ...props }, ref) {
|
|
9
9
|
const [focused, setFocused] = react_1.useState(false);
|
|
10
10
|
return (jsx_runtime_1.jsxs("div", Object.assign({ style: style, className: react_helpers_1.classNames(className, 'dc-field', 'dc-text-field', {
|
|
11
11
|
'dc-field_disabled': disabled,
|
|
@@ -19,6 +19,9 @@ exports.TextField = react_1.forwardRef(function TextField({ size = 'md', invalid
|
|
|
19
19
|
}, onBlur: (event) => {
|
|
20
20
|
setFocused(false);
|
|
21
21
|
guards_1.isFunction(onBlur) && onBlur(event);
|
|
22
|
+
}, onChange: (event) => {
|
|
23
|
+
guards_1.isFunction(onChange) && onChange(event);
|
|
24
|
+
guards_1.isFunction(onChangeValue) && onChangeValue(event.target.value);
|
|
22
25
|
} }), void 0), trailingAddOn && (jsx_runtime_1.jsx("span", Object.assign({ className: "dc-text-field__add-on" }, { children: trailingAddOn }), void 0))] }), void 0));
|
|
23
26
|
});
|
|
24
27
|
//# sourceMappingURL=text-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../src/components/text-field/text-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+E;AAC/E,6CAA8C;AAC9C,2DAAqD;
|
|
1
|
+
{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../src/components/text-field/text-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+E;AAC/E,6CAA8C;AAC9C,2DAAqD;AA6CxC,QAAA,SAAS,GAAG,kBAAU,CACjC,SAAS,SAAS,CAChB,EACE,IAAI,GAAG,IAAI,EACX,OAAO,EACP,SAAS,EACT,YAAY,EACZ,aAAa,EACb,KAAK,EACL,SAAS,EACT,IAAI,GAAG,MAAM,EACb,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,0CACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE;YAC5D,mBAAmB,EAAE,QAAQ;YAC7B,kBAAkB,EAAE,OAAO;YAC3B,kBAAkB,EAAE,OAAO;YAC3B,qBAAqB,EAAE,SAAS;YAChC,CAAC,iBAAiB,IAAI,EAAE,CAAC,EAAE,IAAI;SAChC,CAAC,iBAED,YAAY,IAAI,CACf,0CAAM,SAAS,EAAC,uBAAuB,gBAAE,YAAY,YAAQ,CAC9D,EAED,6CACM,KAAK,IACT,SAAS,EAAC,sBAAsB,EAChC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACjB,UAAU,CAAC,IAAI,CAAC,CAAC;oBACjB,mBAAU,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;gBACxC,CAAC,EACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChB,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,mBAAU,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,mBAAU,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACxC,mBAAU,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACjE,CAAC,YACD,EAED,aAAa,IAAI,CAChB,0CAAM,SAAS,EAAC,uBAAuB,gBAAE,aAAa,YAAQ,CAC/D,aACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -3,5 +3,6 @@ export interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
|
|
|
3
3
|
size?: 'sm' | 'md' | 'lg';
|
|
4
4
|
invalid?: boolean;
|
|
5
5
|
fullWidth?: boolean;
|
|
6
|
+
onChangeValue?(value: string): void;
|
|
6
7
|
}
|
|
7
|
-
export declare const Textarea: import("react").ForwardRefExoticComponent<Pick<TextareaProps, "form" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "hidden" | "wrap" | "disabled" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "required" | "invalid" | "cols" | "dirName" | "rows"> & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
8
|
+
export declare const Textarea: import("react").ForwardRefExoticComponent<Pick<TextareaProps, "form" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "hidden" | "wrap" | "disabled" | "autoFocus" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "required" | "invalid" | "onChangeValue" | "cols" | "dirName" | "rows"> & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -3,12 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Textarea = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
+
const guards_1 = require("../../lib/guards");
|
|
6
7
|
const react_helpers_1 = require("../../lib/react-helpers");
|
|
7
|
-
exports.Textarea = react_1.forwardRef(function Textarea({ size = 'md', invalid, fullWidth, className, ...props }, ref) {
|
|
8
|
+
exports.Textarea = react_1.forwardRef(function Textarea({ size = 'md', invalid, fullWidth, className, onChange, onChangeValue, ...props }, ref) {
|
|
8
9
|
return (jsx_runtime_1.jsx("textarea", Object.assign({}, props, { ref: ref, className: react_helpers_1.classNames(className, 'dc-field', 'dc-textarea', {
|
|
9
10
|
'dc-field_invalid': invalid,
|
|
10
11
|
'dc-field_full_width': fullWidth,
|
|
11
12
|
[`dc-field_size_${size}`]: size,
|
|
12
|
-
})
|
|
13
|
+
}), onChange: (event) => {
|
|
14
|
+
guards_1.isFunction(onChange) && onChange(event);
|
|
15
|
+
guards_1.isFunction(onChangeValue) && onChangeValue(event.target.value);
|
|
16
|
+
} }), void 0));
|
|
13
17
|
});
|
|
14
18
|
//# sourceMappingURL=textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea/textarea.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0D;AAC1D,2DAAqD;
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea/textarea.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0D;AAC1D,6CAA8C;AAC9C,2DAAqD;AASxC,QAAA,QAAQ,GAAG,kBAAU,CAChC,SAAS,QAAQ,CACf,EACE,IAAI,GAAG,IAAI,EACX,OAAO,EACP,SAAS,EACT,SAAS,EACT,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG;IAEH,OAAO,CACL,gDACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE;YAC1D,kBAAkB,EAAE,OAAO;YAC3B,qBAAqB,EAAE,SAAS;YAChC,CAAC,iBAAiB,IAAI,EAAE,CAAC,EAAE,IAAI;SAChC,CAAC,EACF,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,mBAAU,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxC,mBAAU,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjE,CAAC,YACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.box-content{box-sizing:content-box}.box-border{box-sizing:border-box}.width-full{width:100%}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-center{align-items:center;display:flex;justify-content:center}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.flex-items-start{align-items:flex-start}.flex-items-end{align-items:flex-end}.flex-items-center{align-items:center}.flex-items-baseline{align-items:baseline}.flex-items-stretch{align-items:stretch}.flex-content-start{align-content:flex-start}.flex-content-end{align-content:flex-end}.flex-content-center{align-content:center}.flex-content-between{align-content:space-between}.flex-content-around{align-content:space-around}.flex-content-stretch{align-content:stretch}.flex-1{flex:1}.flex-auto{flex:auto}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-self-auto{align-self:auto}.flex-self-start{align-self:flex-start}.flex-self-end{align-self:flex-end}.flex-self-center{align-self:center}.flex-self-baseline{align-self:baseline}.flex-self-stretch{align-self:stretch}.m-0{margin:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-bottom:0}.mt-0,.my-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-bottom:.25rem}.mt-1,.my-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.m-2{margin:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-bottom:.5rem}.mt-2,.my-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.m-3{margin:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-bottom:.75rem}.mt-3,.my-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.m-4{margin:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-bottom:1rem}.mt-4,.my-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-bottom:1.25rem}.mt-5,.my-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.m-6{margin:1.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-6{margin-bottom:1.5rem}.mt-6,.my-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.m-8{margin:2rem}.mx-8{margin-left:2rem;margin-right:2rem}.my-8{margin-bottom:2rem}.mt-8,.my-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.m-10{margin:2.5rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.my-10{margin-bottom:2.5rem}.mt-10,.my-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.m-12{margin:3rem}.mx-12{margin-left:3rem;margin-right:3rem}.my-12{margin-bottom:3rem}.mt-12,.my-12{margin-top:3rem}.mr-12{margin-right:3rem}.mb-12{margin-bottom:3rem}.ml-12{margin-left:3rem}.m-16{margin:4rem}.mx-16{margin-left:4rem;margin-right:4rem}.my-16{margin-bottom:4rem}.mt-16,.my-16{margin-top:4rem}.mr-16{margin-right:4rem}.mb-16{margin-bottom:4rem}.ml-16{margin-left:4rem}.m-20{margin:5rem}.mx-20{margin-left:5rem;margin-right:5rem}.my-20{margin-bottom:5rem}.mt-20,.my-20{margin-top:5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.ml-20{margin-left:5rem}.m-24{margin:6rem}.mx-24{margin-left:6rem;margin-right:6rem}.my-24{margin-bottom:6rem}.mt-24,.my-24{margin-top:6rem}.mr-24{margin-right:6rem}.mb-24{margin-bottom:6rem}.ml-24{margin-left:6rem}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-bottom:0}.pt-0,.py-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-1{padding:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-bottom:.25rem}.pt-1,.py-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem}.pt-2,.py-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-bottom:.75rem}.pt-3,.py-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem}.pt-4,.py-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-bottom:1.25rem}.pt-5,.py-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-bottom:1.5rem}.pt-6,.py-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.p-8{padding:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-bottom:2rem}.pt-8,.py-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.p-10{padding:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-10{padding-bottom:2.5rem}.pt-10,.py-10{padding-top:2.5rem}.pr-10{padding-right:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.p-12{padding:3rem}.px-12{padding-left:3rem;padding-right:3rem}.py-12{padding-bottom:3rem}.pt-12,.py-12{padding-top:3rem}.pr-12{padding-right:3rem}.pb-12{padding-bottom:3rem}.pl-12{padding-left:3rem}.p-16{padding:4rem}.px-16{padding-left:4rem;padding-right:4rem}.py-16{padding-bottom:4rem}.pt-16,.py-16{padding-top:4rem}.pr-16{padding-right:4rem}.pb-16{padding-bottom:4rem}.pl-16{padding-left:4rem}.p-20{padding:5rem}.px-20{padding-left:5rem;padding-right:5rem}.py-20{padding-bottom:5rem}.pt-20,.py-20{padding-top:5rem}.pr-20{padding-right:5rem}.pb-20{padding-bottom:5rem}.pl-20{padding-left:5rem}.p-24{padding:6rem}.px-24{padding-left:6rem;padding-right:6rem}.py-24{padding-bottom:6rem}.pt-24,.py-24{padding-top:6rem}.pr-24{padding-right:6rem}.pb-24{padding-bottom:6rem}.pl-24{padding-left:6rem}.rounded-none{border-radius:0}.rounded-2xs{border-radius:.125rem}.rounded-xs{border-radius:.25rem}.rounded-sm{border-radius:.3125rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.625rem}.rounded-2xl{border-radius:.75rem}.rounded-circle{border-radius:50%}.border{border:1px solid #d4d4d8}.border-top{border-top:1px solid #d4d4d8}.border-right{border-right:1px solid #d4d4d8}.border-bottom{border-bottom:1px solid #d4d4d8}.border-left{border-left:1px solid #d4d4d8}.border-0{border:0}.border-top-0{border-top:0}.border-right-0{border-right:0}.border-bottom-0{border-bottom:0}.border-left-0{border-left:0}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.color-inherit{color:inherit}.color-primary{color:var(--dc-primary-text-color)}.color-secondary{color:var(--dc-secondary-text-color)}.color-tertiary{color:var(--dc-tertiary-text-color)}.color-link{color:var(--dc-link-text-color)}.color-error{color:var(--dc-error-text-color)}.color-warning{color:var(--dc-warning-text-color)}.color-info{color:var(--dc-info-text-color)}.color-success{color:var(--dc-success-text-color)}.text-light{font-weight:300}.text-normal{font-weight:400}.text-medium{font-weight:500}.text-semibold{font-weight:600}.text-bold{font-weight:700}.text-extrabold{font-weight:800}.text-italic{font-style:italic}.text-uppercase{text-transform:uppercase}.text-no-underline{text-decoration:none}.text-no-select{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.fs-xs{font-size:.75rem}.fs-sm{font-size:.875rem}.fs-base{font-size:1rem}.fs-lg{font-size:1.125rem}.fs-xl{font-size:1.5rem}.fs-2xl{font-size:1.75rem}.fs-3xl{font-size:2rem}
|
|
1
|
+
.d-none{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-inline{display:inline!important}.box-content{box-sizing:content-box!important}.box-border{box-sizing:border-box!important}.width-full{width:100%!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.flex-center{align-items:center!important;display:flex!important;justify-content:center!important}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column{flex-direction:column!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-justify-start{justify-content:flex-start!important}.flex-justify-end{justify-content:flex-end!important}.flex-justify-center{justify-content:center!important}.flex-justify-between{justify-content:space-between!important}.flex-justify-around{justify-content:space-around!important}.flex-items-start{align-items:flex-start!important}.flex-items-end{align-items:flex-end!important}.flex-items-center{align-items:center!important}.flex-items-baseline{align-items:baseline!important}.flex-items-stretch{align-items:stretch!important}.flex-content-start{align-content:flex-start!important}.flex-content-end{align-content:flex-end!important}.flex-content-center{align-content:center!important}.flex-content-between{align-content:space-between!important}.flex-content-around{align-content:space-around!important}.flex-content-stretch{align-content:stretch!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-grow-0{flex-grow:0!important}.flex-shrink-0{flex-shrink:0!important}.flex-self-auto{align-self:auto!important}.flex-self-start{align-self:flex-start!important}.flex-self-end{align-self:flex-end!important}.flex-self-center{align-self:center!important}.flex-self-baseline{align-self:baseline!important}.flex-self-stretch{align-self:stretch!important}.m-0{margin:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-bottom:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.m-1{margin:.25rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.my-1{margin-bottom:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-2{margin-bottom:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.m-3{margin:.75rem!important}.mx-3{margin-left:.75rem!important;margin-right:.75rem!important}.my-3{margin-bottom:.75rem!important}.mt-3,.my-3{margin-top:.75rem!important}.mr-3{margin-right:.75rem!important}.mb-3{margin-bottom:.75rem!important}.ml-3{margin-left:.75rem!important}.m-4{margin:1rem!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.my-4{margin-bottom:1rem!important}.mt-4,.my-4{margin-top:1rem!important}.mr-4{margin-right:1rem!important}.mb-4{margin-bottom:1rem!important}.ml-4{margin-left:1rem!important}.m-5{margin:1.25rem!important}.mx-5{margin-left:1.25rem!important;margin-right:1.25rem!important}.my-5{margin-bottom:1.25rem!important}.mt-5,.my-5{margin-top:1.25rem!important}.mr-5{margin-right:1.25rem!important}.mb-5{margin-bottom:1.25rem!important}.ml-5{margin-left:1.25rem!important}.m-6{margin:1.5rem!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.my-6{margin-bottom:1.5rem!important}.mt-6,.my-6{margin-top:1.5rem!important}.mr-6{margin-right:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-6{margin-left:1.5rem!important}.m-8{margin:2rem!important}.mx-8{margin-left:2rem!important;margin-right:2rem!important}.my-8{margin-bottom:2rem!important}.mt-8,.my-8{margin-top:2rem!important}.mr-8{margin-right:2rem!important}.mb-8{margin-bottom:2rem!important}.ml-8{margin-left:2rem!important}.m-10{margin:2.5rem!important}.mx-10{margin-left:2.5rem!important;margin-right:2.5rem!important}.my-10{margin-bottom:2.5rem!important}.mt-10,.my-10{margin-top:2.5rem!important}.mr-10{margin-right:2.5rem!important}.mb-10{margin-bottom:2.5rem!important}.ml-10{margin-left:2.5rem!important}.m-12{margin:3rem!important}.mx-12{margin-left:3rem!important;margin-right:3rem!important}.my-12{margin-bottom:3rem!important}.mt-12,.my-12{margin-top:3rem!important}.mr-12{margin-right:3rem!important}.mb-12{margin-bottom:3rem!important}.ml-12{margin-left:3rem!important}.m-16{margin:4rem!important}.mx-16{margin-left:4rem!important;margin-right:4rem!important}.my-16{margin-bottom:4rem!important}.mt-16,.my-16{margin-top:4rem!important}.mr-16{margin-right:4rem!important}.mb-16{margin-bottom:4rem!important}.ml-16{margin-left:4rem!important}.m-20{margin:5rem!important}.mx-20{margin-left:5rem!important;margin-right:5rem!important}.my-20{margin-bottom:5rem!important}.mt-20,.my-20{margin-top:5rem!important}.mr-20{margin-right:5rem!important}.mb-20{margin-bottom:5rem!important}.ml-20{margin-left:5rem!important}.m-24{margin:6rem!important}.mx-24{margin-left:6rem!important;margin-right:6rem!important}.my-24{margin-bottom:6rem!important}.mt-24,.my-24{margin-top:6rem!important}.mr-24{margin-right:6rem!important}.mb-24{margin-bottom:6rem!important}.ml-24{margin-left:6rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.p-0{padding:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-bottom:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.p-1{padding:.25rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-1{padding-bottom:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-2{padding-bottom:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.p-3{padding:.75rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.pr-3{padding-right:.75rem!important}.pb-3{padding-bottom:.75rem!important}.pl-3{padding-left:.75rem!important}.p-4{padding:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-4{padding-bottom:1rem!important}.pt-4,.py-4{padding-top:1rem!important}.pr-4{padding-right:1rem!important}.pb-4{padding-bottom:1rem!important}.pl-4{padding-left:1rem!important}.p-5{padding:1.25rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.py-5{padding-bottom:1.25rem!important}.pt-5,.py-5{padding-top:1.25rem!important}.pr-5{padding-right:1.25rem!important}.pb-5{padding-bottom:1.25rem!important}.pl-5{padding-left:1.25rem!important}.p-6{padding:1.5rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-6{padding-bottom:1.5rem!important}.pt-6,.py-6{padding-top:1.5rem!important}.pr-6{padding-right:1.5rem!important}.pb-6{padding-bottom:1.5rem!important}.pl-6{padding-left:1.5rem!important}.p-8{padding:2rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.py-8{padding-bottom:2rem!important}.pt-8,.py-8{padding-top:2rem!important}.pr-8{padding-right:2rem!important}.pb-8{padding-bottom:2rem!important}.pl-8{padding-left:2rem!important}.p-10{padding:2.5rem!important}.px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.py-10{padding-bottom:2.5rem!important}.pt-10,.py-10{padding-top:2.5rem!important}.pr-10{padding-right:2.5rem!important}.pb-10{padding-bottom:2.5rem!important}.pl-10{padding-left:2.5rem!important}.p-12{padding:3rem!important}.px-12{padding-left:3rem!important;padding-right:3rem!important}.py-12{padding-bottom:3rem!important}.pt-12,.py-12{padding-top:3rem!important}.pr-12{padding-right:3rem!important}.pb-12{padding-bottom:3rem!important}.pl-12{padding-left:3rem!important}.p-16{padding:4rem!important}.px-16{padding-left:4rem!important;padding-right:4rem!important}.py-16{padding-bottom:4rem!important}.pt-16,.py-16{padding-top:4rem!important}.pr-16{padding-right:4rem!important}.pb-16{padding-bottom:4rem!important}.pl-16{padding-left:4rem!important}.p-20{padding:5rem!important}.px-20{padding-left:5rem!important;padding-right:5rem!important}.py-20{padding-bottom:5rem!important}.pt-20,.py-20{padding-top:5rem!important}.pr-20{padding-right:5rem!important}.pb-20{padding-bottom:5rem!important}.pl-20{padding-left:5rem!important}.p-24{padding:6rem!important}.px-24{padding-left:6rem!important;padding-right:6rem!important}.py-24{padding-bottom:6rem!important}.pt-24,.py-24{padding-top:6rem!important}.pr-24{padding-right:6rem!important}.pb-24{padding-bottom:6rem!important}.pl-24{padding-left:6rem!important}.rounded-none{border-radius:0!important}.rounded-2xs{border-radius:.125rem!important}.rounded-xs{border-radius:.25rem!important}.rounded-sm{border-radius:.3125rem!important}.rounded-md{border-radius:.375rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-xl{border-radius:.625rem!important}.rounded-2xl{border-radius:.75rem!important}.rounded-circle{border-radius:50%!important}.border{border:1px solid #d4d4d8!important}.border-top{border-top:1px solid #d4d4d8!important}.border-right{border-right:1px solid #d4d4d8!important}.border-bottom{border-bottom:1px solid #d4d4d8!important}.border-left{border-left:1px solid #d4d4d8!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-dashed{border-style:dashed!important}.border-dotted{border-style:dotted!important}.color-inherit{color:inherit!important}.color-primary{color:var(--dc-primary-text-color)!important}.color-secondary{color:var(--dc-secondary-text-color)!important}.color-tertiary{color:var(--dc-tertiary-text-color)!important}.color-link{color:var(--dc-link-text-color)!important}.color-error{color:var(--dc-error-text-color)!important}.color-warning{color:var(--dc-warning-text-color)!important}.color-info{color:var(--dc-info-text-color)!important}.color-success{color:var(--dc-success-text-color)!important}.text-light{font-weight:300!important}.text-normal{font-weight:400!important}.text-medium{font-weight:500!important}.text-semibold{font-weight:600!important}.text-bold{font-weight:700!important}.text-extrabold{font-weight:800!important}.text-italic{font-style:italic!important}.text-uppercase{text-transform:uppercase!important}.text-no-underline{text-decoration:none!important}.text-no-select{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.text-no-wrap{white-space:nowrap!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.fs-xs{font-size:.75rem!important}.fs-sm{font-size:.875rem!important}.fs-base{font-size:1rem!important}.fs-lg{font-size:1.125rem!important}.fs-xl{font-size:1.5rem!important}.fs-2xl{font-size:1.75rem!important}.fs-3xl{font-size:2rem!important}
|
package/css/draft-components.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
:root{--dc-font-base:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--dc-font-code:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--dc-primary-text-color:#27272a;--dc-secondary-text-color:#71717a;--dc-tertiary-text-color:#a1a1aa;--dc-link-text-color:#3b82f6;--dc-error-text-color:#ff6b6b;--dc-warning-text-color:#ff922b;--dc-info-text-color:#3b82f6;--dc-success-text-color:#5ec169;--dc-primary-border-color:#d4d4d8;--dc-secondary-border-color:#e4e4e7;--dc-primary-bg-color:#fff;--dc-secondary-bg-color:#fafafa;--dc-tertiary-bg-color:#f4f4f5;--dc-skeleton-color:#f4f4f5;--dc-skeleton-bg-color:#e4e4e7;--dc-focus-border-color:#3b82f6;--dc-focus-ring-color:rgba(59,130,246,0.45);--dc-focus-ring-secondary-color:#fff;--dc-focus-danger-border-color:#ff6b6b;--dc-focus-danger-ring-color:hsla(0,100%,71%,0.4);--dc-zindex-base:0;--dc-zindex-sticky:100;--dc-zindex-fixed:200;--dc-zindex-overlay:300;--dc-disabled-state-opacity:0.5;--dc-control-xs-h:1.375rem;--dc-control-sm-h:1.75rem;--dc-control-md-h:2rem;--dc-control-lg-h:2.25rem;--dc-scrollbar-track-bg-color:#f4f4f5;--dc-scrollbar-track-bg-hover-color:#e4e4e7;--dc-scrollbar-thumb-bg-color:#d4d4d8;--dc-scrollbar-thumb-bg-hover-color:#71717a;--dc-btn-height:var(--dc-control-md-h);--dc-btn-text-color:#3f3f46;--dc-btn-bg:#fff;--dc-btn-bg-hover:#f4f4f5;--dc-btn-bg-active:#e4e4e7;--dc-btn-border-color:#e4e4e7;--dc-btn-border-color-focus:#e4e4e7;--dc-btn-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-secondary-text-color:#3f3f46;--dc-btn-secondary-bg:hsla(240,4%,46%,0.1);--dc-btn-secondary-bg-hover:hsla(240,4%,46%,0.15);--dc-btn-secondary-bg-active:hsla(240,4%,46%,0.2);--dc-btn-secondary-border-color:hsla(240,4%,46%,0.1);--dc-btn-secondary-border-color-focus:hsla(240,4%,46%,0.1);--dc-btn-secondary-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-minimal-text-color:#3f3f46;--dc-btn-minimal-bg:hsla(240,4%,46%,0);--dc-btn-minimal-bg-hover:hsla(240,4%,46%,0.1);--dc-btn-minimal-bg-active:hsla(240,4%,46%,0.15);--dc-btn-minimal-border-color:hsla(240,4%,46%,0);--dc-btn-minimal-border-color-focus:hsla(240,4%,46%,0);--dc-btn-minimal-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-primary-text-color:#fff;--dc-btn-primary-bg:#3b82f6;--dc-btn-primary-bg-hover:#2563eb;--dc-btn-primary-bg-active:#1d4ed8;--dc-btn-primary-border-color:#3b82f6;--dc-btn-primary-border-color-focus:#2563eb;--dc-btn-primary-focus-ring-color:var(--dc-focus-ring-color);--dc-btn-danger-text-color:#fff;--dc-btn-danger-bg:#fa5252;--dc-btn-danger-bg-hover:#f03e3e;--dc-btn-danger-bg-active:#e03131;--dc-btn-danger-border-color:#fa5252;--dc-btn-danger-border-color-focus:#e03131;--dc-btn-danger-focus-ring-color:rgba(250,82,82,0.5);--dc-btn-success-text-color:#fff;--dc-btn-success-bg:#5ec169;--dc-btn-success-bg-hover:#4ca054;--dc-btn-success-bg-active:#3b7c44;--dc-btn-success-border-color:#5ec169;--dc-btn-success-border-color-focus:#4ca054;--dc-btn-success-focus-ring-color:rgba(94,193,105,0.5);--dc-field-text-color:#27272a;--dc-field-add-on-color:#52525b;--dc-field-border-color:#d4d4d8;--dc-field-bg-color:#fff;--dc-field-disabled-text-color:#a1a1aa;--dc-field-disabled-add-on-color:#a1a1aa;--dc-field-disabled-border-color:#e4e4e7;--dc-field-disabled-bg-color:#fafafa;--dc-field-accent-color:#3b82f6;--dc-field-accent-text-color:#fff;--dc-field-error-color:#fa5252;--dc-field-error-text-color:#fff;--dc-field-w:18rem;--dc-field-h:var(--dc-control-md-h);--dc-field-pad:0.75em;--dc-field-br:0.25rem;--dc-field-fs:0.875rem;--dc-textarea-lh:1.375;--dc-checkbox-size:1.125rem;--dc-radio-button-size:1.125rem;--dc-switch-check-size:1rem;--dc-switch-bg-color:#e4e4e7;--dc-switch-check-color:#fff;--dc-switch-accent-color:#3b82f6;--dc-switch-w:2rem;--dc-switch-h:1.25rem;--dc-radio-group-selection-color:#3b82f6;--dc-radio-group-border-color:rgba(0,0,0,0.1);--dc-slider-thumb-gb-color:#fff;--dc-slider-track-gb-color:#a1a1aa;--dc-slider-fill-track-gb-color:#3b82f6;--dc-actions-group-border:#d4d4d8;--dc-actions-group-bg:#fff;--dc-non-ideal-state-text-color:var(--dc-primary-text-color);--dc-non-ideal-state-icon-color:var(--dc-tertiary-text-color);--dc-toast-bg:#27272a;--dc-toast-text-color:#fff;--dc-toast-btn-bg:hsla(0,0%,100%,0.1);--dc-toast-btn-text-color:#fff;--dc-breadcrumbs-item-color:var(--dc-secondary-text-color);--dc-breadcrumbs-item-hover-color:var(--dc-primary-text-color);--dc-breadcrumbs-selected-item-color:var(--dc-primary-text-color);--dc-breadcrumbs-delimiter-color:#a1a1aa;--dc-segmented-control-text-color:#3f3f46;--dc-segmented-control-text-color-active:#fff;--dc-segmented-control-border-color:rgba(24,24,27,0.15);--dc-segmented-control-border-focus:#3b82f6;--dc-segmented-control-separator-color:rgba(24,24,27,0.2);--dc-segmented-control-bg:hsla(240,4%,46%,0.05);--dc-segmented-control-bg-active:#3b82f6;--dc-label-text-color:var(--dc-primary-text-color);--dc-label-required-mark-color:#fa5252;--dc-tooltip-bg-color:#27272a;--dc-tooltip-text-color:#f4f4f5;--dc-table-border-color:hsla(240,4%,46%,0.25);--dc-table-border:1px solid var(--dc-table-border-color);--dc-table-cell-bg:var(--dc-primary-bg-color);--dc-table-header-cell-bg:var(--dc-secondary-bg-color);--dc-table-hover-row-bg:var(--dc-tertiary-bg-color);--dc-table-striped-row-bg:var(--dc-tertiary-bg-color);--dc-table-selected-row-bg:blue-100;--dc-table-selected-stiped-row-bg:blue-50;--dc-avatar-color:#fff;--dc-avatar-bg1-color:#a1a1aa;--dc-avatar-bg2-color:#71717a;--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#a1a1aa,#71717a)}@supports ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())){:root{--dc-toast-bg:rgba(39,39,42,0.9)}}
|
|
2
2
|
|
|
3
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@-webkit-keyframes dc-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes dc-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dc-box{box-sizing:border-box;font-family:var(--dc-font-base)}.dc-box_bg_none{background:none}.dc-box_bg_primary{background:var(--dc-primary-bg-color)}.dc-box_bg_secondary{background:var(--dc-secondary-bg-color)}.dc-box_bg_tertiary{background:var(--dc-tertiary-bg-color)}.dc-box_border_none{border:none}.dc-box_border_primary{border:.0625rem solid var(--dc-primary-border-color)}.dc-box_border_secondary{border:.0625rem solid var(--dc-secondary-border-color)}.dc-box_border-radius_none{border-radius:0}.dc-box_border-radius_2xs{border-radius:.125rem}.dc-box_border-radius_xs{border-radius:.25rem}.dc-box_border-radius_sm{border-radius:.3125rem}.dc-box_border-radius_md{border-radius:.375rem}.dc-box_border-radius_lg{border-radius:.5rem}.dc-box_border-radius_xl{border-radius:.625rem}.dc-box_border-radius_2xl{border-radius:.75rem}.dc-box_elevation_none{box-shadow:none}.dc-box_elevation_xs{box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05)}.dc-box_elevation_sm{box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06)}.dc-box_elevation_md{box-shadow:0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06)}.dc-box_elevation_lg{box-shadow:0 .625rem .9375rem -.1875rem rgba(0,0,0,.1),0 .25rem .375rem -.125rem rgba(0,0,0,.05)}.dc-box_elevation_xl{box-shadow:0 1.25rem 1.5625rem -.3125rem rgba(0,0,0,.1),0 .625rem .625rem -.3125rem rgba(0,0,0,.04)}.dc-box_p_none{padding:0}.dc-box_p_1x{padding:.25rem}.dc-box_p_2x{padding:.5rem}.dc-box_p_3x{padding:.75rem}.dc-box_p_4x{padding:1rem}.dc-box_p_5x{padding:1.25rem}.dc-box_p_6x{padding:1.5rem}.dc-box_p_8x{padding:2rem}.dc-box_pt_none{padding-top:0}.dc-box_pt_1x{padding-top:.25rem}.dc-box_pt_2x{padding-top:.5rem}.dc-box_pt_3x{padding-top:.75rem}.dc-box_pt_4x{padding-top:1rem}.dc-box_pt_5x{padding-top:1.25rem}.dc-box_pt_6x{padding-top:1.5rem}.dc-box_pt_8x{padding-top:2rem}.dc-box_pr_none{padding-right:0}.dc-box_pr_1x{padding-right:.25rem}.dc-box_pr_2x{padding-right:.5rem}.dc-box_pr_3x{padding-right:.75rem}.dc-box_pr_4x{padding-right:1rem}.dc-box_pr_5x{padding-right:1.25rem}.dc-box_pr_6x{padding-right:1.5rem}.dc-box_pr_8x{padding-right:2rem}.dc-box_pb_none{padding-bottom:0}.dc-box_pb_1x{padding-bottom:.25rem}.dc-box_pb_2x{padding-bottom:.5rem}.dc-box_pb_3x{padding-bottom:.75rem}.dc-box_pb_4x{padding-bottom:1rem}.dc-box_pb_5x{padding-bottom:1.25rem}.dc-box_pb_6x{padding-bottom:1.5rem}.dc-box_pb_8x{padding-bottom:2rem}.dc-box_pl_none{padding-left:0}.dc-box_pl_1x{padding-left:.25rem}.dc-box_pl_2x{padding-left:.5rem}.dc-box_pl_3x{padding-left:.75rem}.dc-box_pl_4x{padding-left:1rem}.dc-box_pl_5x{padding-left:1.25rem}.dc-box_pl_6x{padding-left:1.5rem}.dc-box_pl_8x{padding-left:2rem}.dc-svg-icon{display:inline-block;flex:none;font-size:1em;height:1em;vertical-align:-.125em;width:1em}.dc-fmt-content,.dc-fmt-content__caption,.dc-fmt-content__code,.dc-fmt-content__footnote,.dc-fmt-content__headline,.dc-fmt-content__large-title,.dc-fmt-content__link,.dc-fmt-content__paragraph,.dc-fmt-content__subheadline,.dc-fmt-content__title-1,.dc-fmt-content__title-2,.dc-fmt-content__title-3{color:inherit;font-family:var(--dc-font-base);letter-spacing:0;margin-bottom:0;margin-top:0}.dc-fmt-content,.dc-fmt-content__paragraph{font-size:1rem;font-weight:400;line-height:1.5}.dc-fmt-content__paragraph b,.dc-fmt-content__paragraph strong,.dc-fmt-content b,.dc-fmt-content strong{font-weight:600}.dc-fmt-content__paragraph em,.dc-fmt-content__paragraph i,.dc-fmt-content em,.dc-fmt-content i{font-style:italic}.dc-fmt-content__caption a,.dc-fmt-content__footnote a,.dc-fmt-content__link,.dc-fmt-content__paragraph a,.dc-fmt-content a{color:var(--dc-link-text-color);text-decoration:none}.dc-fmt-content__caption a:hover,.dc-fmt-content__footnote a:hover,.dc-fmt-content__link:hover,.dc-fmt-content__paragraph a:hover,.dc-fmt-content a:hover{text-decoration:underline}.dc-fmt-content__code,.dc-fmt-content__paragraph code,.dc-fmt-content code{background:rgba(0,0,0,.05);border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:85%;padding:.2em .4em}.dc-fmt-content__headline,.dc-fmt-content__large-title,.dc-fmt-content__title-1,.dc-fmt-content__title-2,.dc-fmt-content__title-3,.dc-fmt-content h1,.dc-fmt-content h2,.dc-fmt-content h3,.dc-fmt-content h4,.dc-fmt-content h5,.dc-fmt-content h6{font-weight:700;line-height:1.25}.dc-fmt-content__title-1,.dc-fmt-content h1{font-size:1.75rem}.dc-fmt-content__title-2,.dc-fmt-content h2{font-size:1.5rem}.dc-fmt-content__title-3,.dc-fmt-content h3{font-size:1.125rem}.dc-fmt-content__headline,.dc-fmt-content h4,.dc-fmt-content h5,.dc-fmt-content h6{font-size:1rem}.dc-fmt-content__large-title{font-size:2rem}.dc-fmt-content__subheadline{font-size:.875rem;line-height:1.25}.dc-fmt-content__footnote{font-size:.8125rem;line-height:1.25}.dc-fmt-content__caption{font-size:.75rem;line-height:1.25;opacity:.9}.dc-fmt-content{color:var(--dc-primary-text-color)}.dc-fmt-content>*{margin-bottom:0;margin-top:0}.dc-fmt-content>*+*{margin-top:1.25em}.dc-fmt-content>*+.dc-fmt-content__headline,.dc-fmt-content>*+.dc-fmt-content__large-title,.dc-fmt-content>*+.dc-fmt-content__title-1,.dc-fmt-content>*+.dc-fmt-content__title-2,.dc-fmt-content>*+.dc-fmt-content__title-3,.dc-fmt-content>*+h1,.dc-fmt-content>*+h2,.dc-fmt-content>*+h3,.dc-fmt-content>*+h4,.dc-fmt-content>*+h5,.dc-fmt-content>*+h6{margin-top:1.5em}.dc-fmt-content>.dc-fmt-content__headline+*,.dc-fmt-content>.dc-fmt-content__large-title+*,.dc-fmt-content>.dc-fmt-content__title-1+*,.dc-fmt-content>.dc-fmt-content__title-2+*,.dc-fmt-content>.dc-fmt-content__title-3+*,.dc-fmt-content>h1+*,.dc-fmt-content>h2+*,.dc-fmt-content>h3+*,.dc-fmt-content>h4+*,.dc-fmt-content>h5+*,.dc-fmt-content>h6+*{margin-top:.625em}.dc-fmt-content ol,.dc-fmt-content ul{padding-left:1.15em}.dc-fmt-content ol li+li,.dc-fmt-content ul li+li{margin-top:.5em}.dc-spinner{-webkit-animation:dc-rotate .8s linear infinite;animation:dc-rotate .8s linear infinite;flex:0 0 1em;height:1em;width:1em}.dc-btn{align-items:center;background:var(--dc-btn-bg);border:1px solid var(--dc-btn-border-color);border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;color:var(--dc-btn-text-color);cursor:pointer;display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:-.025em;line-height:1;max-width:100%;min-height:var(--dc-btn-height);min-width:var(--dc-btn-height);padding:0 .75rem;position:relative;text-decoration:none;transition:.1s ease-in-out;transition-property:opacity,background-color;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:auto}.dc-btn:focus{border-color:var(--dc-btn-border-color-focus);box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 3px var(--dc-btn-focus-ring-color);outline:none}.dc-btn:not(:disabled):hover{background:var(--dc-btn-bg-hover)}.dc-btn:active:enabled{background:var(--dc-btn-bg-active)}.dc-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:var(--dc-disabled-state-opacity)}.dc-btn>*+*{margin-left:.5rem}.dc-btn_size_sm,.dc-btn_size_xs{--dc-btn-height:var(--dc-control-xs-h);border-radius:.3125rem;font-size:.75rem}.dc-btn_size_xs{padding-left:.5rem;padding-right:.5rem}.dc-btn_size_sm{--dc-btn-height:var(--dc-control-sm-h)}.dc-btn_size_lg{--dc-btn-height:var(--dc-control-lg-h);border-radius:.375rem;font-size:1rem;padding-left:1rem;padding-right:1rem}.dc-btn_minimal,.dc-btn_secondary{border-color:transparent;box-shadow:none}.dc-btn_minimal:focus,.dc-btn_secondary:focus{box-shadow:0 0 0 3px var(--dc-btn-focus-ring-color)}.dc-btn_minimal:disabled,.dc-btn_secondary:disabled{box-shadow:none}.dc-btn_secondary{--dc-btn-text-color:var(--dc-btn-secondary-text-color);--dc-btn-bg:var(--dc-btn-secondary-bg);--dc-btn-bg-hover:var(--dc-btn-secondary-bg-hover);--dc-btn-bg-active:var(--dc-btn-secondary-bg-active);--dc-btn-border-color:var(--dc-btn-secondary-border-color);--dc-btn-border-color-focus:var(--dc-btn-secondary-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-secondary-focus-ring-color)}.dc-btn_minimal{--dc-btn-text-color:var(--dc-btn-minimal-text-color);--dc-btn-bg:var(--dc-btn-minimal-bg);--dc-btn-bg-hover:var(--dc-btn-minimal-bg-hover);--dc-btn-bg-active:var(--dc-btn-minimal-bg-active);--dc-btn-border-color:var(--dc-btn-minimal-border-color);--dc-btn-border-color-focus:var(--dc-btn-minimal-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-minimal-focus-ring-color)}.dc-btn_primary{--dc-btn-text-color:var(--dc-btn-primary-text-color);--dc-btn-bg:var(--dc-btn-primary-bg);--dc-btn-bg-hover:var(--dc-btn-primary-bg-hover);--dc-btn-bg-active:var(--dc-btn-primary-bg-active);--dc-btn-border-color:var(--dc-btn-primary-border-color);--dc-btn-border-color-focus:var(--dc-btn-primary-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-primary-focus-ring-color)}.dc-btn_danger{--dc-btn-text-color:var(--dc-btn-danger-text-color);--dc-btn-bg:var(--dc-btn-danger-bg);--dc-btn-bg-hover:var(--dc-btn-danger-bg-hover);--dc-btn-bg-active:var(--dc-btn-danger-bg-active);--dc-btn-border-color:var(--dc-btn-danger-border-color);--dc-btn-border-color-focus:var(--dc-btn-danger-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-danger-focus-ring-color)}.dc-btn_success{--dc-btn-text-color:var(--dc-btn-success-text-color);--dc-btn-bg:var(--dc-btn-success-bg);--dc-btn-bg-hover:var(--dc-btn-success-bg-hover);--dc-btn-bg-active:var(--dc-btn-success-bg-active);--dc-btn-border-color:var(--dc-btn-success-border-color);--dc-btn-border-color-focus:var(--dc-btn-success-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-success-focus-ring-color)}.dc-btn__icon{display:inline-flex;flex:0 0 auto}.dc-btn_full-width{width:100%}.dc-btn_circle,.dc-btn_no-padding{padding-left:0;padding-right:0}.dc-btn_rounded{border-radius:calc(var(--dc-btn-height)/2);padding-left:calc(var(--dc-btn-height)/2);padding-right:calc(var(--dc-btn-height)/2)}.dc-btn_circle{border-radius:50%}.dc-btn_loading{pointer-events:none}.dc-btn_loading>*{opacity:0}.dc-btn_loading>.dc-btn__spinner{align-items:center;display:flex;height:100%;justify-content:center;left:0;margin:0;opacity:1;position:absolute;top:0;width:100%}.dc-actions-group{align-items:center;background:var(--dc-actions-group-bg);border:.0625rem solid var(--dc-actions-group-border);border-radius:.375rem;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);box-sizing:border-box;display:inline-flex;padding:.125rem}.dc-actions-group>*+*{margin-left:.25rem}.dc-actions-group__btn{border-radius:inherit}.dc-buttons-group{display:inline-flex}.dc-buttons-group>:not(:first-child):not(:last-child){border-radius:0}.dc-buttons-group>:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dc-buttons-group>:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.dc-buttons-group>*+*{border-left:none}.dc-buttons-group>:focus{z-index:1}.dc-field{-webkit-appearance:none;appearance:none;background-color:var(--dc-field-bg-color);border:1px solid var(--dc-field-border-color);border-radius:var(--dc-field-br);box-sizing:border-box;color:var(--dc-field-text-color);font-family:var(--dc-font-base);font-size:var(--dc-field-fs);font-weight:400;height:var(--dc-field-h);line-height:1;margin:0;max-width:100%;min-width:0;padding:0;position:relative;transition:.1s ease-in-out;transition-property:color,border-color,background-color,box-shadow;width:var(--dc-field-w)}.dc-field::-webkit-input-placeholder{color:inherit;opacity:.4}.dc-field:-ms-input-placeholder{color:inherit;opacity:.4}.dc-field::placeholder{color:inherit;opacity:.4}.dc-field:focus,.dc-field_focused{--dc-field-focus-color:var(--dc-field-accent-color);border-color:var(--dc-field-focus-color);box-shadow:0 0 0 1px var(--dc-field-focus-color);outline:none}.dc-field_invalid{border-color:var(--dc-field-error-color)}.dc-field_invalid.dc-field_focused,.dc-field_invalid:focus{--dc-field-focus-color:var(--dc-field-error-color)}.dc-field:disabled,.dc-field[disabled],.dc-field_disabled{-webkit-text-fill-color:var(--dc-field-disabled-text-color);background-color:var(--dc-field-disabled-bg-color);border-color:var(--dc-field-disabled-border-color);box-shadow:none;color:var(--dc-field-disabled-text-color);pointer-events:none}.dc-field_size_sm{--dc-field-w:14rem;--dc-field-h:var(--dc-control-sm-h);--dc-field-br:0.25rem;--dc-field-fs:0.8125rem}.dc-field_size_lg{--dc-field-w:20rem;--dc-field-h:var(--dc-control-lg-h);--dc-field-br:0.3125rem;--dc-field-fs:0.9375rem}.dc-field_full_width{width:100%!important}.dc-text-field{align-items:center;display:inline-flex}.dc-text-field__input{background:none;border:none;box-sizing:border-box;color:inherit;flex:auto;font:inherit;height:inherit;line-height:var(--dc-field-h);min-width:0;padding:0 calc(var(--dc-field-pad)*.75);width:100%}.dc-text-field__input::-webkit-input-placeholder{color:inherit;opacity:.4}.dc-text-field__input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-text-field__input::placeholder{color:inherit;opacity:.4}.dc-text-field__input:focus{outline:none}.dc-text-field__input:disabled{-webkit-text-fill-color:inherit;color:inherit}.dc-text-field__add-on{border-radius:inherit;color:var(--dc-field-add-on-color);display:inline-flex;flex:none;padding:0}.dc-field_disabled .dc-text-field__add-on{color:var(--dc-field-disabled-add-on-color)}.dc-text-field>:first-child{padding-left:var(--dc-field-pad)}.dc-text-field>:last-child{padding-right:var(--dc-field-pad)}.dc-number-field{align-items:center;display:inline-flex}.dc-number-field_full-width{width:100%}.dc-number-field>*+*{margin-left:.25rem}.dc-number-field__input{flex:auto;width:10rem}.dc-password-field>:last-child{padding-right:.125rem}.dc-password-field .dc-icon-button{border-radius:inherit;color:inherit;max-height:100%}.dc-datetime-field{border:none;display:inline-block}.dc-datetime-field__body,.dc-datetime-field__group{align-items:center;display:inline-flex;width:auto}.dc-datetime-field__body{padding:.25rem calc(var(--dc-field-pad) - .125rem);width:auto}.dc-datetime-field__group{height:100%}.dc-datetime-field__group+.dc-datetime-field__group{margin-left:.75rem}.dc-datetime-field__separator{display:inline-block;opacity:.5;padding:0 .125rem}.dc-date-component-input{align-items:center;display:inline-flex;height:100%;justify-content:center;padding:0;position:relative}.dc-date-component-input>*{font-variant-numeric:tabular-nums;padding:0 .125rem}.dc-date-component-input>[aria-hidden=true]{opacity:0;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-date-component-input>input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;background:none;border:none;border-radius:.125rem;box-sizing:border-box;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.dc-date-component-input>input::-webkit-inner-spin-button,.dc-date-component-input>input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.dc-date-component-input>input::-webkit-input-placeholder{color:inherit;opacity:.4}.dc-date-component-input>input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-date-component-input>input::placeholder{color:inherit;opacity:.4}.dc-date-component-input>input:focus{background:var(--dc-field-accent-color);caret-color:transparent;color:#fff;outline:none}.dc-date-component-input>input::selection,.dc-date-component-input>input:focus::selection{background:transparent}.dc-date-component-input>input:focus::-webkit-input-placeholder{opacity:.8}.dc-date-component-input>input:focus:-ms-input-placeholder{opacity:.8}.dc-date-component-input>input:focus::placeholder{opacity:.8}.dc-slider{box-sizing:border-box;position:relative;width:100%}.dc-slider_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-slider__tick_marks{align-items:center;display:flex;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%}.dc-slider__tick_marks>*{background:var(--dc-slider-track-gb-color);flex:0 0 3px;height:6px}.dc-slider:before,.dc-slider__fill-track{height:.125rem;left:0;position:absolute;top:.5625rem}.dc-slider:before{background:var(--dc-slider-track-gb-color);content:"";width:100%}.dc-slider__fill-track{background:var(--dc-slider-fill-track-gb-color);width:0}.dc-slider__input{-webkit-appearance:none;appearance:none;background:transparent;box-sizing:border-box;cursor:pointer;display:block;height:1.25rem;left:0;opacity:1;position:relative;top:0;width:100%}.dc-slider__input::-ms-track{background:transparent;border-color:transparent;color:transparent;cursor:pointer;width:100%}.dc-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dc-slider-thumb-gb-color);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input::-moz-range-thumb{appearance:none;background:var(--dc-slider-thumb-gb-color);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input::-ms-thumb{appearance:none;background:var(--dc-slider-thumb-gb-color);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input:focus{outline:none}.dc-slider__input:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:focus::-moz-range-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:focus::-ms-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:disabled{cursor:default}.dc-slider__input_thumb_style_rect::-webkit-slider-thumb{border-radius:.25rem;width:.625rem}.dc-slider__input_thumb_style_rect::-moz-range-thumb{border-radius:.25rem;width:.625rem}.dc-slider__input_thumb_style_rect::-ms-thumb{border-radius:.25rem;width:.625rem}.dc-textarea{line-height:var(--dc-textarea-lh);min-height:calc(var(--dc-textarea-lh)*5*1rem + var(--dc-field-pad)*2);padding:var(--dc-field-pad);resize:vertical;width:calc(var(--dc-field-w)*1.75)}.dc-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 3 3 3-3M9 5 6 2 3 5' stroke='%2352525b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - var(--dc-field-pad));background-repeat:no-repeat;background-size:.85em auto;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);cursor:pointer;line-height:1;padding-left:var(--dc-field-pad);padding-right:calc(1.25em + var(--dc-field-pad));width:auto}.dc-select:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 3 3 3-3M9 5 6 2 3 5' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dc-select[multiple]{background:var(--dc-field-bg-color);height:auto;padding:.5rem 0}.dc-select[multiple] option{padding:.25rem .75rem}.dc-selection-control{--dc-selection-control-gap:0.75rem;align-items:flex-start;display:inline-flex;flex-direction:column;font-family:var(--dc-font-base);justify-content:flex-start}.dc-selection-control__body{align-items:center;display:flex;justify-content:flex-start}.dc-selection-control__label{color:var(--dc-primary-text-color);display:inline-block;font-size:1rem;line-height:1;margin-left:var(--dc-selection-control-gap);overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.dc-selection-control__description{color:var(--dc-secondary-text-color);font-size:.875rem;line-height:1.25;margin-left:var(--dc-selection-control-size,0);margin-top:.25rem;padding-left:var(--dc-selection-control-gap)}.dc-selection-control_disabled .dc-selection-control__description,.dc-selection-control_disabled .dc-selection-control__label{color:var(--dc-field-disabled-text-color)}.dc-checkbox{--dc-selection-control-size:var(--dc-checkbox-size);position:relative}.dc-checkbox__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-checkbox__check{align-items:center;background:var(--dc-field-bg-color);border:.0625rem solid var(--dc-field-border-color);border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--dc-checkbox-size);justify-content:center;position:relative;width:var(--dc-checkbox-size)}.dc-checkbox__input:checked+.dc-checkbox__check{background:var(--dc-field-accent-color);border-color:var(--dc-field-accent-color);color:var(--dc-field-accent-text-color)}.dc-checkbox__input:focus+.dc-checkbox__check{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-checkbox__input:disabled+.dc-checkbox__check{background:var(--dc-field-disabled-bg-color);border-color:var(--dc-field-disabled-border-color);cursor:default}.dc-checkbox__check-icon{display:none}.dc-checkbox__input:checked+.dc-checkbox__check>.dc-checkbox__check-icon{display:inline-block;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dc-checkbox__input:disabled+.dc-checkbox__check>.dc-checkbox__check-icon{color:var(--dc-field-disabled-text-color)}.dc-switch{--dc-selection-control-size:2rem;position:relative}.dc-switch__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-switch__check{background:var(--dc-switch-bg-color);border-radius:calc(var(--dc-switch-h)/2);box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--dc-switch-h);position:relative;transition:.1s ease-in-out;transition-property:border-color,background-color;width:var(--dc-switch-w)}.dc-switch__check:after{align-items:center;background:var(--dc-switch-check-color);border-radius:50%;box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;content:"";display:inline-flex;height:var(--dc-switch-check-size);justify-content:center;left:calc(var(--dc-switch-h)/2 - var(--dc-switch-check-size)/2);position:absolute;top:calc(var(--dc-switch-h)/2 - var(--dc-switch-check-size)/2);transition:inherit;transition-property:border-color,-webkit-transform;transition-property:transform,border-color;transition-property:transform,border-color,-webkit-transform;width:var(--dc-switch-check-size)}.dc-switch__input:checked+.dc-switch__check{background:var(--dc-switch-accent-color)}.dc-switch__input:checked+.dc-switch__check:after{-webkit-transform:translateX(calc(var(--dc-switch-w) - var(--dc-switch-h)));transform:translateX(calc(var(--dc-switch-w) - var(--dc-switch-h)))}.dc-switch__input:focus+.dc-switch__check{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-switch__input:disabled+.dc-switch__check{cursor:default;opacity:var(--dc-disabled-state-opacity)}.dc-radio-btn{--dc-selection-control-size:var(--dc-radio-button-size);position:relative}.dc-radio-btn__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-radio-btn__radio{align-items:center;background:var(--dc-field-bg-color);border:.0625rem solid var(--dc-field-border-color);border-radius:50%;box-sizing:border-box;color:var(--dc-field-accent-text-color);cursor:pointer;display:inline-flex;height:var(--dc-radio-button-size);justify-content:center;width:var(--dc-radio-button-size)}.dc-radio-btn__input:checked+.dc-radio-btn__radio{background:var(--dc-field-accent-color);border-color:var(--dc-field-accent-color);color:var(--dc-field-accent-text-color);position:relative}.dc-radio-btn__input:checked+.dc-radio-btn__radio:after{background:currentColor;border-radius:50%;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);content:"";display:inline-flex;height:calc(var(--dc-radio-button-size)/2.61802);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(var(--dc-radio-button-size)/2.61802)}.dc-radio-btn__input:focus+.dc-radio-btn__radio{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-radio-btn__input:disabled+.dc-radio-btn__radio{background:var(--dc-field-disabled-bg-color);border-color:var(--dc-field-disabled-border-color);cursor:default}.dc-radio-btn__input:disabled+.dc-radio-btn__radio:after{color:var(--dc-field-disabled-text-color)}.dc-radio-group{font-family:var(--dc-font-base);list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dc-radio-group>*+*{margin-top:.5rem}.dc-radio-group-input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-radio-group-item{align-items:center;border:2px solid var(--dc-radio-group-border-color);border-radius:.375rem;box-sizing:border-box;cursor:default;display:flex;padding:.5rem 1rem}.dc-radio-group-item__check{border-radius:50%;box-shadow:inset 0 0 0 1px var(--dc-radio-group-border-color);color:var(--dc-radio-group-selection-color);display:inline-block;height:1.125rem;width:1.125rem}.dc-radio-group-item__check-icon{visibility:hidden}.dc-radio-group-item>*+*{margin-left:1rem}.dc-radio-group-item__body{flex:auto;font-size:.875rem}.dc-radio-group-item__label{color:var(--dc-primary-text-color);font-weight:500;margin:0 0 .25rem;padding:0}.dc-radio-group-item__description{color:var(--dc-secondary-text-color)}.dc-radio-group-input:checked~.dc-radio-group-item{border-color:var(--dc-radio-group-selection-color)}.dc-radio-group-input:checked~.dc-radio-group-item .dc-radio-group-item__check-icon{visibility:visible}.dc-radio-group-input:focus~.dc-radio-group-item{box-shadow:0 0 0 3px var(--dc-focus-ring-color);outline:none}.dc-radio-group-input:disabled~.dc-radio-group-item{opacity:var(--dc-disabled-state-opacity)}.dc-table-container{-webkit-overflow-scrolling:touch;border-bottom:var(--dc-table-border);border-top:var(--dc-table-border);overflow-x:auto;position:relative}.dc-table-container:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none}.dc-table{border-collapse:separate;border-spacing:0;font-family:var(--dc-font-base);font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:400;height:auto;width:100%}.dc-table-cell{background:var(--dc-table-cell-bg);border-bottom:var(--dc-table-border);padding:.625rem}.dc-table-head .dc-table-cell{font-size:90%;padding-bottom:.5rem;padding-top:.5rem;white-space:nowrap}.dc-table_padding_lg .dc-table-cell{padding:.875rem}.dc-table_padding_lg .dc-table-head .dc-table-cell{padding-bottom:.75rem;padding-top:.75rem}.dc-table_padding_sm .dc-table-cell{padding:.5rem}.dc-table-cell_header{background:var(--dc-table-header-cell-bg);font-weight:500}.dc-table-cell__body{align-items:center;display:inline-flex}.dc-table-cell__sort-btn{margin-right:.5rem}.dc-table-sort-btn .dc-btn__text{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-table_sticky-header>.dc-table-head>.dc-table-row>.dc-table-cell{position:-webkit-sticky;position:sticky;top:0;z-index:1}.dc-table-body>.dc-table-row:last-child>.dc-table-cell{border-bottom:none}.dc-table_striped>.dc-table-body .dc-table-cell{border-bottom:none;border-left:none}.dc-table_bordered .dc-table-cell+.dc-table-cell{border-left:var(--dc-table-border)}.dc-table_striped>.dc-table-body>.dc-table-row:nth-child(2n)>.dc-table-cell{background:var(--dc-table-striped-row-bg)}.dc-table.dc-table_row_highlighted:not(.dc-table_loading)>.dc-table-body>.dc-table-row:hover>.dc-table-cell{background:var(--dc-table-hover-row-bg)}.dc-table-row_selected>.dc-table-cell{background:var(--dc-table-selected-row-bg)}.dc-table_striped>.dc-table-body>.dc-table-row_selected:nth-child(2n)>.dc-table-cell{background:var(--dc-table-selected-stiped-row-bg)}.dc-table_loading>.dc-table-body .dc-table-cell{color:transparent;position:relative}.dc-table_loading>.dc-table-body .dc-table-cell>*{visibility:hidden}@-webkit-keyframes shine{0%{background-position:-5rem}75%,to{background-position:calc(100% + 5rem) 0}}@keyframes shine{0%{background-position:-5rem}75%,to{background-position:calc(100% + 5rem) 0}}.dc-table_loading>.dc-table-body .dc-table-cell:after{-webkit-animation:shine 2s linear infinite;animation:shine 2s linear infinite;background-color:var(--dc-skeleton-bg-color);background-image:linear-gradient(90deg,var(--dc-skeleton-bg-color) 0,var(--dc-skeleton-color) 50%,var(--dc-skeleton-bg-color) 100%);background-position:-5rem 0;background-repeat:no-repeat;background-size:5rem 100%;border-radius:.125rem;content:"";height:1rem;left:8%;max-height:100%;position:absolute;top:calc(50% - .5rem);width:84%}.dc-avatar{display:inline-flex;position:relative}.dc-avatar_tint_blue{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#6fd2fc;--dc-avatar-bg2-color:#2a9ef1}.dc-avatar_icon-tint_blue{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#6fd2fc,#2a9ef1)}.dc-avatar_tint_cyan{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#51ebd5;--dc-avatar-bg2-color:#28c9b7}.dc-avatar_icon-tint_cyan{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#51ebd5,#28c9b7)}.dc-avatar_tint_red{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ff8e72;--dc-avatar-bg2-color:#ff5151}.dc-avatar_icon-tint_red{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ff8e72,#ff5151)}.dc-avatar_tint_green{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#28ed7f;--dc-avatar-bg2-color:#16c059}.dc-avatar_icon-tint_green{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#28ed7f,#16c032)}.dc-avatar_tint_lime{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#9ddd7d;--dc-avatar-bg2-color:#54cb68}.dc-avatar_icon-tint_lime{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#9ddd7d,#54cb68)}.dc-avatar_tint_indigo{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#80aaff;--dc-avatar-bg2-color:#665fff}.dc-avatar_icon-tint_indigo{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#80aaff,#665fff)}.dc-avatar_tint_yellow{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ffd85e;--dc-avatar-bg2-color:#ffb92b}.dc-avatar_icon-tint_yellow{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ffd85e,#ffb92b)}.dc-avatar_tint_orange{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ffc045;--dc-avatar-bg2-color:#ff8f15}.dc-avatar_icon-tint_orange{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ffc045,#ff8f15)}.dc-avatar_tint_pink{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#e09ff2;--dc-avatar-bg2-color:#d669ed}.dc-avatar_icon-tint_pink{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#e09ff2,#d669ed)}.dc-avatar__icon{background:var(--dc-avatar-icon-bg);border-radius:50%;color:var(--dc-avatar-icon-color);justify-content:center;position:absolute}.dc-avatar-group,.dc-avatar__icon{align-items:center;display:inline-flex}.dc-avatar-group{justify-content:flex-start;margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-secret{display:inline-block;font-family:var(--dc-font-code);position:relative;word-break:break-word}.dc-secret__content{opacity:.75;text-align:left}.dc-secret__btn{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}.dc-secret_shown{font-size:.875em;text-align:right}.dc-secret_shown .dc-secret__btn{margin-top:.5rem;position:static;-webkit-transform:none;transform:none}.dc-tag{--dc-tag-height:1.625rem;--dc-tag-color:#3f3f46;--dc-tag-fill-color:#e4e4e7;align-items:center;background:var(--dc-tag-fill-color);border-radius:.3125rem;color:var(--dc-tag-color);display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;font-weight:400;line-height:1;min-height:var(--dc-tag-height);padding:0 .75rem}.dc-tag_size_sm{--dc-tag-height:1.5rem;font-size:.75rem}.dc-tag_size_lg{--dc-tag-height:1.75rem;border-radius:.375rem;font-size:1rem}.dc-tag_rounded{border-radius:calc(var(--dc-tag-height)/2);padding-left:calc(var(--dc-tag-height)/2);padding-right:calc(var(--dc-tag-height)/2)}.dc-tag__icon{margin-right:.4285714286em}.dc-tag__btn{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:.0625rem;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;margin-left:.4285714286em;opacity:.6;padding:0;-webkit-transform:translateY(.05em);transform:translateY(.05em);transition:.1s ease-in-out;transition-property:opacity}.dc-tag__btn:disabled{cursor:not-allowed;opacity:var(--dc-disabled-state-opacity)}.dc-tag__btn:enabled:hover{opacity:1}.dc-tag__btn:focus{box-shadow:0 0 0 2px var(--dc-tag-fill-color),0 0 0 4px currentColor;opacity:1;outline:none}.dc-tag_color_blue{--dc-tag-color:#1e40af;--dc-tag-fill-color:#dbeafe}.dc-tag_color_cyan{--dc-tag-color:#0b7285;--dc-tag-fill-color:#c5f6fa}.dc-tag_color_red{--dc-tag-color:#b52626;--dc-tag-fill-color:#ffe3e3}.dc-tag_color_green{--dc-tag-color:#306339;--dc-tag-fill-color:#c7f5d4}.dc-tag_color_lime{--dc-tag-color:#47730a;--dc-tag-fill-color:#e9fac8}.dc-tag_color_indigo{--dc-tag-color:#364fc7;--dc-tag-fill-color:#dbe4ff}.dc-tag_color_yellow{--dc-tag-color:#995200;--dc-tag-fill-color:#fff3bf}.dc-tag_color_orange{--dc-tag-color:#d9480f;--dc-tag-fill-color:#ffe8cc}.dc-alert{--dc-alert-bg-color:#fafafa;--dc-alert-border-color:#e4e4e7;--dc-alert-icon-color:#a1a1aa;--dc-alert-primary-text-color:#27272a;--dc-alert-secondary-text-color:#52525b;background:var(--dc-alert-bg-color);border:.0625rem solid var(--dc-alert-border-color);border-radius:.375rem;box-sizing:border-box;display:flex;font-family:var(--dc-font-base);font-weight:400;padding:.75rem 1rem;position:relative}.dc-alert__icon{color:var(--dc-alert-icon-color);flex-shrink:0;height:1.125rem;margin-right:.75rem;width:1.125rem}.dc-alert__heading{color:var(--dc-alert-primary-text-color);font-weight:500;line-height:1.125rem;margin:0}.dc-alert__description{color:var(--dc-alert-secondary-text-color);margin:0}.dc-alert__description ol,.dc-alert__description ul{margin:0;padding:0 0 0 1em}*+.dc-alert__description,.dc-alert__description ol li+li,.dc-alert__description ul li+li{margin-top:.25rem}.dc-alert_bordered{border-left:.25rem solid var(--dc-alert-icon-color);border-radius:0}.dc-alert_appearance_warning{--dc-alert-bg-color:#fffceb;--dc-alert-border-color:#ffec99;--dc-alert-icon-color:#f0a800;--dc-alert-primary-text-color:#995200;--dc-alert-secondary-text-color:#ab6700}.dc-alert_appearance_error{--dc-alert-bg-color:#fff5f5;--dc-alert-border-color:#ffc9c9;--dc-alert-icon-color:#ff6b6b;--dc-alert-primary-text-color:#b52626;--dc-alert-secondary-text-color:#e03131}.dc-alert_appearance_info{--dc-alert-bg-color:#eff6ff;--dc-alert-border-color:#bfdbfe;--dc-alert-icon-color:#3b82f6;--dc-alert-primary-text-color:#1e40af;--dc-alert-secondary-text-color:#1d4ed8}.dc-alert_appearance_success{--dc-alert-bg-color:#e2fbe8;--dc-alert-border-color:#9fecb1;--dc-alert-icon-color:#5ec169;--dc-alert-primary-text-color:#285131;--dc-alert-secondary-text-color:#306339}.dc-non-ideal-state{box-sizing:border-box;color:var(--dc-non-ideal-state-text-color);font-family:var(--dc-font-base);font-size:1rem;padding-left:1rem;padding-right:1rem;text-align:center}.dc-non-ideal-state__body{margin:0 auto;max-width:36rem}.dc-non-ideal-state__icon{color:var(--dc-non-ideal-state-icon-color);margin-bottom:2rem}.dc-non-ideal-state__icon_red{color:#ff6b6b}.dc-non-ideal-state__icon_orange{color:#ff922b}.dc-non-ideal-state__icon_blue{color:#3b82f6}.dc-non-ideal-state__icon_green{color:#5ec169}.dc-non-ideal-state__description{margin-top:.5rem}.dc-non-ideal-state__actions,.dc-non-ideal-state__content{margin-top:1rem}.dc-non-ideal-state_spacing_none{padding-bottom:0;padding-top:0}.dc-non-ideal-state_spacing_2xs{padding-bottom:.25rem;padding-top:.25rem}.dc-non-ideal-state_spacing_xs{padding-bottom:.5rem;padding-top:.5rem}.dc-non-ideal-state_spacing_sm{padding-bottom:1rem;padding-top:1rem}.dc-non-ideal-state_spacing_md{padding-bottom:2rem;padding-top:2rem}.dc-non-ideal-state_spacing_lg{padding-bottom:4rem;padding-top:4rem}.dc-non-ideal-state_spacing_xl{padding-bottom:5rem;padding-top:5rem}.dc-non-ideal-state_spacing_2xl{padding-bottom:6rem;padding-top:6rem}.dc-loading-view{color:var(--dc-primary-text-color);font-family:var(--dc-font-base);font-size:1rem;padding-left:1rem;padding-right:1rem;text-align:center}.dc-loading-view__spinner{color:var(--dc-secondary-text-color)}.dc-loading-view__content{margin-top:.75rem}.dc-loading-view_pad-y_none{padding-bottom:0;padding-top:0}.dc-loading-view_pad-y_2xs{padding-bottom:.25rem;padding-top:.25rem}.dc-loading-view_pad-y_xs{padding-bottom:.5rem;padding-top:.5rem}.dc-loading-view_pad-y_sm{padding-bottom:1rem;padding-top:1rem}.dc-loading-view_pad-y_md{padding-bottom:2rem;padding-top:2rem}.dc-loading-view_pad-y_lg{padding-bottom:4rem;padding-top:4rem}.dc-loading-view_pad-y_xl{padding-bottom:5rem;padding-top:5rem}.dc-loading-view_pad-y_2xl{padding-bottom:6rem;padding-top:6rem}.dc-toast-btn{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--dc-toast-btn-bg);border:none;border-radius:.375rem;color:var(--dc-toast-btn-text-color);cursor:pointer;font-size:.875rem;opacity:.65;padding:.25rem .75rem;transition:.1s ease-in-out;transition-property:opacity}.dc-toast-btn:hover{opacity:1}.dc-toast-btn:focus{opacity:1;outline:none}.dc-toast{background:var(--dc-toast-bg);border-radius:.5rem;box-sizing:border-box;color:var(--dc-toast-text-color);display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;max-width:38rem;min-width:40%;width:auto}.dc-toast_full-width{max-width:none;width:100%}.dc-toast__body,.dc-toast__btns{box-sizing:border-box;display:inline-flex}.dc-toast__body{flex:auto;padding:1rem}.dc-toast__btns{flex:none;flex-direction:column;padding:.25rem}.dc-toast__btns>*+*{margin-top:.25rem}.dc-toast__icon{margin-right:.75rem}.dc-toast_appearance_error .dc-toast__icon{color:#ff6b6b}.dc-toast_appearance_warning .dc-toast__icon{color:#ff922b}.dc-toast_appearance_success .dc-toast__icon{color:#77d989}.dc-toast_appearance_info .dc-toast__icon{color:#93c5fd}.dc-toast__heading,.dc-toast__message{font-size:inherit;font-weight:400;line-height:1.25;margin:0}.dc-toast__message{opacity:.75}.dc-toast__content>*+*{margin-top:.5em}.dc-breadcrumbs{overflow-scrolling:touch;font-family:var(--dc-font-base);overflow-y:auto}.dc-breadcrumbs__items{align-items:center;display:flex;list-style:none;margin:0;padding:0}.dc-breadcrumbs__items>*{align-items:center;display:inline-flex}.dc-breadcrumbs__delimiter{color:var(--dc-breadcrumbs-delimiter-color);margin-left:1rem;margin-right:1rem}.dc-breadcrumbs-item{align-items:center;color:var(--dc-breadcrumbs-item-color);display:inline-flex;font-family:inherit;text-decoration:none;transition:.1s ease-in-out;transition-property:color}.dc-breadcrumbs-item:hover{color:var(--dc-breadcrumbs-item-hover-color)}.dc-breadcrumbs-item_selected{color:var(--dc-breadcrumbs-selected-item-color)}.dc-breadcrumbs-item__icon{margin-right:.5rem}.dc-vertical-nav{font-family:var(--dc-font-base)}.dc-vertical-nav__items{list-style:none;margin:0;padding:0}.dc-vertical-nav__items>*+*{margin-top:.25rem}.dc-vertical-nav-item{align-items:center;border-radius:.3125rem;box-sizing:border-box;color:var(--dc-secondary-text-color);cursor:default;display:flex;font-size:1rem;height:2.25rem;padding:0 .5rem;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-vertical-nav-item:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none}.dc-vertical-nav-item:hover{background:rgba(0,0,0,.05)}.dc-vertical-nav-item_selected{background:rgba(0,0,0,.05);color:var(--dc-primary-text-color)}.dc-vertical-nav-item__icon{flex:none;padding-right:.5rem}.dc-vertical-nav-item__content{flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-vertical-nav-item__badge{flex:none;padding-left:.25rem}.dc-segmented-control{background:rgba(24,24,27,.05);border-radius:.5rem;display:inline-flex;list-style:none;margin-bottom:0;margin-top:0;padding:.0625rem .125rem;position:relative}.dc-segmented-control_size_sm{border-radius:.375rem}.dc-segmented-control_size_lg{border-radius:.625rem}.dc-segmented-control__radio-btn{flex:auto;white-space:nowrap}.dc-segmented-control__radio-btn:focus{z-index:1}.dc-segmented-control__radio-btn.dc-btn_default:hover{background:var(--dc-btn-default-bg)}.dc-scope-buttons{display:inline-flex;height:auto;max-width:100%;overflow-x:auto;overflow-y:hidden}.dc-scope-buttons::-webkit-scrollbar{height:.625rem}.dc-scope-buttons::-webkit-scrollbar-track{background-color:var(--dc-scrollbar-track-bg-color)}.dc-scope-buttons::-webkit-scrollbar-track:hover{background-color:var(--dc-scrollbar-track-bg-hover-color)}.dc-scope-buttons::-webkit-scrollbar-thumb{background-color:var(--dc-scrollbar-thumb-bg-color)}.dc-scope-buttons::-webkit-scrollbar-thumb:hover{background-color:var(--dc-scrollbar-thumb-bg-hover-color)}.dc-scope-buttons_bottom-pad{padding-bottom:.25rem}.dc-scope-buttons>.dc-scope-button+.dc-scope-button{margin-left:.125rem}.dc-scope-button{border-width:2px;flex:none}.dc-scope-button:focus{border-color:var(--dc-focus-border-color);box-shadow:none}.dc-label{color:var(--dc-label-text-color);font-weight:500;position:relative}.dc-label_required:after{color:var(--dc-label-required-mark-color);content:"*";padding-left:.25rem}.dc-inline-message{align-items:flex-start;color:var(--dc-secondary-text-color);display:inline-flex}.dc-inline-message_info{color:var(--dc-info-text-color)}.dc-inline-message_success{color:var(--dc-success-text-color)}.dc-inline-message_error{color:var(--dc-error-text-color)}.dc-inline-message_warning{color:var(--dc-warning-text-color)}.dc-inline-message__icon{flex-shrink:0;line-height:1;margin-right:.5rem;-webkit-transform:translateY(.125em);transform:translateY(.125em)}.dc-field-group__label{display:inline-block;margin-bottom:.25rem}.dc-field-group__error,.dc-field-group__hint{margin-top:.25rem;width:100%}.dc-dialog-container{align-items:center;background:rgba(0,0,0,.25);display:flex;flex-wrap:wrap;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--dc-zindex-overlay)}.dc-dialog{border-color:rgba(0,0,0,.25);box-sizing:border-box;display:inline-flex;flex-direction:column;height:auto;margin:1rem;max-width:100%;padding-bottom:1rem;position:relative;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;vertical-align:middle;width:40rem}.dc-dialog>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.dc-dialog>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.dc-dialog__header{align-items:flex-start;display:flex;justify-content:flex-end}.dc-dialog__close-btn{flex:none;margin:.25rem}.dc-dialog__description{color:var(--dc-secondary-text-color)}.dc-dialog__actions,.dc-dialog__content,.dc-dialog__footer,.dc-dialog__header-content{padding-left:1rem;padding-right:1rem}.dc-dialog__header-content{flex:auto;padding-bottom:1rem;padding-top:1rem}.dc-dialog__header-content>*+*{margin-top:.25rem}.dc-dialog__content{position:relative}.dc-dialog__actions{align-items:center;display:flex;justify-content:flex-end;padding-top:1rem}.dc-dialog__actions>*+*{margin-left:.5rem}.dc-popover-container{z-index:var(--dc-zindex-overlay)}.dc-popover{max-height:28rem;max-width:28rem}.dc-tooltip{background:var(--dc-tooltip-bg-color);border-radius:.3125rem;box-sizing:border-box;color:var(--dc-tooltip-text-color);display:inline-block;font-family:var(--dc-font-base);font-size:.875rem;line-height:1.375;max-width:18rem;padding:.25rem .5rem;width:auto}
|
|
3
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@-webkit-keyframes dc-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes dc-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dc-box{box-sizing:border-box;font-family:var(--dc-font-base)}.dc-box_bg_none{background:none}.dc-box_bg_primary{background:var(--dc-primary-bg-color)}.dc-box_bg_secondary{background:var(--dc-secondary-bg-color)}.dc-box_bg_tertiary{background:var(--dc-tertiary-bg-color)}.dc-box_border_none{border:none}.dc-box_border_primary{border:.0625rem solid var(--dc-primary-border-color)}.dc-box_border_secondary{border:.0625rem solid var(--dc-secondary-border-color)}.dc-box_border-radius_none{border-radius:0}.dc-box_border-radius_2xs{border-radius:.125rem}.dc-box_border-radius_xs{border-radius:.25rem}.dc-box_border-radius_sm{border-radius:.3125rem}.dc-box_border-radius_md{border-radius:.375rem}.dc-box_border-radius_lg{border-radius:.5rem}.dc-box_border-radius_xl{border-radius:.625rem}.dc-box_border-radius_2xl{border-radius:.75rem}.dc-box_elevation_none{box-shadow:none}.dc-box_elevation_xs{box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05)}.dc-box_elevation_sm{box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06)}.dc-box_elevation_md{box-shadow:0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06)}.dc-box_elevation_lg{box-shadow:0 .625rem .9375rem -.1875rem rgba(0,0,0,.1),0 .25rem .375rem -.125rem rgba(0,0,0,.05)}.dc-box_elevation_xl{box-shadow:0 1.25rem 1.5625rem -.3125rem rgba(0,0,0,.1),0 .625rem .625rem -.3125rem rgba(0,0,0,.04)}.dc-box_p_none{padding:0}.dc-box_p_1x{padding:.25rem}.dc-box_p_2x{padding:.5rem}.dc-box_p_3x{padding:.75rem}.dc-box_p_4x{padding:1rem}.dc-box_p_5x{padding:1.25rem}.dc-box_p_6x{padding:1.5rem}.dc-box_p_8x{padding:2rem}.dc-box_pt_none{padding-top:0}.dc-box_pt_1x{padding-top:.25rem}.dc-box_pt_2x{padding-top:.5rem}.dc-box_pt_3x{padding-top:.75rem}.dc-box_pt_4x{padding-top:1rem}.dc-box_pt_5x{padding-top:1.25rem}.dc-box_pt_6x{padding-top:1.5rem}.dc-box_pt_8x{padding-top:2rem}.dc-box_pr_none{padding-right:0}.dc-box_pr_1x{padding-right:.25rem}.dc-box_pr_2x{padding-right:.5rem}.dc-box_pr_3x{padding-right:.75rem}.dc-box_pr_4x{padding-right:1rem}.dc-box_pr_5x{padding-right:1.25rem}.dc-box_pr_6x{padding-right:1.5rem}.dc-box_pr_8x{padding-right:2rem}.dc-box_pb_none{padding-bottom:0}.dc-box_pb_1x{padding-bottom:.25rem}.dc-box_pb_2x{padding-bottom:.5rem}.dc-box_pb_3x{padding-bottom:.75rem}.dc-box_pb_4x{padding-bottom:1rem}.dc-box_pb_5x{padding-bottom:1.25rem}.dc-box_pb_6x{padding-bottom:1.5rem}.dc-box_pb_8x{padding-bottom:2rem}.dc-box_pl_none{padding-left:0}.dc-box_pl_1x{padding-left:.25rem}.dc-box_pl_2x{padding-left:.5rem}.dc-box_pl_3x{padding-left:.75rem}.dc-box_pl_4x{padding-left:1rem}.dc-box_pl_5x{padding-left:1.25rem}.dc-box_pl_6x{padding-left:1.5rem}.dc-box_pl_8x{padding-left:2rem}.dc-svg-icon{display:inline-block;flex:none;font-size:1em;height:1em;vertical-align:-.125em;width:1em}.dc-fmt-content,.dc-fmt-content__caption,.dc-fmt-content__code,.dc-fmt-content__footnote,.dc-fmt-content__headline,.dc-fmt-content__large-title,.dc-fmt-content__link,.dc-fmt-content__paragraph,.dc-fmt-content__subheadline,.dc-fmt-content__title-1,.dc-fmt-content__title-2,.dc-fmt-content__title-3{color:inherit;font-family:var(--dc-font-base);letter-spacing:0;margin-bottom:0;margin-top:0}.dc-fmt-content,.dc-fmt-content__paragraph{font-size:1rem;font-weight:400;line-height:1.5}.dc-fmt-content__paragraph b,.dc-fmt-content__paragraph strong,.dc-fmt-content b,.dc-fmt-content strong{font-weight:600}.dc-fmt-content__paragraph em,.dc-fmt-content__paragraph i,.dc-fmt-content em,.dc-fmt-content i{font-style:italic}.dc-fmt-content__caption a,.dc-fmt-content__footnote a,.dc-fmt-content__link,.dc-fmt-content__paragraph a,.dc-fmt-content a{color:var(--dc-link-text-color);text-decoration:none}.dc-fmt-content__caption a:hover,.dc-fmt-content__footnote a:hover,.dc-fmt-content__link:hover,.dc-fmt-content__paragraph a:hover,.dc-fmt-content a:hover{text-decoration:underline}.dc-fmt-content__code,.dc-fmt-content__paragraph code,.dc-fmt-content code{background:rgba(0,0,0,.05);border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:85%;padding:.2em .4em}.dc-fmt-content__headline,.dc-fmt-content__large-title,.dc-fmt-content__title-1,.dc-fmt-content__title-2,.dc-fmt-content__title-3,.dc-fmt-content h1,.dc-fmt-content h2,.dc-fmt-content h3,.dc-fmt-content h4,.dc-fmt-content h5,.dc-fmt-content h6{font-weight:700;line-height:1.25}.dc-fmt-content__title-1,.dc-fmt-content h1{font-size:1.75rem}.dc-fmt-content__title-2,.dc-fmt-content h2{font-size:1.5rem}.dc-fmt-content__title-3,.dc-fmt-content h3{font-size:1.125rem}.dc-fmt-content__headline,.dc-fmt-content h4,.dc-fmt-content h5,.dc-fmt-content h6{font-size:1rem}.dc-fmt-content__large-title{font-size:2rem}.dc-fmt-content__subheadline{font-size:.875rem;line-height:1.25}.dc-fmt-content__footnote{font-size:.8125rem;line-height:1.25}.dc-fmt-content__caption{font-size:.75rem;line-height:1.25;opacity:.9}.dc-fmt-content{color:var(--dc-primary-text-color)}.dc-fmt-content>*{margin-bottom:0;margin-top:0}.dc-fmt-content>*+*{margin-top:1.25em}.dc-fmt-content>*+.dc-fmt-content__headline,.dc-fmt-content>*+.dc-fmt-content__large-title,.dc-fmt-content>*+.dc-fmt-content__title-1,.dc-fmt-content>*+.dc-fmt-content__title-2,.dc-fmt-content>*+.dc-fmt-content__title-3,.dc-fmt-content>*+h1,.dc-fmt-content>*+h2,.dc-fmt-content>*+h3,.dc-fmt-content>*+h4,.dc-fmt-content>*+h5,.dc-fmt-content>*+h6{margin-top:1.5em}.dc-fmt-content>.dc-fmt-content__headline+*,.dc-fmt-content>.dc-fmt-content__large-title+*,.dc-fmt-content>.dc-fmt-content__title-1+*,.dc-fmt-content>.dc-fmt-content__title-2+*,.dc-fmt-content>.dc-fmt-content__title-3+*,.dc-fmt-content>h1+*,.dc-fmt-content>h2+*,.dc-fmt-content>h3+*,.dc-fmt-content>h4+*,.dc-fmt-content>h5+*,.dc-fmt-content>h6+*{margin-top:.625em}.dc-fmt-content ol,.dc-fmt-content ul{padding-left:1.15em}.dc-fmt-content ol li+li,.dc-fmt-content ul li+li{margin-top:.5em}.dc-spinner{-webkit-animation:dc-rotate .8s linear infinite;animation:dc-rotate .8s linear infinite;flex:0 0 1em;height:1em;width:1em}.dc-btn{align-items:center;background:var(--dc-btn-bg);border:1px solid var(--dc-btn-border-color);border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;color:var(--dc-btn-text-color);cursor:pointer;display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:-.025em;line-height:1;max-width:100%;min-height:var(--dc-btn-height);min-width:var(--dc-btn-height);padding:0 .75rem;position:relative;text-decoration:none;transition:.1s ease-in-out;transition-property:opacity,background-color;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:auto}.dc-btn:focus{border-color:var(--dc-btn-border-color-focus);box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 3px var(--dc-btn-focus-ring-color);outline:none}.dc-btn:not(:disabled):hover{background:var(--dc-btn-bg-hover)}.dc-btn:active:enabled{background:var(--dc-btn-bg-active)}.dc-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:var(--dc-disabled-state-opacity)}.dc-btn>*+*{margin-left:.5rem}.dc-btn_size_sm,.dc-btn_size_xs{--dc-btn-height:var(--dc-control-xs-h);border-radius:.3125rem;font-size:.75rem}.dc-btn_size_xs{padding-left:.5rem;padding-right:.5rem}.dc-btn_size_sm{--dc-btn-height:var(--dc-control-sm-h)}.dc-btn_size_lg{--dc-btn-height:var(--dc-control-lg-h);border-radius:.375rem;font-size:1rem;padding-left:1rem;padding-right:1rem}.dc-btn_minimal,.dc-btn_secondary{border-color:transparent;box-shadow:none}.dc-btn_minimal:focus,.dc-btn_secondary:focus{box-shadow:0 0 0 3px var(--dc-btn-focus-ring-color)}.dc-btn_minimal:disabled,.dc-btn_secondary:disabled{box-shadow:none}.dc-btn_secondary{--dc-btn-text-color:var(--dc-btn-secondary-text-color);--dc-btn-bg:var(--dc-btn-secondary-bg);--dc-btn-bg-hover:var(--dc-btn-secondary-bg-hover);--dc-btn-bg-active:var(--dc-btn-secondary-bg-active);--dc-btn-border-color:var(--dc-btn-secondary-border-color);--dc-btn-border-color-focus:var(--dc-btn-secondary-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-secondary-focus-ring-color)}.dc-btn_minimal{--dc-btn-text-color:var(--dc-btn-minimal-text-color);--dc-btn-bg:var(--dc-btn-minimal-bg);--dc-btn-bg-hover:var(--dc-btn-minimal-bg-hover);--dc-btn-bg-active:var(--dc-btn-minimal-bg-active);--dc-btn-border-color:var(--dc-btn-minimal-border-color);--dc-btn-border-color-focus:var(--dc-btn-minimal-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-minimal-focus-ring-color)}.dc-btn_primary{--dc-btn-text-color:var(--dc-btn-primary-text-color);--dc-btn-bg:var(--dc-btn-primary-bg);--dc-btn-bg-hover:var(--dc-btn-primary-bg-hover);--dc-btn-bg-active:var(--dc-btn-primary-bg-active);--dc-btn-border-color:var(--dc-btn-primary-border-color);--dc-btn-border-color-focus:var(--dc-btn-primary-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-primary-focus-ring-color)}.dc-btn_danger{--dc-btn-text-color:var(--dc-btn-danger-text-color);--dc-btn-bg:var(--dc-btn-danger-bg);--dc-btn-bg-hover:var(--dc-btn-danger-bg-hover);--dc-btn-bg-active:var(--dc-btn-danger-bg-active);--dc-btn-border-color:var(--dc-btn-danger-border-color);--dc-btn-border-color-focus:var(--dc-btn-danger-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-danger-focus-ring-color)}.dc-btn_success{--dc-btn-text-color:var(--dc-btn-success-text-color);--dc-btn-bg:var(--dc-btn-success-bg);--dc-btn-bg-hover:var(--dc-btn-success-bg-hover);--dc-btn-bg-active:var(--dc-btn-success-bg-active);--dc-btn-border-color:var(--dc-btn-success-border-color);--dc-btn-border-color-focus:var(--dc-btn-success-border-color-focus);--dc-btn-focus-ring-color:var(--dc-btn-success-focus-ring-color)}.dc-btn__icon{display:inline-flex;flex:0 0 auto}.dc-btn_full-width{width:100%}.dc-btn_circle,.dc-btn_no-padding{padding-left:0;padding-right:0}.dc-btn_rounded{border-radius:calc(var(--dc-btn-height)/2);padding-left:calc(var(--dc-btn-height)/2);padding-right:calc(var(--dc-btn-height)/2)}.dc-btn_circle{border-radius:50%}.dc-btn_loading{pointer-events:none}.dc-btn_loading>*{opacity:0}.dc-btn_loading>.dc-btn__spinner{align-items:center;display:flex;height:100%;justify-content:center;left:0;margin:0;opacity:1;position:absolute;top:0;width:100%}.dc-actions-group{align-items:center;background:var(--dc-actions-group-bg);border:.0625rem solid var(--dc-actions-group-border);border-radius:.375rem;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);box-sizing:border-box;display:inline-flex;padding:.125rem}.dc-actions-group>*+*{margin-left:.25rem}.dc-actions-group__btn{border-radius:inherit}.dc-buttons-group{display:inline-flex}.dc-buttons-group>:not(:first-child):not(:last-child){border-radius:0}.dc-buttons-group>:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.dc-buttons-group>:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.dc-buttons-group>*+*{border-left:none}.dc-buttons-group>:focus{z-index:1}.dc-field{-webkit-appearance:none;appearance:none;background-color:var(--dc-field-bg-color);border:1px solid var(--dc-field-border-color);border-radius:var(--dc-field-br);box-sizing:border-box;color:var(--dc-field-text-color);font-family:var(--dc-font-base);font-size:var(--dc-field-fs);font-weight:400;height:var(--dc-field-h);line-height:1;margin:0;max-width:100%;min-width:0;padding:0;position:relative;transition:.1s ease-in-out;transition-property:color,border-color,background-color,box-shadow;width:var(--dc-field-w)}.dc-field::-webkit-input-placeholder{color:inherit;opacity:.4}.dc-field:-ms-input-placeholder{color:inherit;opacity:.4}.dc-field::placeholder{color:inherit;opacity:.4}.dc-field:focus,.dc-field_focused{--dc-field-focus-color:var(--dc-field-accent-color);border-color:var(--dc-field-focus-color);box-shadow:0 0 0 1px var(--dc-field-focus-color);outline:none}.dc-field_invalid{border-color:var(--dc-field-error-color)}.dc-field_invalid.dc-field_focused,.dc-field_invalid:focus{--dc-field-focus-color:var(--dc-field-error-color)}.dc-field:disabled,.dc-field[disabled],.dc-field_disabled{-webkit-text-fill-color:var(--dc-field-disabled-text-color);background-color:var(--dc-field-disabled-bg-color);border-color:var(--dc-field-disabled-border-color);box-shadow:none;color:var(--dc-field-disabled-text-color);pointer-events:none}.dc-field_size_sm{--dc-field-w:14rem;--dc-field-h:var(--dc-control-sm-h);--dc-field-br:0.25rem;--dc-field-fs:0.8125rem}.dc-field_size_lg{--dc-field-w:20rem;--dc-field-h:var(--dc-control-lg-h);--dc-field-br:0.3125rem;--dc-field-fs:0.9375rem}.dc-field_full_width{width:100%!important}.dc-text-field{align-items:center;display:inline-flex}.dc-text-field__input{background:none;border:none;box-sizing:border-box;color:inherit;flex:auto;font:inherit;height:inherit;line-height:var(--dc-field-h);min-width:0;padding:0 calc(var(--dc-field-pad)*.75);width:100%}.dc-text-field__input::-webkit-input-placeholder{color:inherit;opacity:.4}.dc-text-field__input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-text-field__input::placeholder{color:inherit;opacity:.4}.dc-text-field__input:focus{outline:none}.dc-text-field__input:disabled{-webkit-text-fill-color:inherit;color:inherit}.dc-text-field__add-on{border-radius:inherit;color:var(--dc-field-add-on-color);display:inline-flex;flex:none;padding:0}.dc-field_disabled .dc-text-field__add-on{color:var(--dc-field-disabled-add-on-color)}.dc-text-field>:first-child{padding-left:var(--dc-field-pad)}.dc-text-field>:last-child{padding-right:var(--dc-field-pad)}.dc-number-field{align-items:center;display:inline-flex}.dc-number-field_full-width{width:100%}.dc-number-field>*+*{margin-left:.25rem}.dc-number-field__input{flex:auto;width:10rem}.dc-password-field>:last-child{padding-right:.125rem}.dc-password-field .dc-icon-button{border-radius:inherit;color:inherit;max-height:100%}.dc-datetime-field{border:none;display:inline-block}.dc-datetime-field__body,.dc-datetime-field__group{align-items:center;display:inline-flex;width:auto}.dc-datetime-field__body{padding:.25rem calc(var(--dc-field-pad) - .125rem);width:auto}.dc-datetime-field__group{height:100%}.dc-datetime-field__group+.dc-datetime-field__group{margin-left:.75rem}.dc-datetime-field__separator{display:inline-block;opacity:.5;padding:0 .125rem}.dc-date-component-input{align-items:center;display:inline-flex;height:100%;justify-content:center;padding:0;position:relative}.dc-date-component-input>*{font-variant-numeric:tabular-nums;padding:0 .125rem}.dc-date-component-input>[aria-hidden=true]{opacity:0;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-date-component-input>input{-webkit-appearance:none;appearance:none;-moz-appearance:textfield;background:none;border:none;border-radius:.125rem;box-sizing:border-box;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.dc-date-component-input>input::-webkit-inner-spin-button,.dc-date-component-input>input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.dc-date-component-input>input::-webkit-input-placeholder{color:inherit;opacity:.4}.dc-date-component-input>input:-ms-input-placeholder{color:inherit;opacity:.4}.dc-date-component-input>input::placeholder{color:inherit;opacity:.4}.dc-date-component-input>input:focus{background:var(--dc-field-accent-color);caret-color:transparent;color:#fff;outline:none}.dc-date-component-input>input::selection,.dc-date-component-input>input:focus::selection{background:transparent}.dc-date-component-input>input:focus::-webkit-input-placeholder{opacity:.8}.dc-date-component-input>input:focus:-ms-input-placeholder{opacity:.8}.dc-date-component-input>input:focus::placeholder{opacity:.8}.dc-slider{box-sizing:border-box;position:relative;width:100%}.dc-slider_disabled{opacity:var(--dc-disabled-state-opacity)}.dc-slider__tick_marks{align-items:center;display:flex;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%}.dc-slider__tick_marks>*{background:var(--dc-slider-track-gb-color);flex:0 0 3px;height:6px}.dc-slider:before,.dc-slider__fill-track{height:.125rem;left:0;position:absolute;top:.5625rem}.dc-slider:before{background:var(--dc-slider-track-gb-color);content:"";width:100%}.dc-slider__fill-track{background:var(--dc-slider-fill-track-gb-color);width:0}.dc-slider__input{-webkit-appearance:none;appearance:none;background:transparent;box-sizing:border-box;cursor:pointer;display:block;height:1.25rem;left:0;opacity:1;position:relative;top:0;width:100%}.dc-slider__input::-ms-track{background:transparent;border-color:transparent;color:transparent;cursor:pointer;width:100%}.dc-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--dc-slider-thumb-gb-color);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input::-moz-range-thumb{appearance:none;background:var(--dc-slider-thumb-gb-color);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input::-ms-thumb{appearance:none;background:var(--dc-slider-thumb-gb-color);border-color:transparent;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;height:1.25rem;width:1.25rem}.dc-slider__input:focus{outline:none}.dc-slider__input:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:focus::-moz-range-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:focus::-ms-thumb{box-shadow:0 0 0 1px rgba(0,0,0,.1),0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06),0 0 0 4px var(--dc-focus-ring-color)}.dc-slider__input:disabled{cursor:default}.dc-slider__input_thumb_style_rect::-webkit-slider-thumb{border-radius:.25rem;width:.625rem}.dc-slider__input_thumb_style_rect::-moz-range-thumb{border-radius:.25rem;width:.625rem}.dc-slider__input_thumb_style_rect::-ms-thumb{border-radius:.25rem;width:.625rem}.dc-textarea{line-height:var(--dc-textarea-lh);min-height:calc(var(--dc-textarea-lh)*5*1rem + var(--dc-field-pad)*2);padding:var(--dc-field-pad);resize:vertical;width:calc(var(--dc-field-w)*1.75)}.dc-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 3 3 3-3M9 5 6 2 3 5' stroke='%2352525b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:calc(100% - var(--dc-field-pad));background-repeat:no-repeat;background-size:.85em auto;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);cursor:pointer;line-height:1;padding-left:var(--dc-field-pad);padding-right:calc(1.25em + var(--dc-field-pad));width:auto}.dc-select:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 3 3 3-3M9 5 6 2 3 5' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dc-select[multiple]{background:var(--dc-field-bg-color);height:auto;padding:.5rem 0}.dc-select[multiple] option{padding:.25rem .75rem}.dc-selection-control{--dc-selection-control-gap:0.75rem;align-items:flex-start;display:inline-flex;flex-direction:column;font-family:var(--dc-font-base);justify-content:flex-start}.dc-selection-control__body{align-items:center;display:flex;justify-content:flex-start}.dc-selection-control__label{color:var(--dc-primary-text-color);display:inline-block;font-size:1rem;line-height:1;margin-left:var(--dc-selection-control-gap);overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.dc-selection-control__description{color:var(--dc-secondary-text-color);font-size:.875rem;line-height:1.25;margin-left:var(--dc-selection-control-size,0);margin-top:.25rem;padding-left:var(--dc-selection-control-gap)}.dc-selection-control_disabled .dc-selection-control__description,.dc-selection-control_disabled .dc-selection-control__label{color:var(--dc-field-disabled-text-color)}.dc-checkbox{--dc-selection-control-size:var(--dc-checkbox-size);position:relative}.dc-checkbox__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-checkbox__check{align-items:center;background:var(--dc-field-bg-color);border:.0625rem solid var(--dc-field-border-color);border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--dc-checkbox-size);justify-content:center;position:relative;width:var(--dc-checkbox-size)}.dc-checkbox__input:checked+.dc-checkbox__check{background:var(--dc-field-accent-color);border-color:var(--dc-field-accent-color);color:var(--dc-field-accent-text-color)}.dc-checkbox__input:focus+.dc-checkbox__check{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-checkbox__input:disabled+.dc-checkbox__check{background:var(--dc-field-disabled-bg-color);border-color:var(--dc-field-disabled-border-color);cursor:default}.dc-checkbox__check-icon{display:none}.dc-checkbox__input:checked+.dc-checkbox__check>.dc-checkbox__check-icon{display:inline-block;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dc-checkbox__input:disabled+.dc-checkbox__check>.dc-checkbox__check-icon{color:var(--dc-field-disabled-text-color)}.dc-switch{--dc-selection-control-size:2rem;position:relative}.dc-switch__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-switch__check{background:var(--dc-switch-bg-color);border-radius:calc(var(--dc-switch-h)/2);box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--dc-switch-h);position:relative;transition:.1s ease-in-out;transition-property:border-color,background-color;width:var(--dc-switch-w)}.dc-switch__check:after{align-items:center;background:var(--dc-switch-check-color);border-radius:50%;box-shadow:0 .0625rem .1875rem 0 rgba(0,0,0,.1),0 .0625rem .125rem 0 rgba(0,0,0,.06),0 .25rem .375rem -.0625rem rgba(0,0,0,.1),0 .125rem .25rem -.0625rem rgba(0,0,0,.06);box-sizing:border-box;content:"";display:inline-flex;height:var(--dc-switch-check-size);justify-content:center;left:calc(var(--dc-switch-h)/2 - var(--dc-switch-check-size)/2);position:absolute;top:calc(var(--dc-switch-h)/2 - var(--dc-switch-check-size)/2);transition:inherit;transition-property:border-color,-webkit-transform;transition-property:transform,border-color;transition-property:transform,border-color,-webkit-transform;width:var(--dc-switch-check-size)}.dc-switch__input:checked+.dc-switch__check{background:var(--dc-switch-accent-color)}.dc-switch__input:checked+.dc-switch__check:after{-webkit-transform:translateX(calc(var(--dc-switch-w) - var(--dc-switch-h)));transform:translateX(calc(var(--dc-switch-w) - var(--dc-switch-h)))}.dc-switch__input:focus+.dc-switch__check{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-switch__input:disabled+.dc-switch__check{cursor:default;opacity:var(--dc-disabled-state-opacity)}.dc-radio-btn{--dc-selection-control-size:var(--dc-radio-button-size);position:relative}.dc-radio-btn__input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-radio-btn__radio{align-items:center;background:var(--dc-field-bg-color);border:.0625rem solid var(--dc-field-border-color);border-radius:50%;box-sizing:border-box;color:var(--dc-field-accent-text-color);cursor:pointer;display:inline-flex;height:var(--dc-radio-button-size);justify-content:center;width:var(--dc-radio-button-size)}.dc-radio-btn__input:checked+.dc-radio-btn__radio{background:var(--dc-field-accent-color);border-color:var(--dc-field-accent-color);color:var(--dc-field-accent-text-color);position:relative}.dc-radio-btn__input:checked+.dc-radio-btn__radio:after{background:currentColor;border-radius:50%;box-shadow:0 .0625rem .125rem 0 rgba(0,0,0,.05);content:"";display:inline-flex;height:calc(var(--dc-radio-button-size)/2.61802);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(var(--dc-radio-button-size)/2.61802)}.dc-radio-btn__input:focus+.dc-radio-btn__radio{box-shadow:0 0 0 3px var(--dc-focus-ring-color)}.dc-radio-btn__input:disabled+.dc-radio-btn__radio{background:var(--dc-field-disabled-bg-color);border-color:var(--dc-field-disabled-border-color);cursor:default}.dc-radio-btn__input:disabled+.dc-radio-btn__radio:after{color:var(--dc-field-disabled-text-color)}.dc-radio-group{font-family:var(--dc-font-base);list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dc-radio-group>*+*{margin-top:.5rem}.dc-radio-group-input{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-radio-group-item{align-items:center;border:2px solid var(--dc-radio-group-border-color);border-radius:.375rem;box-sizing:border-box;cursor:default;display:flex;padding:.5rem 1rem}.dc-radio-group-item__check{border-radius:50%;box-shadow:inset 0 0 0 1px var(--dc-radio-group-border-color);color:var(--dc-radio-group-selection-color);display:inline-block;height:1.125rem;width:1.125rem}.dc-radio-group-item__check-icon{visibility:hidden}.dc-radio-group-item>*+*{margin-left:1rem}.dc-radio-group-item__body{flex:auto;font-size:.875rem}.dc-radio-group-item__label{color:var(--dc-primary-text-color);font-weight:500;margin:0;padding:0}.dc-radio-group-item__description{color:var(--dc-secondary-text-color);margin-top:.25rem}.dc-radio-group-input:checked~.dc-radio-group-item{border-color:var(--dc-radio-group-selection-color)}.dc-radio-group-input:checked~.dc-radio-group-item .dc-radio-group-item__check-icon{visibility:visible}.dc-radio-group-input:focus~.dc-radio-group-item{box-shadow:0 0 0 3px var(--dc-focus-ring-color);outline:none}.dc-radio-group-input:disabled~.dc-radio-group-item{opacity:var(--dc-disabled-state-opacity)}.dc-table-container{-webkit-overflow-scrolling:touch;border-bottom:var(--dc-table-border);border-top:var(--dc-table-border);overflow-x:auto;position:relative}.dc-table-container:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none}.dc-table{border-collapse:separate;border-spacing:0;font-family:var(--dc-font-base);font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:400;height:auto;width:100%}.dc-table-cell{background:var(--dc-table-cell-bg);border-bottom:var(--dc-table-border);padding:.625rem}.dc-table-head .dc-table-cell{font-size:90%;padding-bottom:.5rem;padding-top:.5rem;white-space:nowrap}.dc-table_padding_lg .dc-table-cell{padding:.875rem}.dc-table_padding_lg .dc-table-head .dc-table-cell{padding-bottom:.75rem;padding-top:.75rem}.dc-table_padding_sm .dc-table-cell{padding:.5rem}.dc-table-cell_header{background:var(--dc-table-header-cell-bg);font-weight:500}.dc-table-cell__body{align-items:center;display:inline-flex}.dc-table-cell__sort-btn{margin-right:.5rem}.dc-table-sort-btn .dc-btn__text{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.dc-table_sticky-header>.dc-table-head>.dc-table-row>.dc-table-cell{position:-webkit-sticky;position:sticky;top:0;z-index:1}.dc-table-body>.dc-table-row:last-child>.dc-table-cell{border-bottom:none}.dc-table_bordered .dc-table-cell+.dc-table-cell{border-left:var(--dc-table-border)}.dc-table_striped>.dc-table-body>.dc-table-row:nth-child(2n)>.dc-table-cell{background:var(--dc-table-striped-row-bg)}.dc-table.dc-table_row_highlighted:not(.dc-table_loading)>.dc-table-body>.dc-table-row:hover>.dc-table-cell{background:var(--dc-table-hover-row-bg)}.dc-table-row_selected>.dc-table-cell{background:var(--dc-table-selected-row-bg)}.dc-table_striped>.dc-table-body>.dc-table-row_selected:nth-child(2n)>.dc-table-cell{background:var(--dc-table-selected-stiped-row-bg)}.dc-table_loading>.dc-table-body .dc-table-cell{color:transparent;position:relative}.dc-table_loading>.dc-table-body .dc-table-cell>*{visibility:hidden}@-webkit-keyframes shine{0%{background-position:-5rem}75%,to{background-position:calc(100% + 5rem) 0}}@keyframes shine{0%{background-position:-5rem}75%,to{background-position:calc(100% + 5rem) 0}}.dc-table_loading>.dc-table-body .dc-table-cell:after{-webkit-animation:shine 2s linear infinite;animation:shine 2s linear infinite;background-color:var(--dc-skeleton-bg-color);background-image:linear-gradient(90deg,var(--dc-skeleton-bg-color) 0,var(--dc-skeleton-color) 50%,var(--dc-skeleton-bg-color) 100%);background-position:-5rem 0;background-repeat:no-repeat;background-size:5rem 100%;border-radius:.125rem;content:"";height:1rem;left:8%;max-height:100%;position:absolute;top:calc(50% - .5rem);width:84%}.dc-avatar{display:inline-flex;position:relative}.dc-avatar_tint_blue{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#6fd2fc;--dc-avatar-bg2-color:#2a9ef1}.dc-avatar_icon-tint_blue{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#6fd2fc,#2a9ef1)}.dc-avatar_tint_cyan{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#51ebd5;--dc-avatar-bg2-color:#28c9b7}.dc-avatar_icon-tint_cyan{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#51ebd5,#28c9b7)}.dc-avatar_tint_red{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ff8e72;--dc-avatar-bg2-color:#ff5151}.dc-avatar_icon-tint_red{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ff8e72,#ff5151)}.dc-avatar_tint_green{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#28ed7f;--dc-avatar-bg2-color:#16c059}.dc-avatar_icon-tint_green{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#28ed7f,#16c032)}.dc-avatar_tint_lime{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#9ddd7d;--dc-avatar-bg2-color:#54cb68}.dc-avatar_icon-tint_lime{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#9ddd7d,#54cb68)}.dc-avatar_tint_indigo{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#80aaff;--dc-avatar-bg2-color:#665fff}.dc-avatar_icon-tint_indigo{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#80aaff,#665fff)}.dc-avatar_tint_yellow{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ffd85e;--dc-avatar-bg2-color:#ffb92b}.dc-avatar_icon-tint_yellow{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ffd85e,#ffb92b)}.dc-avatar_tint_orange{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#ffc045;--dc-avatar-bg2-color:#ff8f15}.dc-avatar_icon-tint_orange{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#ffc045,#ff8f15)}.dc-avatar_tint_pink{--dc-avatar-color:#fff;--dc-avatar-bg1-color:#e09ff2;--dc-avatar-bg2-color:#d669ed}.dc-avatar_icon-tint_pink{--dc-avatar-icon-color:#fff;--dc-avatar-icon-bg:linear-gradient(#e09ff2,#d669ed)}.dc-avatar__icon{background:var(--dc-avatar-icon-bg);border-radius:50%;color:var(--dc-avatar-icon-color);justify-content:center;position:absolute}.dc-avatar-group,.dc-avatar__icon{align-items:center;display:inline-flex}.dc-avatar-group{justify-content:flex-start;margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-secret{display:inline-block;font-family:var(--dc-font-code);position:relative;word-break:break-word}.dc-secret__content{opacity:.75;text-align:left}.dc-secret__btn{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}.dc-secret_shown{font-size:.875em;text-align:right}.dc-secret_shown .dc-secret__btn{margin-top:.5rem;position:static;-webkit-transform:none;transform:none}.dc-tag{--dc-tag-height:1.625rem;--dc-tag-color:#3f3f46;--dc-tag-fill-color:#e4e4e7;align-items:center;background:var(--dc-tag-fill-color);border-radius:.3125rem;color:var(--dc-tag-color);display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;font-weight:400;line-height:1;min-height:var(--dc-tag-height);padding:0 .75rem}.dc-tag_size_sm{--dc-tag-height:1.5rem;font-size:.75rem}.dc-tag_size_lg{--dc-tag-height:1.75rem;border-radius:.375rem;font-size:1rem}.dc-tag_rounded{border-radius:calc(var(--dc-tag-height)/2);padding-left:calc(var(--dc-tag-height)/2);padding-right:calc(var(--dc-tag-height)/2)}.dc-tag__icon{margin-right:.4285714286em}.dc-tag__btn{-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:.0625rem;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;margin-left:.4285714286em;opacity:.6;padding:0;-webkit-transform:translateY(.05em);transform:translateY(.05em);transition:.1s ease-in-out;transition-property:opacity}.dc-tag__btn:disabled{cursor:not-allowed;opacity:var(--dc-disabled-state-opacity)}.dc-tag__btn:enabled:hover{opacity:1}.dc-tag__btn:focus{box-shadow:0 0 0 2px var(--dc-tag-fill-color),0 0 0 4px currentColor;opacity:1;outline:none}.dc-tag_color_blue{--dc-tag-color:#1e40af;--dc-tag-fill-color:#dbeafe}.dc-tag_color_cyan{--dc-tag-color:#0b7285;--dc-tag-fill-color:#c5f6fa}.dc-tag_color_red{--dc-tag-color:#b52626;--dc-tag-fill-color:#ffe3e3}.dc-tag_color_green{--dc-tag-color:#306339;--dc-tag-fill-color:#c7f5d4}.dc-tag_color_lime{--dc-tag-color:#47730a;--dc-tag-fill-color:#e9fac8}.dc-tag_color_indigo{--dc-tag-color:#364fc7;--dc-tag-fill-color:#dbe4ff}.dc-tag_color_yellow{--dc-tag-color:#995200;--dc-tag-fill-color:#fff3bf}.dc-tag_color_orange{--dc-tag-color:#d9480f;--dc-tag-fill-color:#ffe8cc}.dc-alert{--dc-alert-bg-color:#fafafa;--dc-alert-border-color:#e4e4e7;--dc-alert-icon-color:#a1a1aa;--dc-alert-primary-text-color:#27272a;--dc-alert-secondary-text-color:#52525b;background:var(--dc-alert-bg-color);border:.0625rem solid var(--dc-alert-border-color);border-radius:.375rem;box-sizing:border-box;display:flex;font-family:var(--dc-font-base);font-weight:400;padding:.75rem 1rem;position:relative}.dc-alert__icon{color:var(--dc-alert-icon-color);flex-shrink:0;height:1.125rem;margin-right:.75rem;width:1.125rem}.dc-alert__heading{color:var(--dc-alert-primary-text-color);font-weight:500;line-height:1.125rem;margin:0}.dc-alert__description{color:var(--dc-alert-secondary-text-color);margin:0}.dc-alert__description ol,.dc-alert__description ul{margin:0;padding:0 0 0 1em}*+.dc-alert__description,.dc-alert__description ol li+li,.dc-alert__description ul li+li{margin-top:.25rem}.dc-alert_bordered{border-left:.25rem solid var(--dc-alert-icon-color);border-radius:0}.dc-alert_appearance_warning{--dc-alert-bg-color:#fffceb;--dc-alert-border-color:#ffec99;--dc-alert-icon-color:#f0a800;--dc-alert-primary-text-color:#995200;--dc-alert-secondary-text-color:#ab6700}.dc-alert_appearance_error{--dc-alert-bg-color:#fff5f5;--dc-alert-border-color:#ffc9c9;--dc-alert-icon-color:#ff6b6b;--dc-alert-primary-text-color:#b52626;--dc-alert-secondary-text-color:#e03131}.dc-alert_appearance_info{--dc-alert-bg-color:#eff6ff;--dc-alert-border-color:#bfdbfe;--dc-alert-icon-color:#3b82f6;--dc-alert-primary-text-color:#1e40af;--dc-alert-secondary-text-color:#1d4ed8}.dc-alert_appearance_success{--dc-alert-bg-color:#e2fbe8;--dc-alert-border-color:#9fecb1;--dc-alert-icon-color:#5ec169;--dc-alert-primary-text-color:#285131;--dc-alert-secondary-text-color:#306339}.dc-non-ideal-state{box-sizing:border-box;color:var(--dc-non-ideal-state-text-color);font-family:var(--dc-font-base);font-size:1rem;padding-left:1rem;padding-right:1rem;text-align:center}.dc-non-ideal-state__body{margin:0 auto;max-width:36rem}.dc-non-ideal-state__icon{color:var(--dc-non-ideal-state-icon-color);margin-bottom:2rem}.dc-non-ideal-state__icon_red{color:#ff6b6b}.dc-non-ideal-state__icon_orange{color:#ff922b}.dc-non-ideal-state__icon_blue{color:#3b82f6}.dc-non-ideal-state__icon_green{color:#5ec169}.dc-non-ideal-state__description{margin-top:.5rem}.dc-non-ideal-state__actions,.dc-non-ideal-state__content{margin-top:1rem}.dc-non-ideal-state_spacing_none{padding-bottom:0;padding-top:0}.dc-non-ideal-state_spacing_2xs{padding-bottom:.25rem;padding-top:.25rem}.dc-non-ideal-state_spacing_xs{padding-bottom:.5rem;padding-top:.5rem}.dc-non-ideal-state_spacing_sm{padding-bottom:1rem;padding-top:1rem}.dc-non-ideal-state_spacing_md{padding-bottom:2rem;padding-top:2rem}.dc-non-ideal-state_spacing_lg{padding-bottom:4rem;padding-top:4rem}.dc-non-ideal-state_spacing_xl{padding-bottom:5rem;padding-top:5rem}.dc-non-ideal-state_spacing_2xl{padding-bottom:6rem;padding-top:6rem}.dc-loading-view{color:var(--dc-primary-text-color);font-family:var(--dc-font-base);font-size:1rem;padding-left:1rem;padding-right:1rem;text-align:center}.dc-loading-view__spinner{color:var(--dc-secondary-text-color)}.dc-loading-view__content{margin-top:.75rem}.dc-loading-view_pad-y_none{padding-bottom:0;padding-top:0}.dc-loading-view_pad-y_2xs{padding-bottom:.25rem;padding-top:.25rem}.dc-loading-view_pad-y_xs{padding-bottom:.5rem;padding-top:.5rem}.dc-loading-view_pad-y_sm{padding-bottom:1rem;padding-top:1rem}.dc-loading-view_pad-y_md{padding-bottom:2rem;padding-top:2rem}.dc-loading-view_pad-y_lg{padding-bottom:4rem;padding-top:4rem}.dc-loading-view_pad-y_xl{padding-bottom:5rem;padding-top:5rem}.dc-loading-view_pad-y_2xl{padding-bottom:6rem;padding-top:6rem}.dc-toast-btn{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--dc-toast-btn-bg);border:none;border-radius:.375rem;color:var(--dc-toast-btn-text-color);cursor:pointer;font-size:.875rem;opacity:.65;padding:.25rem .75rem;transition:.1s ease-in-out;transition-property:opacity}.dc-toast-btn:hover{opacity:1}.dc-toast-btn:focus{opacity:1;outline:none}.dc-toast{background:var(--dc-toast-bg);border-radius:.5rem;box-sizing:border-box;color:var(--dc-toast-text-color);display:inline-flex;font-family:var(--dc-font-base);font-size:.875rem;max-width:38rem;min-width:40%;width:auto}.dc-toast_full-width{max-width:none;width:100%}.dc-toast__body,.dc-toast__btns{box-sizing:border-box;display:inline-flex}.dc-toast__body{flex:auto;padding:1rem}.dc-toast__btns{flex:none;flex-direction:column;padding:.25rem}.dc-toast__btns>*+*{margin-top:.25rem}.dc-toast__icon{margin-right:.75rem}.dc-toast_appearance_error .dc-toast__icon{color:#ff6b6b}.dc-toast_appearance_warning .dc-toast__icon{color:#ff922b}.dc-toast_appearance_success .dc-toast__icon{color:#77d989}.dc-toast_appearance_info .dc-toast__icon{color:#93c5fd}.dc-toast__heading,.dc-toast__message{font-size:inherit;font-weight:400;line-height:1.25;margin:0}.dc-toast__message{opacity:.75}.dc-toast__content>*+*{margin-top:.5em}.dc-breadcrumbs{overflow-scrolling:touch;font-family:var(--dc-font-base);overflow-y:auto}.dc-breadcrumbs__items{align-items:center;display:flex;list-style:none;margin:0;padding:0}.dc-breadcrumbs__items>*{align-items:center;display:inline-flex}.dc-breadcrumbs__delimiter{color:var(--dc-breadcrumbs-delimiter-color);margin-left:1rem;margin-right:1rem}.dc-breadcrumbs-item{align-items:center;color:var(--dc-breadcrumbs-item-color);display:inline-flex;font-family:inherit;text-decoration:none;transition:.1s ease-in-out;transition-property:color}.dc-breadcrumbs-item:hover{color:var(--dc-breadcrumbs-item-hover-color)}.dc-breadcrumbs-item_selected{color:var(--dc-breadcrumbs-selected-item-color)}.dc-breadcrumbs-item__icon{margin-right:.5rem}.dc-vertical-nav{font-family:var(--dc-font-base)}.dc-vertical-nav__items{list-style:none;margin:0;padding:0}.dc-vertical-nav__items>*+*{margin-top:.25rem}.dc-vertical-nav-item{align-items:center;border-radius:.3125rem;box-sizing:border-box;color:var(--dc-secondary-text-color);cursor:default;display:flex;font-size:1rem;height:2.25rem;padding:0 .5rem;text-decoration:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dc-vertical-nav-item:focus{box-shadow:0 0 0 .2rem var(--dc-focus-ring-color);outline:none}.dc-vertical-nav-item:hover{background:rgba(0,0,0,.05)}.dc-vertical-nav-item_selected{background:rgba(0,0,0,.05);color:var(--dc-primary-text-color)}.dc-vertical-nav-item__icon{flex:none;padding-right:.5rem}.dc-vertical-nav-item__content{flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-vertical-nav-item__badge{flex:none;padding-left:.25rem}.dc-segmented-control{background:rgba(24,24,27,.05);border-radius:.5rem;display:inline-flex;list-style:none;margin-bottom:0;margin-top:0;padding:.0625rem .125rem;position:relative}.dc-segmented-control_size_sm{border-radius:.375rem}.dc-segmented-control_size_lg{border-radius:.625rem}.dc-segmented-control__radio-btn{flex:auto;white-space:nowrap}.dc-segmented-control__radio-btn:focus{z-index:1}.dc-segmented-control__radio-btn.dc-btn_default:hover{background:var(--dc-btn-default-bg)}.dc-scope-buttons{display:inline-flex;height:auto;max-width:100%;overflow-x:auto;overflow-y:hidden}.dc-scope-buttons::-webkit-scrollbar{height:.625rem}.dc-scope-buttons::-webkit-scrollbar-track{background-color:var(--dc-scrollbar-track-bg-color)}.dc-scope-buttons::-webkit-scrollbar-track:hover{background-color:var(--dc-scrollbar-track-bg-hover-color)}.dc-scope-buttons::-webkit-scrollbar-thumb{background-color:var(--dc-scrollbar-thumb-bg-color)}.dc-scope-buttons::-webkit-scrollbar-thumb:hover{background-color:var(--dc-scrollbar-thumb-bg-hover-color)}.dc-scope-buttons_bottom-pad{padding-bottom:.25rem}.dc-scope-buttons>.dc-scope-button+.dc-scope-button{margin-left:.125rem}.dc-scope-button{border-width:2px;flex:none}.dc-scope-button:focus{border-color:var(--dc-focus-border-color);box-shadow:none}.dc-label{color:var(--dc-label-text-color);font-weight:500;position:relative}.dc-label_required:after{color:var(--dc-label-required-mark-color);content:"*";padding-left:.25rem}.dc-inline-message{align-items:flex-start;color:var(--dc-secondary-text-color);display:inline-flex}.dc-inline-message_info{color:var(--dc-info-text-color)}.dc-inline-message_success{color:var(--dc-success-text-color)}.dc-inline-message_error{color:var(--dc-error-text-color)}.dc-inline-message_warning{color:var(--dc-warning-text-color)}.dc-inline-message__icon{flex-shrink:0;line-height:1;margin-right:.5rem;-webkit-transform:translateY(.125em);transform:translateY(.125em)}.dc-field-group__label{display:inline-block;margin-bottom:.25rem}.dc-field-group__error,.dc-field-group__hint{margin-top:.25rem;width:100%}.dc-dialog-container{align-items:center;background:rgba(0,0,0,.25);display:flex;flex-wrap:wrap;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--dc-zindex-overlay)}.dc-dialog{border-color:rgba(0,0,0,.25);box-sizing:border-box;display:inline-flex;flex-direction:column;height:auto;margin:1rem;max-width:100%;padding-bottom:1rem;position:relative;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;vertical-align:middle;width:40rem}.dc-dialog>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.dc-dialog>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.dc-dialog__header{align-items:flex-start;display:flex;justify-content:flex-end}.dc-dialog__close-btn{flex:none;margin:.25rem}.dc-dialog__description{color:var(--dc-secondary-text-color)}.dc-dialog__actions,.dc-dialog__content,.dc-dialog__footer,.dc-dialog__header-content{padding-left:1rem;padding-right:1rem}.dc-dialog__header-content{flex:auto;padding-bottom:1rem;padding-top:1rem}.dc-dialog__header-content>*+*{margin-top:.25rem}.dc-dialog__content{position:relative}.dc-dialog__actions{align-items:center;display:flex;justify-content:flex-end;padding-top:1rem}.dc-dialog__actions>*+*{margin-left:.5rem}.dc-popover-container{z-index:var(--dc-zindex-overlay)}.dc-popover{max-height:28rem;max-width:28rem}.dc-tooltip{background:var(--dc-tooltip-bg-color);border-radius:.3125rem;box-sizing:border-box;color:var(--dc-tooltip-text-color);display:inline-block;font-family:var(--dc-font-base);font-size:.875rem;line-height:1.375;max-width:18rem;padding:.25rem .5rem;width:auto}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "draft-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.51.0",
|
|
4
4
|
"description": "The set of React.js components for rapid prototyping.",
|
|
5
5
|
"main": "components/index.js",
|
|
6
6
|
"files": [
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
"styleguide": "styleguidist server",
|
|
20
20
|
"styleguide-build": "styleguidist build",
|
|
21
21
|
"bootstrap-icons": "node scripts/bootstrap-icons.js",
|
|
22
|
-
"build": "gulp"
|
|
22
|
+
"build": "gulp",
|
|
23
|
+
"preversion": "npm test && npm run build"
|
|
23
24
|
},
|
|
24
25
|
"repository": {
|
|
25
26
|
"type": "git",
|
|
@@ -47,13 +47,14 @@
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.dc-radio-group-item__label {
|
|
50
|
-
margin: 0
|
|
50
|
+
margin: 0;
|
|
51
51
|
padding: 0;
|
|
52
52
|
color: var(--dc-primary-text-color);
|
|
53
53
|
font-weight: $font-weight-medium;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
.dc-radio-group-item__description {
|
|
57
|
+
margin-top: $gap-1x;
|
|
57
58
|
color: var(--dc-secondary-text-color);
|
|
58
59
|
}
|
|
59
60
|
|
package/scss/utils/_borders.scss
CHANGED
|
@@ -1,66 +1,66 @@
|
|
|
1
1
|
.rounded-none {
|
|
2
|
-
border-radius: 0;
|
|
2
|
+
border-radius: 0 !important;
|
|
3
3
|
}
|
|
4
4
|
.rounded-2xs {
|
|
5
|
-
border-radius: $border-radius-2xs;
|
|
5
|
+
border-radius: $border-radius-2xs !important;
|
|
6
6
|
}
|
|
7
7
|
.rounded-xs {
|
|
8
|
-
border-radius: $border-radius-xs;
|
|
8
|
+
border-radius: $border-radius-xs !important;
|
|
9
9
|
}
|
|
10
10
|
.rounded-sm {
|
|
11
|
-
border-radius: $border-radius-sm;
|
|
11
|
+
border-radius: $border-radius-sm !important;
|
|
12
12
|
}
|
|
13
13
|
.rounded-md {
|
|
14
|
-
border-radius: $border-radius-md;
|
|
14
|
+
border-radius: $border-radius-md !important;
|
|
15
15
|
}
|
|
16
16
|
.rounded-lg {
|
|
17
|
-
border-radius: $border-radius-lg;
|
|
17
|
+
border-radius: $border-radius-lg !important;
|
|
18
18
|
}
|
|
19
19
|
.rounded-xl {
|
|
20
|
-
border-radius: $border-radius-xl;
|
|
20
|
+
border-radius: $border-radius-xl !important;
|
|
21
21
|
}
|
|
22
22
|
.rounded-2xl {
|
|
23
|
-
border-radius: $border-radius-2xl;
|
|
23
|
+
border-radius: $border-radius-2xl !important;
|
|
24
24
|
}
|
|
25
25
|
.rounded-circle {
|
|
26
|
-
border-radius: 50
|
|
26
|
+
border-radius: 50% !important;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.border {
|
|
30
|
-
border: 1px solid $gray-300;
|
|
30
|
+
border: 1px solid $gray-300 !important;
|
|
31
31
|
}
|
|
32
32
|
.border-top {
|
|
33
|
-
border-top: 1px solid $gray-300;
|
|
33
|
+
border-top: 1px solid $gray-300 !important;
|
|
34
34
|
}
|
|
35
35
|
.border-right {
|
|
36
|
-
border-right: 1px solid $gray-300;
|
|
36
|
+
border-right: 1px solid $gray-300 !important;
|
|
37
37
|
}
|
|
38
38
|
.border-bottom {
|
|
39
|
-
border-bottom: 1px solid $gray-300;
|
|
39
|
+
border-bottom: 1px solid $gray-300 !important;
|
|
40
40
|
}
|
|
41
41
|
.border-left {
|
|
42
|
-
border-left: 1px solid $gray-300;
|
|
42
|
+
border-left: 1px solid $gray-300 !important;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.border-0 {
|
|
46
|
-
border: 0;
|
|
46
|
+
border: 0 !important;
|
|
47
47
|
}
|
|
48
48
|
.border-top-0 {
|
|
49
|
-
border-top: 0;
|
|
49
|
+
border-top: 0 !important;
|
|
50
50
|
}
|
|
51
51
|
.border-right-0 {
|
|
52
|
-
border-right: 0;
|
|
52
|
+
border-right: 0 !important;
|
|
53
53
|
}
|
|
54
54
|
.border-bottom-0 {
|
|
55
|
-
border-bottom: 0;
|
|
55
|
+
border-bottom: 0 !important;
|
|
56
56
|
}
|
|
57
57
|
.border-left-0 {
|
|
58
|
-
border-left: 0;
|
|
58
|
+
border-left: 0 !important;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
.border-dashed {
|
|
62
|
-
border-style: dashed;
|
|
62
|
+
border-style: dashed !important;
|
|
63
63
|
}
|
|
64
64
|
.border-dotted {
|
|
65
|
-
border-style: dotted;
|
|
65
|
+
border-style: dotted !important;
|
|
66
66
|
}
|
|
@@ -2,31 +2,31 @@
|
|
|
2
2
|
#DISPLAY
|
|
3
3
|
\*------------------------------------*/
|
|
4
4
|
.d-none {
|
|
5
|
-
display: none;
|
|
5
|
+
display: none !important;
|
|
6
6
|
}
|
|
7
7
|
.d-block {
|
|
8
|
-
display: block;
|
|
8
|
+
display: block !important;
|
|
9
9
|
}
|
|
10
10
|
.d-inline-block {
|
|
11
|
-
display: inline-block;
|
|
11
|
+
display: inline-block !important;
|
|
12
12
|
}
|
|
13
13
|
.d-inline {
|
|
14
|
-
display: inline;
|
|
14
|
+
display: inline !important;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
/*------------------------------------*\
|
|
18
18
|
#BOX SIZING
|
|
19
19
|
\*------------------------------------*/
|
|
20
20
|
.box-content {
|
|
21
|
-
box-sizing: content-box;
|
|
21
|
+
box-sizing: content-box !important;
|
|
22
22
|
}
|
|
23
23
|
.box-border {
|
|
24
|
-
box-sizing: border-box;
|
|
24
|
+
box-sizing: border-box !important;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
/*------------------------------------*\
|
|
28
28
|
#WIDTH
|
|
29
29
|
\*------------------------------------*/
|
|
30
30
|
.width-full {
|
|
31
|
-
width: 100
|
|
31
|
+
width: 100% !important;
|
|
32
32
|
}
|