npm - @fastkit/vui - Versions diffs - 0.13.0 → 0.13.2 - Mend

@fastkit/vui 0.13.0 → 0.13.2

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.

Files changed (7) hide show

package/dist/vui.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/styles/index.scss","../node_modules/@fastkit/stylebase/normalize.css","../src/styles/variables.scss","../src/styles/base.scss","../src/styles/core/typo.scss","../src/styles/typo.scss","../src/styles/elevation.scss","../src/styles/core/functions.scss","../src/styles/group.scss","../src/styles/control.scss","../src/styles/wysiwyg.scss","../src/composables/form-selector.scss","../src/components/VFormControl/VFormControl.scss","../src/components/VIcon/VIcon.scss","../src/components/VSkeltonLoader/VSkeltonLoaderBone.scss","../src/components/VBusyImage/VBusyImage.scss","../src/components/VGrid/VGridItem.scss","../src/components/VGrid/VGridContainer.scss","../src/components/VPaper/VPaper.scss","../src/components/VAvatar/VAvatar.scss","../src/styles/core/functions.scss","../src/components/VChip/VChip.scss","../src/styles/core/functions.scss","../src/components/VCard/VCard.scss","../src/styles/core/functions.scss","../src/components/VCard/VCardContent.scss","../src/components/VCard/VCardActions.scss","../src/components/VButton/VButton.scss","../src/components/VButton/VButtonGroup.scss","../src/components/VPagination/VPagination.scss","../src/styles/core/functions.scss","../src/components/VListTile/VListTile.scss","../src/components/VDrawerLayout/VDrawerLayout.scss","../src/components/VHero/VHero.scss","../src/components/VNavigation/VNavigationItem.scss","../src/components/VNavigation/VNavigation.scss","../src/components/VControlField/VControlField.scss","../src/components/VTextCounter/VTextCounter.scss","../src/components/VCheckbox/VCheckbox.scss","../src/components/VCheckable/VCheckable.scss","../src/styles/core/functions.scss","../src/components/VRadio/VRadio.scss","../src/components/VSwitch/VSwitch.scss","../src/components/VOption/VOption.scss","../src/styles/core/functions.scss","../src/components/VOptionGroup/VOptionGroup.scss","../src/components/VSelect/VSelect.scss","../src/styles/core/functions.scss","../src/components/VTextField/VTextField.scss","../src/styles/core/functions.scss","../src/components/VTextarea/VTextarea.scss","../src/styles/core/functions.scss","../src/components/VTabs/VTabs.scss","../src/components/VTabs/VTab.scss","../src/styles/core/functions.scss","../src/components/VBreadcrumbs/VBreadcrumbs.scss","../src/components/VContentSwitcher/VContentSwitcher.scss","../src/components/VDataTable/VDataTable.scss","../src/components/VToolbar/VToolbar.scss","../src/components/VToolbar/VToolbarMenu.scss","../src/components/VToolbar/VToolbarEdge.scss","../src/components/VToolbar/VToolbarTitle.scss"],"sourcesContent":["@use 'sass:meta';\n\n@layer vui-normalize, vui-color-scheme, vui;\n\n@layer vui-normalize {\n @include meta.load-css('@fastkit/stylebase/normalize.css');\n\n button {\n background-color: transparent;\n }\n}\n\n@layer vui {\n // @include meta.load-css('@fastkit/stylebase/normalize.css');\n\n @include meta.load-css('./variables.scss');\n @include meta.load-css('./base.scss');\n @include meta.load-css('./typo.scss');\n @include meta.load-css('./elevation.scss');\n @include meta.load-css('./group.scss');\n @include meta.load-css('./control.scss');\n @include meta.load-css('./wysiwyg.scss');\n}\n","/!\n Forked from\n * normalize.css v8.0.1 \| MIT License \| https://github.com/necolas/normalize.css\n /\n/ stylelint-disable property-no-vendor-prefix /\n\n/ Document\n ========================================================================== /\n\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\n/*\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\n\nhtml {\n line-height: 1.15; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n}\n\n/ Sections\n ========================================================================== /\n\n/\n Remove the margin in all browsers.\n /\n\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\n\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\n\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\n\n/ Grouping content\n ========================================================================== /\n\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\n\nhr {\n height: 0; / 1 /\n overflow: visible; / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\npre {\n / stylelint-disable-next-line /\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n\n/\n Remove the gray background on active links in IE 10.\n /\n\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\n\nabbr[title] {\n text-decoration: underline; / 2 /\n text-decoration: underline dotted; / 2 /\n border-bottom: none; / 1 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\ncode,\nkbd,\nsamp {\n / stylelint-disable-next-line /\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\n\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n\n/\n Remove the border on images inside links in IE 10.\n /\n\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; / 2 /\n font-family: inherit; / 1 /\n font-size: 100%; / 1 /\n line-height: 1.15; / 1 /\n color: inherit;\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\n\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\n\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\n\nlegend {\n display: table; / 1 /\n max-width: 100%; / 1 /\n padding: 0; / 3 /\n color: inherit; / 2 /\n white-space: normal; / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\n\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\n\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n\n[type='checkbox'],\n[type='radio'] {\n padding: 0; / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n\n[type='search'] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n\n[type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\n\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\n\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n\n/\n Add the correct display in IE 10+.\n /\n\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n\n[hidden] {\n display: none;\n}\n",":root {\n --root-em: 16px;\n --root-spacing: 8px;\n\n // =============================================\n // transitions\n // =============================================\n --transition-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1);\n --transition-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1);\n --transition-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1);\n --transition-ease-in-out: cubic-bezier(0.4, 0, 0.6, 1);\n --transition-fast-in-fast-out: cubic-bezier(0.25, 0.8, 0.25, 1);\n --transition-swing: cubic-bezier(0.25, 0.8, 0.5, 1);\n --transition-primary: var(--transition-swing);\n --transition-tab: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n --transition-fade: 0.2s;\n\n // =============================================\n // typographies\n // =============================================\n --typo-fallback-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n 'Helvetica Neue', Arial, sans-serif;\n --type-emoji-font: 'Apple Color Emoji', 'Segoe UI Emoji';\n --typo-font: var(--typo-base-font), var(--typo-fallback-font),\n var(--type-emoji-font);\n\n // base\n --typo-base-size: 1rem;\n --typo-base-weight: 400;\n --typo-base-height: 1.5;\n --typo-base-spacing: 0em;\n\n // medium\n --typo-medium-weight: 500;\n\n // h1\n --typo-h1-family: inherit;\n --typo-h1-size: 2.5rem;\n --typo-h1-weight: 500;\n --typo-h1-height: 1.2222222222222223;\n --typo-h1-spacing: 0em;\n --typo-h1-margin: 16px 0;\n --typo-h1-color: var(--palette-heading);\n\n // h2\n --typo-h2-family: inherit;\n --typo-h2-size: 1.875rem;\n --typo-h2-weight: 500;\n --typo-h2-height: 1.5;\n --typo-h2-spacing: 0em;\n --typo-h2-margin: 40px 0 10px;\n --typo-h2-color: var(--palette-heading);\n\n // h3\n --typo-h3-family: inherit;\n --typo-h3-size: 1.25rem;\n --typo-h3-weight: 500;\n --typo-h3-height: 1.5;\n --typo-h3-spacing: 0em;\n --typo-h3-margin: 20px 0 10px;\n --typo-h3-color: var(--palette-heading);\n\n // h4\n --typo-h4-family: inherit;\n --typo-h4-size: 1.25rem;\n --typo-h4-weight: 400;\n --typo-h4-height: 1.5;\n --typo-h4-spacing: 0em;\n --typo-h4-margin: 10px 0 16px;\n --typo-h4-color: var(--palette-heading);\n\n // h5\n --typo-h5-family: inherit;\n --typo-h5-size: 0.875rem;\n --typo-h5-weight: 400;\n --typo-h5-height: 1.57;\n --typo-h5-spacing: 0em;\n --typo-h5-margin: 10px 0 16px;\n --typo-h5-color: var(--palette-heading);\n\n // h6\n --typo-h6-family: inherit;\n --typo-h6-size: 0.67rem;\n --typo-h6-weight: 400;\n --typo-h6-height: 1.5;\n --typo-h6-spacing: 0em;\n --typo-h6-margin: 10px 0 16px;\n --typo-h6-color: var(--palette-heading);\n\n // subtitle1\n --typo-subtitle1-family: inherit;\n --typo-subtitle1-size: 1rem;\n --typo-subtitle1-weight: 400;\n --typo-subtitle1-height: 1.75;\n --typo-subtitle1-spacing: 0.00938em;\n\n // subtitle2\n --typo-subtitle2-family: inherit;\n --typo-subtitle2-size: 0.875rem;\n --typo-subtitle2-weight: 500;\n --typo-subtitle2-height: 1.57;\n --typo-subtitle2-spacing: 0.00714em;\n\n // small\n --typo-sm-size: calc(var(--root-em) 0.875);\n\n // // body1\n // --typo-body1-size: 1rem;\n // --typo-body1-weight: 400;\n // --typo-body1-height: 1.5;\n // --typo-body1-spacing: 0.00938em;\n\n // // body2\n // --typo-body2-size: 0.875rem;\n // --typo-body2-weight: 400;\n // --typo-body2-height: 1.43;\n // --typo-body2-spacing: 0.01071em;\n\n // // button\n // --typo-button-size: 0.875rem;\n // --typo-button-weight: 500;\n // --typo-button-height: 1.75;\n // --typo-button-spacing: 0.02857em;\n\n // // caption\n // --typo-caption-size: 0.75rem;\n // --typo-caption-weight: 400;\n // --typo-caption-height: 1.66;\n // --typo-caption-spacing: 0.03333em;\n\n // // overline\n // --typo-overline-size: 0.75rem;\n // --typo-overline-weight: 400;\n // --typo-overline-height: 2.66;\n // --typo-overline-spacing: 0.08333em;\n\n // =============================================\n // chips\n // =============================================\n --chip-padding: 0.875em;\n --chip-font-weight: var(--typo-base-weight);\n --chip-height-xs: 16px;\n --chip-font-size-xs: 10px;\n --chip-height-sm: 24px;\n --chip-font-size-sm: 12px;\n --chip-height-md: 32px;\n --chip-font-size-md: 14px;\n --chip-height-lg: 54px;\n --chip-font-size-lg: 16px;\n --chip-height-xl: 66px;\n --chip-font-size-xl: 18px;\n\n // =============================================\n // controls\n // =============================================\n\n // control-field-height\n --control-field-rem-sm: 0.875rem; // 14\n --control-field-rem-md: 1rem; // 16\n --control-field-rem-lg: 1.125rem; // 18\n\n // control defaults\n --control-disabled-color: rgba(0, 0, 0, 0.38);\n --control-horizontal-margin: 0.5em; // 16\n --control-field-radius: 2px;\n --control-field-fill-color: rgba(0, 0, 0, 0.06);\n --control-field-fill-hover-color: rgba(0, 0, 0, 0.09);\n --control-field-outline-color: rgba(114, 106, 106, 0.23);\n --control-field-outline-hover-color: rgba(0, 0, 0, 0.87);\n --control-field-bottom-color: rgba(0, 0, 0, 0.42);\n --control-field-bottom-hover-color: rgba(0, 0, 0, 0.87);\n --control-field-height: 2.25em;\n --control-field-line-height: 1.4375em;\n --control-field-letter-spacing: 0.00938em;\n --control-label-color: rgba(0, 0, 0, 0.6);\n --control-label-font-weight: 500;\n --control-label-font-size: 0.75em; // 12\n --control-label-height: 1.4375em;\n --control-message-color: rgba(0, 0, 0, 0.6);\n --control-message-font-size: 0.75em; // 12\n --control-message-horizontal-margin: calc(var(--root-spacing) * 0.5);\n --control-checkable-outer-size: 2em; // 42\n --control-checkable-icon-size: 1em; // 20\n --control-checkable-faux-scale: 1.2;\n --control-checkable-faux-margin: 0.2em;\n --control-checkable-base-color: rgba(0, 0, 0, 0.6);\n --control-switch-width: 3.625em; // 58\n --control-switch-track-width: 2.125em; // 34\n --control-switch-track-height: 0.875em; // 14\n\n // =============================================\n // wysiwygs\n // =============================================\n --wysiwyg-min-height-sm: 3em;\n --wysiwyg-min-height-md: 6em;\n --wysiwyg-min-height-lg: 9em;\n --wysiwyg-max-height-sm: 9em;\n --wysiwyg-max-height-md: 13em;\n --wysiwyg-max-height-lg: 16em;\n\n // shadows\n --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2);\n --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14);\n --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);\n\n // shadows(umbra)\n --shadow-key-umbra-0: 0px 0px 0px 0px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-1: 0px 2px 1px -1px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-2: 0px 3px 1px -2px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-3: 0px 3px 3px -2px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-4: 0px 2px 4px -1px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-5: 0px 3px 5px -1px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-6: 0px 3px 5px -1px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-7: 0px 4px 5px -2px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-8: 0px 5px 5px -3px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-9: 0px 5px 6px -3px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-10: 0px 6px 6px -3px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-11: 0px 6px 7px -4px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-12: 0px 7px 8px -4px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-13: 0px 7px 8px -4px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-14: 0px 7px 9px -4px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-15: 0px 8px 9px -5px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-16: 0px 8px 10px -5px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-17: 0px 8px 11px -5px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-18: 0px 9px 11px -5px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-19: 0px 9px 12px -6px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-20: 0px 10px 13px -6px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-21: 0px 10px 13px -6px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-22: 0px 10px 14px -6px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-23: 0px 11px 14px -7px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-24: 0px 11px 15px -7px var(--shadow-key-umbra-opacity);\n\n // shadows(penumbra)\n --shadow-key-penumbra-0: 0px 0px 0px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-1: 0px 1px 1px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-2: 0px 2px 2px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-3: 0px 3px 4px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-4: 0px 4px 5px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-5: 0px 5px 8px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-6: 0px 6px 10px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-7: 0px 7px 10px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-8: 0px 8px 10px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-9: 0px 9px 12px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-10: 0px 10px 14px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-11: 0px 11px 15px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-12: 0px 12px 17px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-13: 0px 13px 19px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-14: 0px 14px 21px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-15: 0px 15px 22px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-16: 0px 16px 24px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-17: 0px 17px 26px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-18: 0px 18px 28px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-19: 0px 19px 29px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-20: 0px 20px 31px 3px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-21: 0px 21px 33px 3px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-22: 0px 22px 35px 3px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-23: 0px 23px 36px 3px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-24: 0px 24px 38px 3px var(--shadow-key-penumbra-opacity);\n\n // shadows(ambient)\n --shadow-key-ambient-0: 0px 0px 0px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-1: 0px 1px 3px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-2: 0px 1px 5px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-3: 0px 1px 8px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-4: 0px 1px 10px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-5: 0px 1px 14px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-6: 0px 1px 18px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-7: 0px 2px 16px 1px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-8: 0px 3px 14px 2px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-9: 0px 3px 16px 2px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-10: 0px 4px 18px 3px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-11: 0px 4px 20px 3px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-12: 0px 5px 22px 4px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-13: 0px 5px 24px 4px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-14: 0px 5px 26px 4px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-15: 0px 6px 28px 5px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-16: 0px 6px 30px 5px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-17: 0px 6px 32px 5px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-18: 0px 7px 34px 6px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-19: 0px 7px 36px 6px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-20: 0px 8px 38px 7px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-21: 0px 8px 40px 7px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-22: 0px 8px 42px 7px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-23: 0px 9px 44px 8px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-24: 0px 9px 46px 8px var(--shadow-key-ambient-opacity);\n\n // toolbar\n --toolbar-height: var(--v-app-layout-vertial-fixed-height);\n --toolbar-dense-height: calc(var(--toolbar-height) * 0.8);\n\n // card\n --card-content-padding: 1rem; // 16px\n --card-actions-padding: 0.5rem; // 8px\n\n // pagination\n --pagination-item-radius: 2px;\n --pagination-item-font-size: var(--root-em);\n --pagination-item-size: calc(var(--root-em) * 2);\n --pagination-item-margin: calc(var(--root-em) * 0.5);\n --pagination-item-font-size-dense: calc(\n var(--pagination-item-font-size) * 0.625\n );\n --pagination-item-size-dense: calc(var(--pagination-item-size) * 0.8125);\n --pagination-item-margin-dense: calc(var(--pagination-item-margin) * 0.75);\n\n // table\n --table-vertical-margin: calc(var(--root-em) * 1.25);\n --table-font-size: calc(var(--root-em) * 0.75);\n --table-caption-font-size: calc(var(--root-em) * 1);\n --table-caption-font-weight: regular;\n --table-caption-vertical-margin: calc(var(--root-em) * 0.625);\n --table-cell-height: calc(var(--root-em) * 3.125);\n --table-cell-vertial-padding: calc(var(--root-em) * 0.3125);\n --table-cell-horizontal-padding: calc(var(--root-em) * 1);\n --table-header-color: var(--palette-primary);\n --table-header-font-weight: 500;\n\n // tabs\n --tabs-height: calc(var(--root-em) * 3);\n --tabs-bar-height: calc(var(--root-em) * 0.375);\n // --tabs-color: var(--main-color);\n --tabs-font-size: calc(var(--root-em) * 0.875);\n\n // breadcrumbs\n --breadcrumbs-font-size: var(--typo-sm-size);\n\n // =============================================\n // tiles\n // =============================================\n --list-tile-padding: calc(var(--root-em) * 0.625);\n}\n\n:root,\n[lang='en'] {\n --typo-base-font: Roboto, 'Noto Sans';\n}\n\n[lang='ja'] {\n --typo-base-font: Roboto, 'Noto Sans JP';\n}\n\n[lang='ko'] {\n --typo-base-font: Roboto, 'Noto Sans KR';\n}\n\n[lang='zh-cmn-Hant'] {\n --typo-base-font: Roboto, 'Noto Sans TC';\n}\n\n[lang='zh-cmn-Hans'] {\n --typo-base-font: Roboto, 'Noto Sans SC';\n}\n","@use './core.scss';\n\nhtml {\n text-size-adjust: 100%;\n font-size: var(--root-em);\n text-rendering: optimizeLegibility;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n @include core.typo(base);\n\n font-family: var(--typo-font);\n}\n","@function get-typo-family($level) {\n @return var(--typo-#{$level}-family);\n}\n\n@function get-typo-size($level) {\n @return var(--typo-#{$level}-size);\n}\n\n@function get-typo-weight($level) {\n @return var(--typo-#{$level}-weight);\n}\n\n@function get-typo-height($level) {\n @return var(--typo-#{$level}-height);\n}\n\n@function get-typo-spacing($level) {\n @return var(--typo-#{$level}-height);\n}\n\n@function get-typo-margin($level) {\n @return var(--typo-#{$level}-margin);\n}\n\n@function get-typo-color($level) {\n @return var(--typo-#{$level}-color);\n}\n\n@mixin typo-family($level) {\n font-family: get-typo-family($level);\n}\n\n@mixin typo-size($level) {\n font-size: get-typo-size($level);\n}\n\n@mixin typo-weight($level) {\n font-weight: get-typo-weight($level);\n}\n\n@mixin typo-height($level) {\n line-height: get-typo-height($level);\n}\n\n@mixin typo-spacing($level) {\n letter-spacing: get-typo-spacing($level);\n}\n\n@mixin typo-margin($level) {\n margin: get-typo-margin($level);\n}\n\n@mixin typo-color($level) {\n color: get-typo-color($level);\n}\n\n@mixin typo($level) {\n @include typo-family($level);\n @include typo-size($level);\n @include typo-weight($level);\n @include typo-height($level);\n @include typo-spacing($level);\n @include typo-margin($level);\n @include typo-color($level);\n}\n","@use './core.scss';\n\n@for $level from 1 through 6 {\n // h#{$level} {\n // color: var(--palette-heading);\n // }\n\n h#{$level} {\n @include core.typo('h' + $level);\n }\n}\n","@use './core.scss';\n\n$z: 24;\n@while $z >= 0 {\n .elevation-#{$z} {\n @include core.elevation($z, true);\n }\n $z: $z - 1;\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","code,\nkbd,\npre,\nsamp {\n font-family: monospace;\n}\n\ncode {\n padding: 0.2em 0.4em;\n font-size: 85%;\n font-weight: 400;\n color: rgba(0, 0, 0, 0.87); // @TODO\n background-color: rgba(0, 0, 0, 0.05); // @TODO\n border-radius: 3px; // @TODO\n}\n\ntable {\n display: table;\n max-width: 100%;\n margin: var(--table-vertical-margin) 0;\n font-size: var(--table-font-size);\n border-collapse: collapse;\n border: 0;\n border-radius: 0;\n}\n\ncaption {\n display: table-caption;\n width: 100%;\n padding: 0;\n margin: 0 0 var(--table-caption-vertical-margin);\n font-size: var(--table-caption-font-size);\n font-weight: var(--table-caption-font-weight);\n text-align: center;\n}\n\nth,\ntd {\n height: var(--table-cell-height);\n padding: var(--table-cell-vertial-padding)\n var(--table-cell-horizontal-padding);\n text-align: left;\n vertical-align: middle;\n border: 0;\n}\n\nth {\n font-weight: var(--table-header-font-weight);\n color: var(--table-header-color);\n white-space: nowrap;\n}\n\nthead {\n th {\n text-align: center;\n }\n}\n",".v-control {\n $sizes: sm, md, lg;\n\n @each $size in $sizes {\n &--#{$size} {\n --control-field-rem: var(--control-field-rem-#{$size});\n\n font-size: var(--control-field-rem);\n }\n }\n}\n",".wysiwyg {\n & > h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n ul,\n ol,\n table {\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n p {\n margin: 0;\n }\n}\n","@layer vui {\n .v-form-selector {\n &__body {\n display: block;\n }\n\n &__placeholder {\n display: flex;\n align-items: center;\n margin-top: 8px;\n font-style: italic;\n opacity: 0.5;\n\n &--error {\n color: var(--main-color);\n opacity: 1;\n }\n }\n\n &--stacked &__body {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n }\n}\n","@layer vui {\n .v-form-control {\n display: flex;\n flex-direction: column;\n max-width: 100%;\n margin: var(--control-horizontal-margin) 0;\n\n // --control-label-font-size: calc(var(--control-field-font-size) * 0.75); // 12\n --my-label-color: var(--control-label-color);\n --my-message-color: var(--control-message-color);\n\n &--invalid:not(#{&}--readonly) {\n --my-label-color: var(--main-color);\n --my-message-color: var(--main-color);\n }\n\n &--disabled {\n --my-label-color: var(--control-disabled-color);\n --my-message-color: var(--control-disabled-color);\n }\n\n &__label {\n display: flex;\n align-items: center;\n align-self: flex-start;\n font-size: var(--control-label-font-size);\n font-weight: var(--control-label-font-weight);\n line-height: var(--control-label-height);\n color: var(--my-label-color);\n letter-spacing: 0.00938em;\n\n &__hinttip {\n display: inline-flex;\n align-items: center;\n margin-top: -0.2em;\n margin-left: 0.6em;\n // font-size: calc(var(--root-em) * 0.5);\n font-size: 80%;\n line-height: 1;\n color: inherit;\n // color: var(--palette-muted);\n text-decoration: none;\n letter-spacing: normal;\n cursor: pointer;\n\n // &:hover,\n // &:focus {\n // text-decoration: underline;\n // }\n\n &__icon {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 120%;\n text-decoration: none !important;\n }\n\n &:hover &__icon,\n &:focus &__icon {\n &::before {\n opacity: 0.1;\n }\n }\n\n &__hint {\n font-size: calc(var(--root-em) * 0.75);\n }\n }\n }\n\n // &--disabled &__body {\n // user-select: none;\n // }\n\n &__info {\n display: flex;\n padding-top: 3px;\n }\n\n &__message,\n &__appends {\n margin: 0 var(--control-message-horizontal-margin);\n font-size: var(--control-message-font-size);\n line-height: 1.66;\n color: var(--my-message-color);\n }\n\n &__message {\n flex: 1 0;\n // margin: 0 var(--control-message-horizontal-margin);\n // font-size: var(--control-message-font-size);\n // line-height: 1.66;\n // color: var(--my-message-color);\n }\n\n &__appends {\n flex: 0 1;\n margin-left: auto;\n }\n }\n}\n","@layer vui {\n .v-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.25em;\n aspect-ratio: 1 / 1;\n // -webkit-user-drag: none;\n // pointer-events: none;\n user-select: none;\n\n &--clickable {\n // pointer-events: auto;\n cursor: pointer;\n }\n\n &__body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: transform 150ms linear;\n }\n }\n}\n","@layer vui {\n .v-skelton-loader-bone {\n position: relative;\n overflow: hidden;\n cursor: progress;\n background: rgba(0, 0, 0, 0.12);\n border-radius: inherit;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: 100%;\n content: '';\n background: linear-gradient(\n 90deg,\n hsla(0deg, 0%, 100%, 0),\n hsla(0deg, 0%, 100%, 0.3),\n hsla(0deg, 0%, 100%, 0)\n );\n transform: translateX(-100%);\n animation: v-skelton-loader-bone-loading 1.5s infinite;\n }\n }\n}\n\n@keyframes v-skelton-loader-bone-loading {\n 100% {\n transform: translateX(100%);\n }\n}\n","@layer vui {\n .v-busy-image {\n position: relative;\n display: inline-block;\n max-width: 100%;\n vertical-align: bottom;\n\n &--clickable {\n cursor: pointer;\n }\n\n &--cover {\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n }\n\n &--loading::before {\n position: absolute;\n inset: 0;\n display: block;\n content: '';\n background: rgba(0, 0, 0, 0.1);\n animation: v-tiny-image-blink normal 1.5s infinite ease-in-out;\n }\n\n &__node {\n position: relative;\n display: inline-block;\n max-width: 100%;\n vertical-align: bottom;\n }\n\n &__slot {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n }\n\n @keyframes v-tiny-image-blink {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n}\n","@layer vui {\n .v-grid-item {\n display: block;\n }\n}\n","@layer vui {\n .v-grid-container {\n display: flex;\n flex-wrap: wrap;\n }\n}\n","@layer vui {\n .v-paper {\n --paper-radius: var(--control-field-radius);\n\n &--plain {\n --paper-background--color: var(--palette-background);\n --paper-text-color: inherit;\n --paper-link-color: var(--link-color);\n }\n\n &--has-color {\n --paper-background--color: var(--main-color);\n --paper-text-color: var(--text-color);\n --paper-link-color: var(--nav-color);\n }\n\n display: block;\n color: var(--paper-text-color);\n background-color: var(--paper-background--color);\n border-radius: var(--paper-radius);\n\n &__inner {\n position: relative;\n border-radius: inherit;\n }\n\n &--square {\n --paper-radius: 0px;\n }\n\n // a:not(.v-paper) {\n // color: var(--paper-link-color);\n // }\n\n &__header {\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n\n &__footer {\n border-bottom-right-radius: inherit;\n border-bottom-left-radius: inherit;\n }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-avatar {\n @include core.button-reset();\n\n --avatar-radius: 50%;\n --avatar-font-weight: var(--typo-medium-weight);\n --avatar-base-font-size: var(--typo-base-size);\n --avatar-font-size: var(--avatar-base-font-size);\n\n display: inline-flex;\n flex-basis: var(--avatar-size);\n align-items: center;\n justify-content: center;\n width: var(--avatar-size);\n min-width: var(--avatar-size);\n height: var(--avatar-size);\n overflow: hidden;\n font-size: var(--avatar-font-size);\n font-weight: var(--avatar-font-weight);\n line-height: 1;\n text-align: center;\n vertical-align: bottom;\n cursor: default;\n border-style: solid;\n border-width: 1px;\n border-radius: var(--avatar-radius);\n // border-radius: var(--control-field-radius);\n\n --shadow-color: rgba(0, 0, 0, 0) !important; // @TODO layer supports\n --focusShadow-color: rgba(0, 0, 0, 0) !important; // @TODO layer supports\n\n &--clickable {\n cursor: pointer;\n }\n\n &--sm {\n --avatar-size: 36px;\n --avatar-font-size: calc(var(--avatar-base-font-size) * 0.75);\n }\n\n &--md {\n --avatar-size: 48px;\n }\n\n &--lg {\n --avatar-size: 62px;\n --avatar-font-size: calc(var(--avatar-base-font-size) * 1.25);\n }\n\n &--rounded {\n --avatar-radius: 4px;\n }\n\n &--tile {\n --avatar-radius: 0;\n }\n\n // &[disabled] {\n // pointer-events: none;\n\n // &::before {\n // content: none;\n // }\n // }\n // // noop\n\n img,\n &__image {\n display: inline-flex;\n width: inherit !important;\n height: inherit !important;\n border-radius: inherit;\n object-fit: cover;\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-chip {\n @include core.button-reset();\n\n $chip-sizes: xs, sm, md, lg, xl;\n\n --chip-radius: calc(var(--chip-height) / 2);\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--chip-height);\n padding: 0 var(--chip-padding);\n overflow: hidden;\n font-size: var(--chip-font-size);\n font-weight: var(--chip-font-weight);\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: bottom;\n cursor: default;\n border-style: solid;\n border-width: 1px;\n border-radius: var(--chip-radius);\n\n --shadow-color: rgba(0, 0, 0, 0) !important; // @TODO layer supports\n --focusShadow-color: rgba(0, 0, 0, 0) !important; // @TODO layer supports\n\n &--clickable {\n cursor: pointer;\n }\n\n @each $size in $chip-sizes {\n &--#{$size} {\n --chip-height: var(--chip-height-#{$size});\n --chip-font-size: var(--chip-font-size-#{$size});\n }\n }\n\n &--label {\n --chip-radius: 4px;\n }\n\n // &[disabled] {\n // pointer-events: none;\n\n // &::before {\n // content: none;\n // }\n // }\n // // noop\n\n // img,\n // &__image {\n // display: inline-flex;\n // width: inherit !important;\n // height: inherit !important;\n // border-radius: inherit;\n // object-fit: cover;\n // }\n\n &__icon {\n &--start {\n margin-right: calc(var(--chip-padding) * 0.5);\n margin-left: calc(var(--chip-padding) * -0.5);\n }\n\n &--end {\n margin-right: calc(var(--chip-padding) * -0.5);\n margin-left: calc(var(--chip-padding) * 0.5);\n }\n }\n\n .v-avatar {\n --avatar-size: 14px;\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-card {\n @include core.remove-tap-highlight();\n\n position: relative;\n width: 100%;\n padding: 0;\n text-align: left;\n touch-action: manipulation;\n user-select: none;\n border: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n\n &.clickable {\n cursor: pointer;\n\n &::before {\n position: absolute;\n inset: 0;\n content: '';\n background: currentColor;\n border-radius: inherit;\n opacity: 0;\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n }\n\n &:hover,\n &:focus {\n &::before {\n opacity: 0.125;\n }\n }\n }\n\n &[disabled] {\n pointer-events: none;\n\n &::before {\n content: none;\n }\n }\n // noop\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@layer vui {\n .v-card-content {\n padding: var(--card-content-padding);\n }\n}\n","@layer vui {\n .v-card-actions {\n display: flex;\n align-items: center;\n padding: var(--card-actions-padding);\n\n .v-btn {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n}\n","@use 'sass:math';\n\n@layer vui {\n .v-button {\n // $base-height: 2.285714285714286em;\n $base-height: 2.571428571428571em;\n\n --padding: 1em;\n --height: #{$base-height};\n --icon-margin: 0.6em;\n\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n min-width: calc(var(--root-em) * 4);\n // height: calc(var(--root-em) * 2);\n height: var(--height);\n // padding: 0 var(--root-em);\n padding: 0 var(--padding);\n // margin: 0;\n margin: calc(var(--root-em) * 0.375) calc(var(--root-em) * 0.5);\n overflow: hidden;\n font: inherit;\n // font-size: calc(var(--root-em) * 0.875);\n font-weight: 500;\n line-height: 1;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: math.div(1.25, 14) * 1em; //1.25px;\n vertical-align: bottom;\n cursor: pointer;\n user-select: none;\n border-style: solid;\n border-width: 1px;\n border-radius: var(--control-field-radius);\n outline: 0;\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;\n appearance: none;\n\n &--align-left {\n justify-content: flex-start;\n }\n\n &--align-right {\n justify-content: flex-end;\n }\n\n &--plain {\n color: inherit !important;\n // color: inherit !important;\n\n &[disabled] {\n opacity: 0.5;\n }\n }\n\n &--sm {\n // height: 2em;\n // height: calc(var(--root-em) * 1.5); // 24\n font-size: calc(var(--root-em) * 0.75); // 12\n }\n\n &--md {\n // height: 2.285714285714286em;\n // height: calc(var(--root-em) * 2); // 32\n // font-size: calc(var(--root-em) * 0.875); // 14\n font-size: calc(var(--root-em) * 0.875); // 14\n }\n\n &--lg {\n // height: calc(var(--root-em) * 2.875); // 46\n font-size: calc(var(--root-em) * 1.375); // 20\n }\n\n &--rounded {\n --padding: 0;\n\n min-width: 0;\n aspect-ratio: 1 / 1;\n margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);\n border-radius: 50%;\n\n --height: auto;\n }\n\n &--icon {\n // aspect-ratio: 1 / 1;\n min-width: #{$base-height * 0.75};\n margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);\n\n // --height: #{$base-height};\n // --height: calc(var);\n --height: #{$base-height * 0.75};\n --padding: 0em;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &[disabled] {\n cursor: default;\n }\n\n &--spacer {\n &-left {\n margin-left: auto;\n }\n\n &-right {\n margin-right: auto;\n }\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n justify-self: stretch;\n pointer-events: none;\n }\n\n &--loading &__content {\n // pointer-events: none;\n opacity: 0;\n }\n\n &__icon {\n &--start {\n margin-right: var(--icon-margin);\n }\n\n &--end {\n margin-left: var(--icon-margin);\n }\n }\n\n &__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 1;\n transform: translate(-50%, -50%);\n }\n }\n}\n","@layer vui {\n .v-button-group {\n display: inline-flex;\n align-items: stretch;\n\n &__item {\n position: relative;\n margin: 0;\n\n &--has-left {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &--has-right {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &:focus {\n z-index: 1;\n }\n }\n\n // &--has-icon &__item {\n\n // }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-pagination {\n --pagination-size: var(--pagination-item-size);\n --pagination-margin: var(--pagination-item-margin);\n --pagination-font-size: var(--pagination-item-font-size);\n --pagination-radius: var(--pagination-item-radius);\n\n &::before {\n width: var(--pagination-size);\n margin: var(--pagination-margin);\n content: none;\n }\n\n display: flex;\n align-items: center;\n overflow: hidden;\n font-weight: bold;\n line-height: 1;\n\n &--left {\n justify-content: flex-start;\n }\n\n &--center {\n justify-content: center;\n }\n\n &--right {\n justify-content: flex-end;\n }\n\n &__item,\n a#{&}__item {\n @include core.button-reset;\n\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--pagination-size);\n height: var(--pagination-size);\n margin: calc(var(--pagination-margin) * 0.5);\n font-size: var(--pagination-font-size);\n color: inherit;\n border-radius: var(--pagination-radius);\n transition: 0.1s;\n\n &:hover,\n &:focus {\n background: rgba(0, 0, 0, 0.1);\n }\n\n &--active {\n &,\n &:hover,\n &:focus,\n &:active {\n color: var(--text-color);\n pointer-events: none;\n background-color: var(--main-color);\n }\n }\n\n &--disabled {\n color: var(--palette-muted) !important;\n pointer-events: none !important;\n background: transparent !important;\n }\n\n &--truncate {\n color: var(--palette-muted) !important;\n pointer-events: none !important;\n background: transparent !important;\n }\n\n .v-icon {\n font-size: 125%;\n }\n }\n\n &--dense &__item {\n --pagination-size: var(--pagination-item-size-dense);\n --pagination-margin: var(--pagination-item-margin-dense);\n --pagination-font-size: var(--pagination-item-font-size-dense);\n }\n\n &--disabled &__item {\n color: var(--palette-muted);\n pointer-events: none;\n\n &:hover,\n &:focus {\n background: transparent;\n }\n\n &--active {\n background: var(--palette-muted);\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@layer vui {\n .v-list-tile {\n --tile-background: var(--main-color, transparent);\n --tile-active-background: var(--deep-color, transparent);\n --tile-text-color: var(--text-color);\n --tile-text-active-color: var(--text-color);\n --tile-pin-color: transparent;\n --paper-link-color: var(--tile-text-color);\n --depth-padding: var(--list-tile-padding);\n\n // &--has-color {\n // --tile-text-color: var(--nav-color);\n // --tile-text-active-color: var(--navActive-color, var(--nav-color));\n // }\n\n display: flex;\n align-items: center;\n width: 100%;\n padding: var(--list-tile-padding);\n padding-left: var(--depth-padding);\n color: var(--tile-text-color) !important;\n text-align: left;\n text-decoration: none;\n user-select: none;\n background: var(--tile-background);\n border: 0;\n border-left: 3px solid var(--tile-pin-color);\n border-radius: 0;\n outline: 0;\n transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n appearance: none;\n\n &--clickable {\n cursor: pointer;\n\n --tile-text-color: var(--nav-color);\n --tile-text-active-color: var(--navActive-color, var(--nav-color));\n\n // --tile-text-active-color: var(--navActive-color, var(--tile-text-color));\n\n &:hover,\n &:focus {\n --tile-background: var(--tile-active-background);\n --tile-text-color: var(--tile-text-active-color);\n }\n }\n\n &--active {\n --tile-pin-color: var(--pin-color);\n --tile-text-color: var(--tile-text-active-color);\n --tile-background: var(--tile-active-background);\n }\n\n // .v-list-tile--opened & {\n // --tile-pin-color: var(--pin-color);\n // }\n\n &__body {\n font-size: 0.8125rem;\n // font-size: 0.75rem;\n font-weight: 500;\n line-height: 1.5;\n }\n\n &__icon {\n min-width: 2em;\n\n &--end {\n margin-left: auto;\n text-align: right;\n }\n }\n }\n}\n","@layer vui {\n .v-drawer-layout {\n display: block;\n width: 100%;\n height: 100%;\n\n &__inner {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n height: 100%;\n }\n\n &__header {\n display: flex;\n flex: 0 0 var(--val-topToolbar-height);\n align-items: center;\n justify-content: center;\n height: var(--val-topToolbar-height);\n }\n\n &__body {\n flex: 1 1 100%;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n &__footer {\n flex: 0 0 auto;\n margin-top: auto;\n }\n }\n}\n","@layer vui {\n .v-hero {\n --hero-background-color: var(--main-color);\n --hero-text-color: var(--text-color);\n\n display: flex;\n align-items: center;\n padding: 20px 30px;\n margin: 0;\n color: var(--hero-text-color);\n background-color: var(--hero-background-color);\n\n &__title {\n flex: 1 1 100%;\n margin: 0;\n font-size: 1.75rem;\n font-weight: 300;\n line-height: 1;\n color: inherit;\n }\n\n &__adornment {\n flex: 0 0 auto;\n padding-left: 10px;\n margin-left: auto;\n }\n }\n}\n","@layer vui {\n .v-navigation-item {\n &--opened {\n --tile-background: var(--tile-active-background);\n --tile-text-color: var(--tile-text-active-color);\n }\n\n &__expand {\n transition: height 0.2s;\n\n .v-navigation-item {\n --tile-background: var(--tile-active-background);\n }\n }\n\n &--depth {\n &-1 {\n --depth-padding: calc(var(--list-tile-padding) * 2);\n }\n\n &-2 {\n --depth-padding: calc(var(--list-tile-padding) * 3);\n }\n\n &-3 {\n --depth-padding: calc(var(--list-tile-padding) * 4);\n }\n }\n }\n}\n","@layer vui {\n .v-navigation {\n // noop\n &__caption {\n display: block;\n padding: calc(var(--root-em) * 0.625) calc(var(--root-em) * 1.5625);\n margin: 1em 0 0;\n // font-size: 0.6875rem;\n font-size: 0.75rem;\n color: var(--caption-color);\n text-transform: uppercase;\n }\n }\n}\n","@layer vui {\n .v-control-field {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 100%;\n min-width: 0;\n height: var(--control-field-height);\n padding: 0 8px;\n font-size: var(--control-field-font-size);\n line-height: var(--control-field-line-height);\n letter-spacing: var(--control-field-letter-spacing);\n\n --my-bottom-color: var(--control-field-bottom-color);\n --my-bottom-hover-color: var(--control-field-bottom-hover-color);\n --my-focused-color: var(--main-color);\n --my-fill-color: var(--control-field-fill-color);\n --my-fill-hover-color: var(--control-field-fill-hover-color);\n --my-outline-color: var(--control-field-outline-color);\n --my-outline-hover-color: var(--control-field-outline-hover-color);\n\n &--invalid:not(#{&}--disabled):not(#{&}--readonly) {\n --my-bottom-color: var(--main-color);\n --my-bottom-hover-color: var(--main-color);\n --my-outline-color: var(--main-color);\n --my-outline-hover-color: var(--main-color);\n }\n\n &--readonly {\n // pointer-events: none !important;\n cursor: default;\n }\n\n &--disabled {\n color: var(--control-disabled-color);\n pointer-events: none;\n // cursor: not-allowed !important;\n user-select: none;\n }\n\n &::before,\n &::after {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: '';\n // transition: all 0.2s;\n }\n\n &::before {\n height: 1px;\n border-bottom: solid 1px var(--my-bottom-color);\n transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n }\n\n &::after {\n height: 2px;\n background: var(--my-focused-color);\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n transform: scaleX(0);\n }\n\n &--focused,\n &:focus-within {\n --my-outline-color: var(--my-focused-color);\n --my-outline-hover-color: var(--my-focused-color);\n\n outline: none;\n\n &::after {\n transform: scaleX(1);\n }\n }\n\n // &:focus-within {\n // &::after {\n // transform: scaleX(1);\n // }\n // }\n\n &--auto-height {\n height: auto;\n }\n\n &__body {\n display: flex;\n flex: 1 1 auto;\n align-items: stretch;\n align-self: stretch;\n // margin: 0 8px;\n margin: 0;\n // pointer-events: none;\n\n // color: #f00;\n\n // background-color: var(--control-fill-color);\n // border: solid 1px;\n }\n\n &--flat {\n padding-right: 0;\n padding-left: 0;\n }\n\n &--filled {\n background-color: var(--my-fill-color);\n border-top-left-radius: var(--control-field-radius);\n border-top-right-radius: var(--control-field-radius);\n transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n &:hover:not(:focus-within) {\n background-color: var(--my-fill-hover-color);\n }\n }\n\n &--flat:hover,\n &--filled:hover {\n &::before {\n border-color: var(--my-bottom-hover-color);\n }\n }\n\n &--flat:hover {\n &::before {\n height: 2px;\n border-bottom-width: 2px;\n }\n }\n\n &--flat#{&}--disabled,\n &--filled#{&}--disabled {\n &::before {\n border-bottom-style: dotted;\n }\n }\n\n &--outlined {\n // border: solid 1px var(--my-outline-color);\n border-radius: var(--control-field-radius);\n transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n &::before {\n top: 0;\n height: auto;\n background: transparent;\n border: solid 1px var(--my-outline-color);\n border-radius: inherit;\n }\n\n &:hover::before {\n border-color: var(--my-outline-hover-color);\n }\n\n &::after {\n content: none;\n }\n\n &:focus-within {\n box-shadow: 0 0 1px var(--shadow-color),\n 0 0 2px 2px var(--focusShadow-color);\n // border-color: var(--my-focused-color);\n }\n }\n\n &__adornment {\n // pointer-events: none;\n\n $my-offset: 0.25em;\n\n &--start {\n padding-right: $my-offset;\n }\n\n &--end {\n padding-left: $my-offset;\n }\n\n .v-icon {\n font-size: 1.2em;\n }\n }\n }\n}\n","@layer vui {\n .v-text-counter {\n white-space: nowrap;\n }\n}\n","@use 'sass:math';\n\n@layer vui {\n .v-checkbox {\n --my-border-color: var(--color);\n --my-faux-bg-color: transparent;\n\n &--selected,\n &--indeterminate {\n --my-border-color: transparent;\n --my-faux-bg-color: var(--color);\n }\n\n &__faux {\n display: block;\n width: 100%;\n height: 100%;\n clip-path: polygon(\n 0 0,\n 0 100%,\n 100% 100%,\n 100% 0,\n 88.25% 28.25%,\n 38% 78.125%,\n 12% 50%,\n 20% 42.1875%,\n 38% 63%,\n 82% 20%,\n 88.25% 28.25%,\n 100% 0\n );\n background: var(--my-faux-bg-color);\n border: solid 2px var(--my-border-color);\n border-radius: var(--control-field-radius);\n transition: border-color 0.2s, background-color 0.2s;\n }\n\n &--indeterminate &__faux {\n $x1: math.div(12, 54) * 100%;\n $x2: 100% - $x1;\n $y1: math.div(24, 54) * 100%;\n $y2: 100% - $y1;\n\n clip-path: polygon(\n 0 0,\n 0 100%,\n 100% 100%,\n 100% 0,\n #{$x2} #{$y1},\n #{$x2} #{$y2},\n #{$x1} #{$y2},\n #{$x1} #{$y1},\n #{$x2} #{$y1},\n 100% 0\n );\n }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-checkable {\n --outer-size: var(--control-checkable-outer-size);\n --icon-size: var(--control-checkable-icon-size);\n --color: var(--control-checkable-base-color);\n\n &--checked {\n --color: var(--main-color);\n }\n\n display: inline-flex;\n align-items: center;\n padding-right: 1em;\n cursor: pointer;\n user-select: none;\n\n &--invalid:not(#{&}--readonly) {\n --color: var(--main-color);\n }\n\n &--disabled {\n --color: var(--control-disabled-color);\n // --color: var(--main-color);\n\n pointer-events: none;\n cursor: default;\n }\n\n &--readonly {\n pointer-events: none;\n cursor: default;\n }\n\n input {\n @include core.hidden-input-element;\n }\n\n &__faux {\n position: relative;\n display: inline-flex;\n flex: 0 0 var(--outer-size);\n align-items: center;\n justify-content: center;\n width: var(--outer-size);\n height: var(--outer-size);\n margin: var(--control-checkable-faux-margin);\n margin-left: 0;\n color: var(--color);\n cursor: pointer;\n\n &__icon {\n position: relative;\n display: block;\n width: var(--icon-size);\n height: var(--icon-size);\n pointer-events: none;\n transform: scale(var(--control-checkable-faux-scale));\n }\n\n &::before {\n position: absolute;\n inset: 0;\n display: block;\n pointer-events: none;\n content: '';\n background: currentColor;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n &:hover::before {\n opacity: 0.1;\n }\n }\n\n &--custom-icon &__faux {\n flex-basis: auto;\n width: auto;\n\n &::before {\n content: none;\n }\n }\n\n &:focus-within &__faux {\n &::before {\n opacity: 0.2;\n }\n }\n\n &__label {\n line-height: 1.5;\n }\n\n &--disabled &__label {\n color: var(--color);\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use 'sass:math';\n\n@layer vui {\n .v-radio {\n --my-color: var(--color);\n\n // color: var(--my-color);\n // --my-faux-bg-color: transparent;\n\n // &--selected,\n // &--indeterminate {\n // --my-border-color: transparent;\n // --my-faux-bg-color: var(--color);\n // }\n\n &__faux {\n position: relative;\n // display: flex;\n // align-items: center;\n // justify-content: center;\n display: block;\n width: 100%;\n height: 100%;\n // background: var(--my-faux-bg-color);\n // border: solid 2px currentColor;\n // border-radius: 100%;\n transition: border-color 0.2s, background-color 0.2s;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n content: '';\n border-radius: 100%;\n }\n\n &::before {\n inset: 0;\n border: solid 2px currentColor;\n // display: block;\n // width: 60%;\n // height: 60%;\n // content: '';\n // background: currentColor;\n // border-radius: 100%;\n }\n\n &::after {\n top: 50%;\n left: 50%;\n width: 50%;\n height: 50%;\n background: currentColor;\n transition: transform 0.2s;\n transform: translate(-50%, -50%) scale(0);\n }\n }\n\n &--selected &__faux {\n &::after {\n transform: translate(-50%, -50%) scale(1);\n }\n }\n }\n}\n","@use 'sass:math';\n\n@layer vui {\n .v-switch {\n --my-pin-color: var(--palette-background);\n // --my-faux-bg-color: transparent;\n\n &--selected {\n --my-pin-color: var(--color);\n }\n\n &__faux {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n width: var(--control-switch-width);\n height: 100%;\n cursor: pointer;\n\n &::before {\n display: block;\n width: var(--control-switch-track-width);\n height: var(--control-switch-track-height);\n content: '';\n background: var(--color);\n border-radius: calc(var(--control-switch-track-height) / 2);\n opacity: 0.5;\n }\n\n &__pin {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--outer-size);\n height: var(--outer-size);\n // background: #f00;\n border-radius: 50%;\n transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n &::before,\n &::after {\n display: block;\n content: '';\n }\n\n &::before {\n position: absolute;\n width: 100%;\n height: 100%;\n background: currentColor;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n &::after {\n position: relative;\n width: var(--icon-size);\n height: var(--icon-size);\n background: var(--my-pin-color);\n border-radius: 50%;\n box-shadow: rgb(0 0 0 / 0.2) 0 2px 1px -1px,\n rgb(0 0 0 / 0.14) 0 1px 1px 0, rgb(0 0 0 / 0.12) 0 1px 3px 0;\n transform: scale(var(--control-checkable-faux-scale));\n }\n }\n }\n\n &--selected &__faux {\n &__pin {\n left: calc(100% - var(--outer-size));\n }\n }\n\n &--disabled &__faux {\n &::before {\n background-color: #000;\n opacity: 0.12;\n }\n\n &__pin {\n &::after {\n background-color: rgba(245, 245, 245, 1);\n }\n }\n }\n\n &__faux:hover &__faux__pin::before {\n opacity: 0.1;\n }\n\n &:focus-within &__faux {\n &__pin {\n &::before {\n opacity: 0.1;\n }\n }\n }\n\n // &--indeterminate &__faux {\n // $x1: math.div(12, 54) * 100%;\n // $x2: 100% - $x1;\n // $y1: math.div(24, 54) * 100%;\n // $y2: 100% - $y1;\n\n // clip-path: polygon(\n // 0 0,\n // 0 100%,\n // 100% 100%,\n // 100% 0,\n // #{$x2} #{$y1},\n // #{$x2} #{$y2},\n // #{$x1} #{$y2},\n // #{$x1} #{$y1},\n // #{$x2} #{$y1},\n // 100% 0\n // );\n // }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-option {\n @include core.button-reset();\n\n position: relative;\n display: flex;\n width: 100%;\n padding: 0.75em 1em;\n // font-size: 0.875em;\n\n input {\n @include core.hidden-input-element;\n }\n\n &::before,\n &::after {\n position: absolute;\n inset: 0;\n display: block;\n pointer-events: none;\n content: '';\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n &::before {\n background: currentColor;\n }\n\n &::after {\n background: var(--palette-primary);\n }\n\n &:hover,\n &:focus-within,\n &--key-focused {\n &::before {\n opacity: 0.12;\n }\n }\n\n &__label {\n position: relative;\n display: block;\n }\n\n &--selected::after {\n opacity: 0.12;\n }\n\n &--selected &__label {\n font-weight: 500;\n color: var(--palette-primary);\n }\n\n &--has-not-value &__label {\n font-style: italic;\n }\n\n &[disabled],\n &[tabindex='-1'] {\n color: var(--palette-muted);\n pointer-events: none;\n opacity: 0.4;\n\n &::before {\n opacity: 0 !important;\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@layer vui {\n .v-option-group {\n display: block;\n\n &__label {\n padding: 1em;\n // padding: 0.875em 1em;\n font-size: 0.875em;\n color: var(--palette-caption);\n opacity: 0.6;\n }\n\n &--disabled &__label {\n color: var(--palette-muted);\n opacity: 0.4;\n }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-select {\n &__input {\n cursor: pointer;\n\n &__element {\n @include core.hidden-input-element;\n }\n\n // &__element {\n // width: 100%;\n // min-width: 0;\n // // width: calc(100% - 8px);\n // padding: 0;\n // margin: 0;\n // overflow: hidden;\n // // margin: 0 8px;\n // font-size: inherit;\n // text-overflow: ellipsis;\n // white-space: nowrap;\n // background: transparent;\n // border: 0;\n // border-radius: 0;\n // outline: 0;\n\n // &:-webkit-autofill {\n // color: inherit !important;\n // // box-shadow: 0 0 0 1000px get-color(field) inset;\n // }\n\n // &::-ms-clear {\n // display: none;\n // }\n\n // // @include placeholder {\n // // color: get-color(text-muted);\n // // }\n // }\n }\n\n &__body {\n padding: 0.5em 0;\n }\n\n &__selections {\n display: table;\n width: 100%;\n table-layout: fixed;\n // display: flex;\n // align-items: center;\n // width: 100%;\n // min-width: 0;\n &__inner {\n display: table-cell;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n }\n\n .v-select--multiple & {\n display: block;\n }\n\n .v-select--multiple &__inner {\n display: block;\n overflow: auto;\n white-space: unset;\n }\n }\n\n &--multiple .v-control-field__body {\n padding: 0.2em 0;\n }\n\n &__placeholder {\n font-style: italic;\n color: var(--control-disabled-color);\n }\n\n // &__selection {\n // // // box-sizing: content-box;\n // // display: table-cell;\n // // // width: 100%;\n // // // min-width: 0;\n // // overflow: hidden;\n // // text-overflow: ellipsis;\n // // white-space: nowrap;\n // // vertical-align: middle;\n // }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-text-field {\n &__input {\n cursor: text;\n\n &__element {\n width: 100%;\n min-width: 0;\n // width: calc(100% - 8px);\n padding: 0;\n margin: 0;\n overflow: hidden;\n // margin: 0 8px;\n font-size: inherit;\n line-height: inherit;\n text-overflow: ellipsis;\n letter-spacing: inherit;\n white-space: nowrap;\n background: transparent;\n border: 0;\n border-radius: 0;\n outline: 0;\n\n &:-webkit-autofill {\n @include core.auto-fill-cancel;\n // color: inherit !important;\n // box-shadow: 0 0 0 1000px get-color(field) inset;\n }\n\n &::-ms-clear {\n display: none;\n }\n\n &::placeholder {\n font-style: italic;\n color: var(--control-disabled-color);\n }\n\n // @include placeholder {\n // color: get-color(text-muted);\n // }\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-textarea {\n &__input {\n cursor: text;\n\n &__element {\n width: 100%;\n min-width: 0;\n padding: 8px 0;\n margin: 0;\n font-size: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n resize: none;\n background: transparent;\n border: 0;\n border-radius: 0;\n outline: 0;\n\n &:-webkit-autofill {\n @include core.auto-fill-cancel;\n // color: inherit !important;\n // box-shadow: 0 0 0 1000px get-color(field) inset;\n }\n\n &::-ms-clear {\n display: none;\n }\n\n &::placeholder {\n font-style: italic;\n color: var(--control-disabled-color);\n }\n\n // @include placeholder {\n // color: get-color(text-muted);\n // }\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","$my-offset: 30px;\n\n@layer vui {\n .v-tabs {\n position: relative;\n width: 100%;\n height: var(--tabs-height);\n overflow: hidden;\n\n &::before {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n height: 2px;\n content: '';\n background: currentColor;\n opacity: 0.25;\n }\n\n &__scroller {\n width: 100%;\n height: calc(var(--tabs-height) + #{$my-offset});\n\n &__container {\n padding-bottom: $my-offset;\n }\n }\n\n &__content {\n position: relative;\n display: inline-flex;\n align-items: stretch;\n min-width: 100%;\n vertical-align: bottom;\n\n // &::after {\n // position: absolute;\n // right: 0;\n // bottom: 0;\n // left: 0;\n // z-index: 1;\n // display: block;\n // height: var(--tabs-bar-height);\n // pointer-events: none;\n // content: '';\n // }\n }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-tab {\n @include core.button-reset;\n\n --tab-content-color: var(--palette-caption);\n --tab-content-focus-color: var(--main-color);\n --tab-content-opacity: 0.7;\n\n position: relative;\n z-index: 3;\n display: flex;\n // flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n height: var(--tabs-height);\n padding: 0 1.25em;\n font: inherit;\n font-size: var(--tabs-font-size);\n // color: inherit;\n white-space: nowrap;\n user-select: none;\n transition: color 0.6s;\n\n &::before {\n position: absolute;\n right: 0;\n bottom: 0;\n // top: 0;\n left: 0;\n z-index: 1;\n height: 2px;\n content: '';\n background-color: var(--tab-content-focus-color);\n border-radius: inherit;\n transition: all 0.25s;\n transform: scaleX(0);\n }\n\n &__content {\n position: relative;\n z-index: 2;\n display: flex;\n align-items: center;\n line-height: 1.2;\n color: var(--tab-content-color);\n text-align: center;\n opacity: var(--tab-content-opacity);\n transition: all 0.25s ease;\n }\n\n &__icon {\n margin-right: 8px;\n font-size: 120%;\n }\n\n &:hover {\n --tab-content-color: var(--tab-content-focus-color);\n }\n\n &--active {\n --tab-content-color: rgba(0, 0, 0, 0.87);\n\n pointer-events: none;\n background: var(--tabs-color);\n\n --tab-content-opacity: 1;\n\n &::before {\n transform: scaleX(1);\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@layer vui {\n .v-breadcrumbs {\n display: block;\n margin: 1.5em auto;\n font-size: var(--breadcrumbs-font-size);\n\n &__list {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n padding: 0;\n margin: 0;\n vertical-align: bottom;\n list-style: none;\n }\n\n &__item,\n &__divider {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n &__link {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n white-space: nowrap;\n vertical-align: middle;\n }\n\n &__item--disabled &__link {\n color: inherit;\n // color: get-color(text-muted);\n pointer-events: none;\n }\n\n &__icon {\n margin-right: 0.2em;\n font-size: 140%;\n }\n\n &__divider {\n // opacity: 0.3;\n position: relative;\n top: 1px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 1.25em;\n\n &__icon {\n display: block;\n width: 0.5em;\n height: 0.5em;\n margin-left: -0.25em;\n border-top: solid 1px currentColor;\n border-right: solid 1px currentColor;\n transform: rotate(45deg);\n }\n }\n }\n}\n","@layer vui {\n .v-content-switcher {\n position: relative;\n display: block;\n width: 100%;\n overflow: hidden;\n transition: var(--transition-tab);\n\n &__content {\n width: 100%;\n }\n\n &-prev {\n &-enter-active,\n &-leave-active {\n transition: var(--transition-tab);\n }\n\n &-enter {\n &-from {\n transform: translateX(-100%);\n }\n\n &-to {\n transform: translateX(0%);\n }\n }\n\n &-leave {\n transform: translateX(0%);\n\n &-active {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n &-to {\n transform: translateX(100%);\n }\n }\n }\n\n &-next {\n &-enter-active,\n &-leave-active {\n transition: var(--transition-tab);\n }\n\n &-enter {\n &-from {\n transform: translateX(100%);\n }\n\n &-to {\n transform: translateX(0%);\n }\n }\n\n &-leave {\n transform: translateX(0%);\n\n &-active {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n &-to {\n transform: translateX(-100%);\n }\n }\n }\n }\n}\n","@layer vui {\n .v-data-table {\n --controls-vertial-margin: 0.625em;\n\n .v-card-content & {\n margin-right: calc(var(--card-content-padding) * -1);\n margin-left: calc(var(--card-content-padding) * -1);\n }\n\n &__empty--message {\n // @include container;\n\n // color: get-color(text-muted);\n }\n\n &__controls {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n\n &__info {\n display: flex;\n align-items: center;\n\n &__length {\n margin-right: 20px;\n }\n }\n\n &__select-limit {\n display: flex;\n align-items: center;\n\n &__prefix {\n margin-right: 0.5em;\n font-size: 0.75em;\n color: var(--palette-muted);\n white-space: nowrap;\n }\n\n .v-select {\n width: 5em;\n margin-left: 0.5em;\n }\n }\n\n &__pagination {\n flex: 1 1 100%;\n margin-left: auto;\n\n @media screen and (min-width: 320px) {\n flex: 0 0 50%;\n width: 50%;\n }\n }\n }\n\n &__header {\n margin-bottom: var(--controls-vertial-margin);\n }\n\n &__footer {\n margin-top: var(--controls-vertial-margin);\n }\n\n &__body {\n position: relative;\n\n &__inner {\n overflow-x: auto;\n }\n }\n\n &__table-wrapper {\n display: flex;\n\n &::before,\n &::after {\n display: block;\n // flex: 0 0 $view-padding-narrow;\n // width: $view-padding-narrow;\n height: 1px;\n content: '';\n\n // @include mq(wide) {\n // flex-basis: $view-padding-wide;\n // width: $view-padding-wide;\n // }\n }\n }\n\n &__loading {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--palette-background);\n opacity: 0.5;\n }\n\n &__table {\n width: 100%;\n // min-width: calc(100% - #{$view-padding-narrow * 2});\n margin: 0;\n // border-collapse: separate;\n background: var(--palette-background);\n border-radius: var(--control-field-radius);\n\n // @include mq(wide) {\n // min-width: calc(100% - #{$view-padding-wide * 2});\n // }\n\n &__cell {\n position: relative;\n text-align: left;\n white-space: nowrap;\n vertical-align: middle;\n border-bottom: thin solid rgba(0, 0, 0, 0.12);\n transition: background 0.2s;\n\n &:first-child {\n padding-left: calc(var(--table-cell-horizontal-padding) * 2);\n }\n\n &:last-child {\n padding-right: calc(var(--table-cell-horizontal-padding) * 2);\n }\n\n &--left {\n text-align: left;\n }\n\n &--center {\n text-align: center;\n\n .v-data-table__table__sort-icon--empty {\n display: flex;\n }\n }\n\n &--right {\n text-align: right;\n }\n\n &[tabindex='0'] {\n cursor: pointer;\n\n &:hover,\n &:focus {\n // background: var(--shadow-color);\n // background: get-color(light);\n }\n }\n\n &__tile {\n display: flex;\n align-items: center;\n }\n }\n\n &__sort-icon {\n width: 25px;\n font-size: 1.25em;\n opacity: 0;\n transition: transform 0.2s, opacity 0.2s;\n\n // stylelint-disable-next-line no-descending-specificity\n &--empty {\n display: none;\n }\n }\n\n &__header &__cell {\n user-select: none;\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(3px);\n\n &--active[tabindex='0'] {\n // color: get-color(invert-text);\n // background: get-color(primary);\n }\n }\n\n &__header &__cell--active &__sort-icon {\n opacity: 1;\n }\n\n &__cell[tabindex='0']:hover &__sort-icon,\n &__cell[tabindex='0']:focus &__sort-icon {\n opacity: 1;\n }\n\n &__body tr:last-child &__cell {\n border-bottom: none;\n }\n\n &__item {\n &:hover {\n td {\n // background: get-color(tocuh-0);\n }\n }\n\n &--selected {\n // stylelint-disable-next-line no-descending-specificity\n td {\n // background: get-color(light);\n }\n\n &:hover {\n td {\n // background: get-color(light);\n }\n }\n }\n }\n }\n\n // stylelint-disable-next-line no-descending-specificity\n &--fixed-header &__table__header &__table__cell {\n position: sticky;\n top: 0;\n z-index: 1;\n }\n }\n}\n","// @use './core.scss';\n// @use '../../styles/core.scss';\n\n@layer vui {\n .v-toolbar {\n --height: var(--toolbar-height);\n\n display: flex;\n align-items: center;\n width: 100%;\n height: var(--height);\n padding: 0 calc(var(--root-em) * 1.5); // 24\n margin: 0;\n border-radius: inherit;\n\n &--plain {\n --main-color: var(--palette-background);\n }\n\n .v-app-layout__header > & {\n height: 100%;\n }\n\n &--dense {\n --height: var(--toolbar-dense-height);\n }\n }\n}\n","// @use '../../styles/core.scss';\n\n@layer vui {\n .v-toolbar-menu {\n height: 100%;\n margin: 0;\n box-shadow: none;\n }\n}\n","// @use '../../styles/core.scss';\n\n@layer vui {\n .v-toolbar-edge {\n display: flex;\n flex: 0 0;\n align-items: center;\n align-self: stretch;\n\n &:empty,\n &--empty {\n display: none;\n }\n\n $my-negative-margin: calc(-1 * var(--root-em) * 0.75); // -12\n $my-margin: calc(var(--root-em) * 0.75); // -12\n\n &--start {\n margin-right: $my-margin;\n margin-left: $my-negative-margin;\n }\n\n &--end {\n padding-left: $my-margin;\n margin-right: $my-negative-margin;\n margin-left: auto;\n }\n }\n}\n","// @use '../../styles/core.scss';\n\n@layer vui {\n .v-toolbar-title {\n display: flex;\n flex-grow: 1;\n margin: 0;\n // font-size: var(--typo-h3-size);\n font-size: 1.25rem;\n // font-weight: var(--typo-h3-weight);\n font-weight: 400;\n // font-size: 16px;\n // font-weight: 500;\n line-height: 1;\n\n // font-weight: 500;\n // font-size: 1.25rem;\n // line-height: 1.6;\n // letter-spacing: 0.0075em;\n white-space: nowrap;\n\n // @include core.typo('h2');\n }\n}\n"],"mappings":";AAEA;AAEA;ACKA;;;AAGE;;AAQF;AACE;AACA;;AAUF;AACE;;AAOF;AACE;;AAQF;AACE;AACA;;AAWF;AACE;AACA;;AAQF;AAEE;AACA;;AAUF;AACE;;AAQF;AACE;AACA;AACA;;AAOF;;AAEE;;AAQF;;;AAIE;AACA;;AAOF;AACE;;AAQF;;AAEE;AACA;AACA;AACA;;AAGF;AACE;;AAGF;AACE;;AAUF;AACE;;AAWF;;;;;AAKE;AACA;AACA;AACA;AACA;;AAQF;;AAGE;;AAQF;;AAGE;;AAOF;;;;AAIE;;AAOF;;;;AAIE;AACA;;AAOF;;;;AAIE;;AAOF;AACE;;AAUF;AACE;AACA;AACA;AACA;AACA;;AAOF;AACE;;AAOF;AACE;;AAQF;;AAEE;;AAOF;;AAEE;;AAQF;AACE;AACA;;AAOF;AACE;;AAQF;AACE;AACA;;AAUF;AACE;;AAOF;AACE;;AAUF;AACE;;AAOF;AACE;;ADhWA;AACE;;;AAIJ;AEZA;AACE;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;;;;;;;;AAEA;AACA;;;;AAIA;AACA;AACA;AACA;AAGA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAGA;AAmCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAGA;AACA;AAGA;AACA;AACA;AACA;AACA;AAGA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;AAGA;AAKA;;AAGF;;AAEE;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;;AC5VF;AACE;AACA;AACA;AACA;;AAGF;ACoBE;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;ADzCA;;AELA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AEjDA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ADpBA;ACoBA;;;;;ACxBF;;;;AAIE;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;;AAEE;AACA;AAEA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAIA;AACE;;AClDA;AACE;AAEA;;AAHF;AACE;AAEA;;AAHF;AACE;AAEA;;ACIF;;;;;;;;;;AACE;;AAGF;;;;;;;;;;AACE;;AAIJ;AACE;;;;;ACrBJ;AAEI;AACE;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;;AAIJ;AACE;AACA;AACA;;;;;ACtBN;AACE;AACE;AACA;AACA;AACA;AAGA;AACA;;AAEA;AACE;AACA;;AAGF;AACE;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;;AAOA;AACE;AACA;AACA;AACA;AACA;AACA;;AAKA;;AACE;;AAIJ;AACE;;AASN;AACE;AACA;;AAGF;;AAEE;AACA;AACA;AACA;;AAGF;AACE;;AAOF;AACE;AACA;;;;;ACnGN;AACE;AACE;AACA;AACA;AACA;AACA;AAGA;;AAEA;AAEE;;AAGF;AACE;AACA;AACA;AACA;;;;;ACpBN;AACE;AACE;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;;;AAKN;;AAEI;;;;;AC9BJ;AACE;AACE;AACA;AACA;AACA;;AAEA;AACE;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;;AAIJ;;AAEI;;;AAIA;;;AAIA;;;;;;ACrDN;AACE;AACE;;;;;ACFJ;AACE;AACE;AACA;;;;;ACHJ;AACE;AACE;AAcA;AACA;AACA;AACA;;AAfA;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAQF;AACE;AACA;;AAGF;AACE;;AAOF;AACE;AACA;;AAGF;AACE;AACA;;;;;ACvCN;AACE;ACkCA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;ADhDE;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;;ACQF;AACE;;AAgBF;;;AAGE;;AD1BA;AACE;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;AACE;;AAYF;;AAEE;AACA;AACA;AACA;AACA;;;;;AExEN;AACE;ACkCA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;AD9CE;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;ACWF;AACE;;AAgBF;;;AAGE;;AD7BA;AACE;;AAIA;AACE;AACA;;AAFF;AACE;AACA;;AAFF;AACE;AACA;;AAFF;AACE;AACA;;AAFF;AACE;AACA;;AAIJ;AACE;;AAsBA;AACE;AACA;;AAGF;AACE;AACA;;AAIJ;AACE;;;;;AE1EN;AACE;ACkCA;AD/BE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACyBF;AACE;;ADxBA;;;AAGE;;AAGF;AACE;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;;AACE;;AAKN;AACE;;AAEA;AACE;;;;;AE/CR;AACE;AACE;;;;;ACFJ;AACE;AACE;AACA;AACA;;AAEA;AACE;AACA;;;;;ACNN;AACE;AAIE;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAGF;AACE;;AAGF;AACE;;AAGA;AACE;;AAIJ;AAGE;;AAGF;AAIE;;AAGF;AAEE;;AAGF;AACE;AAEA;AACA;AACA;AACA;AAEA;;AAGF;AAEE;AACA;AAIA;AACA;;AAGF;AACE;;AAGF;AACE;;AAIA;AACE;;AAGF;AACE;;AAIJ;AACE;AACA;AACA;AACA;AACA;;AAGF;AAEE;;AAIA;AACE;;AAGF;AACE;;AAIJ;AACE;AACA;AACA;AACA;AACA;;;;;AChJN;AACE;AACE;AACA;;AAEA;AACE;AACA;;AAEA;AACE;AACA;;AAGF;AACE;AACA;;AAGF;AACE;;;;;AClBR;AACE;AACE;AACA;AACA;AACA;AAQA;AACA;AACA;AACA;AACA;;AAVA;AACE;AACA;AACA;;AASF;AACE;;AAGF;AACE;;AAGF;AACE;;AAGF;;ACIF;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;ADjBI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACPJ;;AACE;;AAgBF;;;;;;AAGE;;ADXE;;;;AAEE;;AAIA;;;;;;;;AAIE;AACA;AACA;;AAIJ;;AACE;AACA;AACA;;AAGF;;AACE;AACA;AACA;;AAGF;;AACE;;AAIJ;AACE;AACA;AACA;;AAGF;AACE;AACA;;AAEA;;AAEE;;AAGF;AACE;;;;;AEjGR;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AAEA;AACE;AAEA;AACA;;AAIA;;AAEE;AACA;;AAIJ;AACE;AACA;AACA;;AAOF;AACE;AAEA;AACA;;AAGF;AACE;;AAEA;AACE;AACA;;;;;ACtER;AACE;AACE;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACA;;;;;AC9BN;AACE;AACE;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;;;;ACxBN;AAEI;AACE;AACA;;AAGF;AACE;;AAEA;AACE;;AAKF;AACE;;AAGF;AACE;;AAGF;AACE;;;;;ACzBR;AAGI;AACE;AACA;AACA;AAEA;AACA;AACA;;;;;ACVN;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;;AAGF;AAEE;;AAGF;AACE;AACA;AAEA;;AAGF;;AAEE;AACA;AACA;AACA;AACA;AACA;;AAIF;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;;AAEE;AACA;AAEA;;AAEA;;AACE;;AAUJ;AACE;;AAGF;AACE;AACA;AACA;AACA;AAEA;;AASF;AACE;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAEA;AACE;;AAMF;;AACE;;AAKF;AACE;AACA;;AAMF;;AACE;;AAIJ;AAEE;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;;AAWF;AACE;;AAGF;AACE;;AAGF;AACE;;;;;ACpLR;AACE;AACE;;;;;ACAJ;AACE;AACE;AACA;;AAEA;;AAEE;AACA;;AAGF;AACE;AACA;AACA;AACA;AAcA;AACA;AACA;AACA;;AAGF;AAME;;;;;ACzCN;AACE;AACE;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;;AARA;AACE;;AASF;AACE;;AAGF;AACE;AAGA;AACA;;AAGF;AACE;AACA;;AAGF;AClCF;AACA;AACA;AACA;AACA;AACA;AACA;;ADgCE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;;AAIJ;AACE;AACA;;AAEA;AACE;;AAKF;AACE;;AAIJ;AACE;;AAGF;AACE;;;;;AEhGN;AACE;AACE;;AAWA;AACE;AAIA;AACA;AACA;AAIA;;AAEA;;AAEE;AACA;AACA;AACA;;AAGF;AACE;AACA;;AASF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKF;AACE;;;;;AC1DR;AACE;AACE;;AAGA;AACE;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;AAGA;;AAEE;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;;;;AAEA;;AAMJ;AACE;;AAKF;AACE;AACA;;AAIA;AACE;;AAKN;AACE;;AAKE;AACE;;;;;ACnGV;AACE;ACkCA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;ADhDE;AACA;AACA;AACA;;AC8BF;AACE;;AAgBF;;;AAGE;;AD/CA;ACXF;AACA;AACA;AACA;AACA;AACA;AACA;;ADSE;;AAEE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;;AAGF;AACE;;AAMA;;;AACE;;AAIJ;AACE;AACA;;AAGF;AACE;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;;AAEE;AACA;AACA;;AAEA;;AACE;;;;;AEpER;AACE;AACE;;AAEA;AACE;AAEA;AACA;AACA;;AAGF;AACE;AACA;;;;;ACZN;AAEI;AACE;;AAEA;ACNJ;AACA;AACA;AACA;AACA;AACA;AACA;;ADmCE;AACE;;AAGF;AACE;AACA;AACA;;AAKA;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;;AAGF;AACE;AACA;AACA;;AAIJ;AACE;;AAGF;AACE;AACA;;;;;AE7EN;AAEI;AACE;;AAEA;AACE;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACXJ;;;;AAIE;AACA;AACA;;ADaE;AACE;;AAGF;AACE;AACA;;;;;AEnCV;AAEI;AACE;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACPJ;;;;AAIE;AACA;AACA;;ADSE;AACE;;AAGF;AACE;AACA;;;;;AE/BV;AACE;AACE;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;;AAEA;AACE;;AAIJ;AACE;AACA;AACA;AACA;AACA;;;;;ACjCN;AACE;ACkCA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;ADhDE;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;ACgBF;AACE;;AAgBF;;;AAGE;;ADlCA;AACE;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;AACE;AAEA;AACA;AAEA;;AAEA;AACE;;;;;AEtER;AACE;AACE;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;;AAEE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AAEA;;AAGF;AACE;AACA;;AAGF;AAEE;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AC1DR;AACE;AACE;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAIA;;AAEE;;AAIA;AACE;;AAGF;AACE;;AAIJ;AACE;;AAEA;AACE;AACA;AACA;;AAGF;AACE;;AAMJ;;AAEE;;AAIA;AACE;;AAGF;AACE;;AAIJ;AACE;;AAEA;AACE;AACA;AACA;;AAGF;AACE;;;;;ACrEV;AACE;AACE;;AAEA;AACE;AACA;;AASF;AACE;AACA;AACA;AACA;;AAEA;AACE;AACA;;AAEA;AACE;;AAIJ;AACE;AACA;;AAEA;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;;AAIJ;AACE;AACA;;AAEA;AAJF;AAKI;AACA;;;AAKN;AACE;;AAGF;AACE;;AAGF;AACE;;AAEA;AACE;;AAIJ;AACE;;AAEA;;AAEE;AAGA;AACA;;AASJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AAEA;AAEA;AACA;;AAMA;AACE;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;;AAEA;AACE;;AAIJ;AACE;;AAGF;AACE;;AASF;AACE;AACA;;AAIJ;AACE;AACA;AACA;AACA;;AAGA;AACE;;AAIJ;AACE;AACA;AACA;;AAQF;AACE;;AAGF;;AAEE;;AAGF;AACE;;AA0BJ;AACE;AACA;AACA;;;;;AC9NN;AACE;AACE;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAGF;AACE;;AAGF;AACE;;;;;ACtBN;AACE;AACE;AACA;AACA;;;;;ACJJ;AACE;AACE;AACA;AACA;AACA;;AAEA;;AAEE;;AAMF;AACE;AACA;;AAGF;AACE;AACA;AACA;;;;;ACvBN;AACE;AACE;AACA;AACA;AAEA;AAEA;AAGA;AAMA;;;","names":[]}
1	+ {"version":3,"sources":["../src/styles/index.scss","../node_modules/@fastkit/stylebase/normalize.css","../src/styles/variables.scss","../src/styles/base.scss","../src/styles/core/typo.scss","../src/styles/typo.scss","../src/styles/elevation.scss","../src/styles/core/functions.scss","../src/styles/group.scss","../src/styles/control.scss","../src/styles/wysiwyg.scss","../src/composables/form-selector.scss","../src/components/VFormControl/VFormControl.scss","../src/components/VIcon/VIcon.scss","../src/components/VSkeltonLoader/VSkeltonLoaderBone.scss","../src/components/VBusyImage/VBusyImage.scss","../src/components/VGrid/VGridItem.scss","../src/components/VGrid/VGridContainer.scss","../src/components/VPaper/VPaper.scss","../src/components/VAvatar/VAvatar.scss","../src/styles/core/functions.scss","../src/components/VChip/VChip.scss","../src/styles/core/functions.scss","../src/components/VCard/VCard.scss","../src/styles/core/functions.scss","../src/components/VCard/VCardContent.scss","../src/components/VCard/VCardActions.scss","../src/components/VButton/VButton.scss","../src/components/VButton/VButtonGroup.scss","../src/components/VPagination/VPagination.scss","../src/styles/core/functions.scss","../src/components/VListTile/VListTile.scss","../src/components/VDrawerLayout/VDrawerLayout.scss","../src/components/VHero/VHero.scss","../src/components/VNavigation/VNavigationItem.scss","../src/components/VNavigation/VNavigation.scss","../src/components/VControlField/VControlField.scss","../src/components/VTextCounter/VTextCounter.scss","../src/components/VCheckbox/VCheckbox.scss","../src/components/VCheckable/VCheckable.scss","../src/styles/core/functions.scss","../src/components/VRadio/VRadio.scss","../src/components/VSwitch/VSwitch.scss","../src/components/VOption/VOption.scss","../src/styles/core/functions.scss","../src/components/VOptionGroup/VOptionGroup.scss","../src/components/VSelect/VSelect.scss","../src/styles/core/functions.scss","../src/components/VTextField/VTextField.scss","../src/styles/core/functions.scss","../src/components/VTextarea/VTextarea.scss","../src/styles/core/functions.scss","../src/components/VTabs/VTabs.scss","../src/components/VTabs/VTab.scss","../src/styles/core/functions.scss","../src/components/VBreadcrumbs/VBreadcrumbs.scss","../src/components/VContentSwitcher/VContentSwitcher.scss","../src/components/VDataTable/VDataTable.scss","../src/components/VToolbar/VToolbar.scss","../src/components/VToolbar/VToolbarMenu.scss","../src/components/VToolbar/VToolbarEdge.scss","../src/components/VToolbar/VToolbarTitle.scss"],"sourcesContent":["@use 'sass:meta';\n\n@layer vui-normalize, vui-color-scheme, vui;\n\n@layer vui-normalize {\n @include meta.load-css('@fastkit/stylebase/normalize.css');\n\n button {\n background-color: transparent;\n }\n}\n\n@layer vui {\n // @include meta.load-css('@fastkit/stylebase/normalize.css');\n\n @include meta.load-css('./variables.scss');\n @include meta.load-css('./base.scss');\n @include meta.load-css('./typo.scss');\n @include meta.load-css('./elevation.scss');\n @include meta.load-css('./group.scss');\n @include meta.load-css('./control.scss');\n @include meta.load-css('./wysiwyg.scss');\n}\n","/!\n Forked from\n * normalize.css v8.0.1 \| MIT License \| https://github.com/necolas/normalize.css\n /\n/ stylelint-disable property-no-vendor-prefix /\n\n/ Document\n ========================================================================== /\n\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\n/*\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\n\nhtml {\n line-height: 1.15; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n}\n\n/ Sections\n ========================================================================== /\n\n/\n Remove the margin in all browsers.\n /\n\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\n\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\n\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\n\n/ Grouping content\n ========================================================================== /\n\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\n\nhr {\n height: 0; / 1 /\n overflow: visible; / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\npre {\n / stylelint-disable-next-line /\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n\n/\n Remove the gray background on active links in IE 10.\n /\n\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\n\nabbr[title] {\n text-decoration: underline; / 2 /\n text-decoration: underline dotted; / 2 /\n border-bottom: none; / 1 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\ncode,\nkbd,\nsamp {\n / stylelint-disable-next-line /\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\n\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n\n/\n Remove the border on images inside links in IE 10.\n /\n\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; / 2 /\n font-family: inherit; / 1 /\n font-size: 100%; / 1 /\n line-height: 1.15; / 1 /\n color: inherit;\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\n\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\n\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\n\nlegend {\n display: table; / 1 /\n max-width: 100%; / 1 /\n padding: 0; / 3 /\n color: inherit; / 2 /\n white-space: normal; / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\n\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\n\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n\n[type='checkbox'],\n[type='radio'] {\n padding: 0; / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n\n[type='search'] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n\n[type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\n\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\n\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n\n/\n Add the correct display in IE 10+.\n /\n\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n\n[hidden] {\n display: none;\n}\n",":root {\n --root-em: 16px;\n --root-spacing: 8px;\n\n // =============================================\n // transitions\n // =============================================\n --transition-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1);\n --transition-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1);\n --transition-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1);\n --transition-ease-in-out: cubic-bezier(0.4, 0, 0.6, 1);\n --transition-fast-in-fast-out: cubic-bezier(0.25, 0.8, 0.25, 1);\n --transition-swing: cubic-bezier(0.25, 0.8, 0.5, 1);\n --transition-primary: var(--transition-swing);\n --transition-tab: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n --transition-fade: 0.2s;\n\n // =============================================\n // typographies\n // =============================================\n --typo-fallback-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n 'Helvetica Neue', Arial, sans-serif;\n --type-emoji-font: 'Apple Color Emoji', 'Segoe UI Emoji';\n --typo-font: var(--typo-base-font), var(--typo-fallback-font),\n var(--type-emoji-font);\n\n // base\n --typo-base-size: 1rem;\n --typo-base-weight: 400;\n --typo-base-height: 1.5;\n --typo-base-spacing: 0em;\n\n // medium\n --typo-medium-weight: 500;\n\n // h1\n --typo-h1-family: inherit;\n --typo-h1-size: 2.5rem;\n --typo-h1-weight: 500;\n --typo-h1-height: 1.2222222222222223;\n --typo-h1-spacing: 0em;\n --typo-h1-margin: 16px 0;\n --typo-h1-color: var(--palette-heading);\n\n // h2\n --typo-h2-family: inherit;\n --typo-h2-size: 1.875rem;\n --typo-h2-weight: 500;\n --typo-h2-height: 1.5;\n --typo-h2-spacing: 0em;\n --typo-h2-margin: 40px 0 10px;\n --typo-h2-color: var(--palette-heading);\n\n // h3\n --typo-h3-family: inherit;\n --typo-h3-size: 1.25rem;\n --typo-h3-weight: 500;\n --typo-h3-height: 1.5;\n --typo-h3-spacing: 0em;\n --typo-h3-margin: 20px 0 10px;\n --typo-h3-color: var(--palette-heading);\n\n // h4\n --typo-h4-family: inherit;\n --typo-h4-size: 1.25rem;\n --typo-h4-weight: 400;\n --typo-h4-height: 1.5;\n --typo-h4-spacing: 0em;\n --typo-h4-margin: 10px 0 16px;\n --typo-h4-color: var(--palette-heading);\n\n // h5\n --typo-h5-family: inherit;\n --typo-h5-size: 0.875rem;\n --typo-h5-weight: 400;\n --typo-h5-height: 1.57;\n --typo-h5-spacing: 0em;\n --typo-h5-margin: 10px 0 16px;\n --typo-h5-color: var(--palette-heading);\n\n // h6\n --typo-h6-family: inherit;\n --typo-h6-size: 0.67rem;\n --typo-h6-weight: 400;\n --typo-h6-height: 1.5;\n --typo-h6-spacing: 0em;\n --typo-h6-margin: 10px 0 16px;\n --typo-h6-color: var(--palette-heading);\n\n // subtitle1\n --typo-subtitle1-family: inherit;\n --typo-subtitle1-size: 1rem;\n --typo-subtitle1-weight: 400;\n --typo-subtitle1-height: 1.75;\n --typo-subtitle1-spacing: 0.00938em;\n\n // subtitle2\n --typo-subtitle2-family: inherit;\n --typo-subtitle2-size: 0.875rem;\n --typo-subtitle2-weight: 500;\n --typo-subtitle2-height: 1.57;\n --typo-subtitle2-spacing: 0.00714em;\n\n // small\n --typo-sm-size: calc(var(--root-em) 0.875);\n\n // // body1\n // --typo-body1-size: 1rem;\n // --typo-body1-weight: 400;\n // --typo-body1-height: 1.5;\n // --typo-body1-spacing: 0.00938em;\n\n // // body2\n // --typo-body2-size: 0.875rem;\n // --typo-body2-weight: 400;\n // --typo-body2-height: 1.43;\n // --typo-body2-spacing: 0.01071em;\n\n // // button\n // --typo-button-size: 0.875rem;\n // --typo-button-weight: 500;\n // --typo-button-height: 1.75;\n // --typo-button-spacing: 0.02857em;\n\n // // caption\n // --typo-caption-size: 0.75rem;\n // --typo-caption-weight: 400;\n // --typo-caption-height: 1.66;\n // --typo-caption-spacing: 0.03333em;\n\n // // overline\n // --typo-overline-size: 0.75rem;\n // --typo-overline-weight: 400;\n // --typo-overline-height: 2.66;\n // --typo-overline-spacing: 0.08333em;\n\n // =============================================\n // chips\n // =============================================\n --chip-padding: 0.875em;\n --chip-font-weight: var(--typo-base-weight);\n --chip-height-xs: 16px;\n --chip-font-size-xs: 10px;\n --chip-height-sm: 24px;\n --chip-font-size-sm: 12px;\n --chip-height-md: 32px;\n --chip-font-size-md: 14px;\n --chip-height-lg: 54px;\n --chip-font-size-lg: 16px;\n --chip-height-xl: 66px;\n --chip-font-size-xl: 18px;\n\n // =============================================\n // controls\n // =============================================\n\n // control-field-height\n --control-field-rem-sm: 0.875rem; // 14\n --control-field-rem-md: 1rem; // 16\n --control-field-rem-lg: 1.125rem; // 18\n\n // control defaults\n --control-disabled-color: rgba(0, 0, 0, 0.38);\n --control-horizontal-margin: 0.5em; // 16\n --control-field-radius: 2px;\n --control-field-fill-color: rgba(0, 0, 0, 0.06);\n --control-field-fill-hover-color: rgba(0, 0, 0, 0.09);\n --control-field-outline-color: rgba(114, 106, 106, 0.23);\n --control-field-outline-hover-color: rgba(0, 0, 0, 0.87);\n --control-field-bottom-color: rgba(0, 0, 0, 0.42);\n --control-field-bottom-hover-color: rgba(0, 0, 0, 0.87);\n --control-field-height: 2.25em;\n --control-field-line-height: 1.4375em;\n --control-field-letter-spacing: 0.00938em;\n --control-label-color: rgba(0, 0, 0, 0.6);\n --control-label-font-weight: 500;\n --control-label-font-size: 0.75em; // 12\n --control-label-height: 1.4375em;\n --control-message-color: rgba(0, 0, 0, 0.6);\n --control-message-font-size: 0.75em; // 12\n --control-message-horizontal-margin: calc(var(--root-spacing) * 0.5);\n --control-checkable-outer-size: 2em; // 42\n --control-checkable-icon-size: 1em; // 20\n --control-checkable-faux-scale: 1.2;\n --control-checkable-faux-margin: 0.2em;\n --control-checkable-base-color: rgba(0, 0, 0, 0.6);\n --control-switch-width: 3.625em; // 58\n --control-switch-track-width: 2.125em; // 34\n --control-switch-track-height: 0.875em; // 14\n\n // =============================================\n // wysiwygs\n // =============================================\n --wysiwyg-min-height-sm: 3em;\n --wysiwyg-min-height-md: 6em;\n --wysiwyg-min-height-lg: 9em;\n --wysiwyg-max-height-sm: 9em;\n --wysiwyg-max-height-md: 13em;\n --wysiwyg-max-height-lg: 16em;\n\n // shadows\n --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2);\n --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14);\n --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);\n\n // shadows(umbra)\n --shadow-key-umbra-0: 0px 0px 0px 0px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-1: 0px 2px 1px -1px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-2: 0px 3px 1px -2px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-3: 0px 3px 3px -2px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-4: 0px 2px 4px -1px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-5: 0px 3px 5px -1px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-6: 0px 3px 5px -1px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-7: 0px 4px 5px -2px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-8: 0px 5px 5px -3px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-9: 0px 5px 6px -3px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-10: 0px 6px 6px -3px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-11: 0px 6px 7px -4px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-12: 0px 7px 8px -4px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-13: 0px 7px 8px -4px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-14: 0px 7px 9px -4px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-15: 0px 8px 9px -5px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-16: 0px 8px 10px -5px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-17: 0px 8px 11px -5px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-18: 0px 9px 11px -5px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-19: 0px 9px 12px -6px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-20: 0px 10px 13px -6px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-21: 0px 10px 13px -6px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-22: 0px 10px 14px -6px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-23: 0px 11px 14px -7px var(--shadow-key-umbra-opacity);\n --shadow-key-umbra-24: 0px 11px 15px -7px var(--shadow-key-umbra-opacity);\n\n // shadows(penumbra)\n --shadow-key-penumbra-0: 0px 0px 0px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-1: 0px 1px 1px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-2: 0px 2px 2px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-3: 0px 3px 4px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-4: 0px 4px 5px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-5: 0px 5px 8px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-6: 0px 6px 10px 0px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-7: 0px 7px 10px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-8: 0px 8px 10px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-9: 0px 9px 12px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-10: 0px 10px 14px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-11: 0px 11px 15px 1px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-12: 0px 12px 17px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-13: 0px 13px 19px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-14: 0px 14px 21px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-15: 0px 15px 22px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-16: 0px 16px 24px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-17: 0px 17px 26px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-18: 0px 18px 28px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-19: 0px 19px 29px 2px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-20: 0px 20px 31px 3px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-21: 0px 21px 33px 3px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-22: 0px 22px 35px 3px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-23: 0px 23px 36px 3px var(--shadow-key-penumbra-opacity);\n --shadow-key-penumbra-24: 0px 24px 38px 3px var(--shadow-key-penumbra-opacity);\n\n // shadows(ambient)\n --shadow-key-ambient-0: 0px 0px 0px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-1: 0px 1px 3px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-2: 0px 1px 5px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-3: 0px 1px 8px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-4: 0px 1px 10px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-5: 0px 1px 14px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-6: 0px 1px 18px 0px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-7: 0px 2px 16px 1px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-8: 0px 3px 14px 2px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-9: 0px 3px 16px 2px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-10: 0px 4px 18px 3px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-11: 0px 4px 20px 3px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-12: 0px 5px 22px 4px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-13: 0px 5px 24px 4px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-14: 0px 5px 26px 4px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-15: 0px 6px 28px 5px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-16: 0px 6px 30px 5px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-17: 0px 6px 32px 5px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-18: 0px 7px 34px 6px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-19: 0px 7px 36px 6px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-20: 0px 8px 38px 7px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-21: 0px 8px 40px 7px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-22: 0px 8px 42px 7px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-23: 0px 9px 44px 8px var(--shadow-key-ambient-opacity);\n --shadow-key-ambient-24: 0px 9px 46px 8px var(--shadow-key-ambient-opacity);\n\n // toolbar\n --toolbar-height: var(--v-app-layout-vertial-fixed-height);\n --toolbar-dense-height: calc(var(--toolbar-height) * 0.8);\n\n // card\n --card-content-padding: 1rem; // 16px\n --card-actions-padding: 0.5rem; // 8px\n\n // pagination\n --pagination-item-radius: 2px;\n --pagination-item-font-size: var(--root-em);\n --pagination-item-size: calc(var(--root-em) * 2);\n --pagination-item-margin: calc(var(--root-em) * 0.5);\n --pagination-item-font-size-dense: calc(\n var(--pagination-item-font-size) * 0.625\n );\n --pagination-item-size-dense: calc(var(--pagination-item-size) * 0.8125);\n --pagination-item-margin-dense: calc(var(--pagination-item-margin) * 0.75);\n\n // table\n --table-vertical-margin: calc(var(--root-em) * 1.25);\n --table-font-size: calc(var(--root-em) * 0.75);\n --table-caption-font-size: calc(var(--root-em) * 1);\n --table-caption-font-weight: regular;\n --table-caption-vertical-margin: calc(var(--root-em) * 0.625);\n --table-cell-height: calc(var(--root-em) * 3.125);\n --table-cell-vertial-padding: calc(var(--root-em) * 0.3125);\n --table-cell-horizontal-padding: calc(var(--root-em) * 1);\n --table-header-color: var(--palette-primary);\n --table-header-font-weight: 500;\n\n // tabs\n --tabs-height: calc(var(--root-em) * 3);\n --tabs-bar-height: calc(var(--root-em) * 0.375);\n // --tabs-color: var(--main-color);\n --tabs-font-size: calc(var(--root-em) * 0.875);\n\n // breadcrumbs\n --breadcrumbs-font-size: var(--typo-sm-size);\n\n // =============================================\n // tiles\n // =============================================\n --list-tile-padding: calc(var(--root-em) * 0.625);\n}\n\n:root,\n[lang='en'] {\n --typo-base-font: Roboto, 'Noto Sans';\n}\n\n[lang='ja'] {\n --typo-base-font: Roboto, 'Noto Sans JP';\n}\n\n[lang='ko'] {\n --typo-base-font: Roboto, 'Noto Sans KR';\n}\n\n[lang='zh-cmn-Hant'] {\n --typo-base-font: Roboto, 'Noto Sans TC';\n}\n\n[lang='zh-cmn-Hans'] {\n --typo-base-font: Roboto, 'Noto Sans SC';\n}\n","@use './core.scss';\n\nhtml {\n text-size-adjust: 100%;\n font-size: var(--root-em);\n text-rendering: optimizeLegibility;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n @include core.typo(base);\n\n font-family: var(--typo-font);\n}\n","@function get-typo-family($level) {\n @return var(--typo-#{$level}-family);\n}\n\n@function get-typo-size($level) {\n @return var(--typo-#{$level}-size);\n}\n\n@function get-typo-weight($level) {\n @return var(--typo-#{$level}-weight);\n}\n\n@function get-typo-height($level) {\n @return var(--typo-#{$level}-height);\n}\n\n@function get-typo-spacing($level) {\n @return var(--typo-#{$level}-height);\n}\n\n@function get-typo-margin($level) {\n @return var(--typo-#{$level}-margin);\n}\n\n@function get-typo-color($level) {\n @return var(--typo-#{$level}-color);\n}\n\n@mixin typo-family($level) {\n font-family: get-typo-family($level);\n}\n\n@mixin typo-size($level) {\n font-size: get-typo-size($level);\n}\n\n@mixin typo-weight($level) {\n font-weight: get-typo-weight($level);\n}\n\n@mixin typo-height($level) {\n line-height: get-typo-height($level);\n}\n\n@mixin typo-spacing($level) {\n letter-spacing: get-typo-spacing($level);\n}\n\n@mixin typo-margin($level) {\n margin: get-typo-margin($level);\n}\n\n@mixin typo-color($level) {\n color: get-typo-color($level);\n}\n\n@mixin typo($level) {\n @include typo-family($level);\n @include typo-size($level);\n @include typo-weight($level);\n @include typo-height($level);\n @include typo-spacing($level);\n @include typo-margin($level);\n @include typo-color($level);\n}\n","@use './core.scss';\n\n@for $level from 1 through 6 {\n // h#{$level} {\n // color: var(--palette-heading);\n // }\n\n h#{$level} {\n @include core.typo('h' + $level);\n }\n}\n","@use './core.scss';\n\n$z: 24;\n\n@while $z >= 0 {\n .elevation-#{$z} {\n @include core.elevation($z, true);\n }\n $z: $z - 1;\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","code,\nkbd,\npre,\nsamp {\n font-family: monospace;\n}\n\ncode {\n padding: 0.2em 0.4em;\n font-size: 85%;\n font-weight: 400;\n color: rgba(0, 0, 0, 0.87); // @TODO\n background-color: rgba(0, 0, 0, 0.05); // @TODO\n border-radius: 3px; // @TODO\n}\n\ntable {\n display: table;\n max-width: 100%;\n margin: var(--table-vertical-margin) 0;\n font-size: var(--table-font-size);\n border-collapse: collapse;\n border: 0;\n border-radius: 0;\n}\n\ncaption {\n display: table-caption;\n width: 100%;\n padding: 0;\n margin: 0 0 var(--table-caption-vertical-margin);\n font-size: var(--table-caption-font-size);\n font-weight: var(--table-caption-font-weight);\n text-align: center;\n}\n\nth,\ntd {\n height: var(--table-cell-height);\n padding: var(--table-cell-vertial-padding)\n var(--table-cell-horizontal-padding);\n text-align: left;\n vertical-align: middle;\n border: 0;\n}\n\nth {\n font-weight: var(--table-header-font-weight);\n color: var(--table-header-color);\n white-space: nowrap;\n}\n\nthead {\n th {\n text-align: center;\n }\n}\n",".v-control {\n $sizes: sm, md, lg;\n\n @each $size in $sizes {\n &--#{$size} {\n --control-field-rem: var(--control-field-rem-#{$size});\n\n font-size: var(--control-field-rem);\n }\n }\n}\n",".wysiwyg {\n & > h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n ul,\n ol,\n table {\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n p {\n margin: 0;\n }\n}\n","@layer vui {\n .v-form-selector {\n &__body {\n display: block;\n }\n\n &__placeholder {\n display: flex;\n align-items: center;\n margin-top: 8px;\n font-style: italic;\n opacity: 0.5;\n\n &--error {\n color: var(--main-color);\n opacity: 1;\n }\n }\n\n &--stacked &__body {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n }\n}\n","@layer vui {\n .v-form-control {\n display: flex;\n flex-direction: column;\n max-width: 100%;\n margin: var(--control-horizontal-margin) 0;\n\n // --control-label-font-size: calc(var(--control-field-font-size) * 0.75); // 12\n --my-label-color: var(--control-label-color);\n --my-message-color: var(--control-message-color);\n\n &--invalid:not(#{&}--readonly) {\n --my-label-color: var(--main-color);\n --my-message-color: var(--main-color);\n }\n\n &--disabled {\n --my-label-color: var(--control-disabled-color);\n --my-message-color: var(--control-disabled-color);\n }\n\n &__label {\n display: flex;\n align-items: center;\n align-self: flex-start;\n font-size: var(--control-label-font-size);\n font-weight: var(--control-label-font-weight);\n line-height: var(--control-label-height);\n color: var(--my-label-color);\n letter-spacing: 0.00938em;\n\n &__hinttip {\n display: inline-flex;\n align-items: center;\n margin-top: -0.2em;\n margin-left: 0.6em;\n // font-size: calc(var(--root-em) * 0.5);\n font-size: 80%;\n line-height: 1;\n color: inherit;\n // color: var(--palette-muted);\n text-decoration: none;\n letter-spacing: normal;\n cursor: pointer;\n\n // &:hover,\n // &:focus {\n // text-decoration: underline;\n // }\n\n &__icon {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 120%;\n text-decoration: none !important;\n }\n\n &:hover &__icon,\n &:focus &__icon {\n &::before {\n opacity: 0.1;\n }\n }\n\n &__hint {\n font-size: calc(var(--root-em) * 0.75);\n }\n }\n }\n\n // &--disabled &__body {\n // user-select: none;\n // }\n\n &__info {\n display: flex;\n padding-top: 3px;\n }\n\n &__message,\n &__appends {\n margin: 0 var(--control-message-horizontal-margin);\n font-size: var(--control-message-font-size);\n line-height: 1.66;\n color: var(--my-message-color);\n }\n\n &__message {\n flex: 1 0;\n // margin: 0 var(--control-message-horizontal-margin);\n // font-size: var(--control-message-font-size);\n // line-height: 1.66;\n // color: var(--my-message-color);\n }\n\n &__appends {\n flex: 0 1;\n margin-left: auto;\n }\n }\n}\n","@layer vui {\n .v-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.25em;\n aspect-ratio: 1 / 1;\n // -webkit-user-drag: none;\n // pointer-events: none;\n user-select: none;\n\n &--clickable {\n // pointer-events: auto;\n cursor: pointer;\n }\n\n &__body {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: transform 150ms linear;\n }\n }\n}\n","@layer vui {\n .v-skelton-loader-bone {\n position: relative;\n overflow: hidden;\n cursor: progress;\n background: rgba(0, 0, 0, 0.12);\n border-radius: inherit;\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: 100%;\n content: '';\n background: linear-gradient(\n 90deg,\n hsla(0deg, 0%, 100%, 0),\n hsla(0deg, 0%, 100%, 0.3),\n hsla(0deg, 0%, 100%, 0)\n );\n transform: translateX(-100%);\n animation: v-skelton-loader-bone-loading 1.5s infinite;\n }\n }\n}\n\n@keyframes v-skelton-loader-bone-loading {\n 100% {\n transform: translateX(100%);\n }\n}\n","@layer vui {\n .v-busy-image {\n position: relative;\n display: inline-block;\n max-width: 100%;\n vertical-align: bottom;\n\n &--clickable {\n cursor: pointer;\n }\n\n &--cover {\n background-repeat: no-repeat;\n background-position: center;\n background-size: cover;\n }\n\n &--loading::before {\n position: absolute;\n inset: 0;\n display: block;\n content: '';\n background: rgba(0, 0, 0, 0.1);\n animation: v-tiny-image-blink normal 1.5s infinite ease-in-out;\n }\n\n &__node {\n position: relative;\n display: inline-block;\n max-width: 100%;\n vertical-align: bottom;\n }\n\n &__slot {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n }\n }\n\n @keyframes v-tiny-image-blink {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n}\n","@layer vui {\n .v-grid-item {\n display: block;\n }\n}\n","@layer vui {\n .v-grid-container {\n display: flex;\n flex-wrap: wrap;\n }\n}\n","@layer vui {\n .v-paper {\n --paper-radius: var(--control-field-radius);\n\n &--plain {\n --paper-background--color: var(--palette-background);\n --paper-text-color: inherit;\n --paper-link-color: var(--link-color);\n }\n\n &--has-color {\n --paper-background--color: var(--main-color);\n --paper-text-color: var(--text-color);\n --paper-link-color: var(--nav-color);\n }\n\n display: block;\n color: var(--paper-text-color);\n background-color: var(--paper-background--color);\n border-radius: var(--paper-radius);\n\n &__inner {\n position: relative;\n border-radius: inherit;\n }\n\n &--square {\n --paper-radius: 0px;\n }\n\n // a:not(.v-paper) {\n // color: var(--paper-link-color);\n // }\n\n &__header {\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n }\n\n &__footer {\n border-bottom-right-radius: inherit;\n border-bottom-left-radius: inherit;\n }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-avatar {\n @include core.button-reset();\n\n --avatar-radius: 50%;\n --avatar-font-weight: var(--typo-medium-weight);\n --avatar-base-font-size: var(--typo-base-size);\n --avatar-font-size: var(--avatar-base-font-size);\n\n display: inline-flex;\n flex-basis: var(--avatar-size);\n align-items: center;\n justify-content: center;\n width: var(--avatar-size);\n min-width: var(--avatar-size);\n height: var(--avatar-size);\n overflow: hidden;\n font-size: var(--avatar-font-size);\n font-weight: var(--avatar-font-weight);\n line-height: 1;\n text-align: center;\n vertical-align: bottom;\n cursor: default;\n border-style: solid;\n border-width: 1px;\n border-radius: var(--avatar-radius);\n // border-radius: var(--control-field-radius);\n\n --shadow-color: rgba(0, 0, 0, 0) !important; // @TODO layer supports\n --focusShadow-color: rgba(0, 0, 0, 0) !important; // @TODO layer supports\n\n &--clickable {\n cursor: pointer;\n }\n\n &--sm {\n --avatar-size: 36px;\n --avatar-font-size: calc(var(--avatar-base-font-size) * 0.75);\n }\n\n &--md {\n --avatar-size: 48px;\n }\n\n &--lg {\n --avatar-size: 62px;\n --avatar-font-size: calc(var(--avatar-base-font-size) * 1.25);\n }\n\n &--rounded {\n --avatar-radius: 4px;\n }\n\n &--tile {\n --avatar-radius: 0;\n }\n\n // &[disabled] {\n // pointer-events: none;\n\n // &::before {\n // content: none;\n // }\n // }\n // // noop\n\n img,\n &__image {\n display: inline-flex;\n width: inherit !important;\n height: inherit !important;\n border-radius: inherit;\n object-fit: cover;\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-chip {\n @include core.button-reset();\n\n $chip-sizes: xs, sm, md, lg, xl;\n\n --chip-radius: calc(var(--chip-height) / 2);\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: var(--chip-height);\n padding: 0 var(--chip-padding);\n overflow: hidden;\n font-size: var(--chip-font-size);\n font-weight: var(--chip-font-weight);\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: bottom;\n cursor: default;\n border-style: solid;\n border-width: 1px;\n border-radius: var(--chip-radius);\n\n --shadow-color: rgba(0, 0, 0, 0) !important; // @TODO layer supports\n --focusShadow-color: rgba(0, 0, 0, 0) !important; // @TODO layer supports\n\n &--clickable {\n cursor: pointer;\n }\n\n @each $size in $chip-sizes {\n &--#{$size} {\n --chip-height: var(--chip-height-#{$size});\n --chip-font-size: var(--chip-font-size-#{$size});\n }\n }\n\n &--label {\n --chip-radius: 4px;\n }\n\n // &[disabled] {\n // pointer-events: none;\n\n // &::before {\n // content: none;\n // }\n // }\n // // noop\n\n // img,\n // &__image {\n // display: inline-flex;\n // width: inherit !important;\n // height: inherit !important;\n // border-radius: inherit;\n // object-fit: cover;\n // }\n\n &__icon {\n &--start {\n margin-right: calc(var(--chip-padding) * 0.5);\n margin-left: calc(var(--chip-padding) * -0.5);\n }\n\n &--end {\n margin-right: calc(var(--chip-padding) * -0.5);\n margin-left: calc(var(--chip-padding) * 0.5);\n }\n }\n\n .v-avatar {\n --avatar-size: 14px;\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-card {\n @include core.remove-tap-highlight();\n\n position: relative;\n width: 100%;\n padding: 0;\n text-align: left;\n touch-action: manipulation;\n user-select: none;\n border: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n\n &.clickable {\n cursor: pointer;\n\n &::before {\n position: absolute;\n inset: 0;\n content: '';\n background: currentColor;\n border-radius: inherit;\n opacity: 0;\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n }\n\n &:hover,\n &:focus {\n &::before {\n opacity: 0.125;\n }\n }\n }\n\n &[disabled] {\n pointer-events: none;\n\n &::before {\n content: none;\n }\n }\n // noop\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@layer vui {\n .v-card-content {\n padding: var(--card-content-padding);\n }\n}\n","@layer vui {\n .v-card-actions {\n display: flex;\n align-items: center;\n padding: var(--card-actions-padding);\n\n .v-btn {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n}\n","@use 'sass:math';\n\n@layer vui {\n .v-button {\n // $base-height: 2.285714285714286em;\n $base-height: 2.571428571428571em;\n\n --padding: 1em;\n --height: #{$base-height};\n --icon-margin: 0.6em;\n\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n min-width: calc(var(--root-em) * 4);\n // height: calc(var(--root-em) * 2);\n height: var(--height);\n // padding: 0 var(--root-em);\n padding: 0 var(--padding);\n // margin: 0;\n margin: calc(var(--root-em) * 0.375) calc(var(--root-em) * 0.5);\n overflow: hidden;\n font: inherit;\n // font-size: calc(var(--root-em) * 0.875);\n font-weight: 500;\n line-height: 1;\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: math.div(1.25, 14) * 1em; //1.25px;\n vertical-align: bottom;\n cursor: pointer;\n user-select: none;\n border-style: solid;\n border-width: 1px;\n border-radius: var(--control-field-radius);\n outline: 0;\n transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;\n appearance: none;\n\n &--align-left {\n justify-content: flex-start;\n }\n\n &--align-right {\n justify-content: flex-end;\n }\n\n &--plain {\n color: inherit !important;\n // color: inherit !important;\n\n &[disabled] {\n opacity: 0.5;\n }\n }\n\n &--sm {\n // height: 2em;\n // height: calc(var(--root-em) * 1.5); // 24\n font-size: calc(var(--root-em) * 0.75); // 12\n }\n\n &--md {\n // height: 2.285714285714286em;\n // height: calc(var(--root-em) * 2); // 32\n // font-size: calc(var(--root-em) * 0.875); // 14\n font-size: calc(var(--root-em) * 0.875); // 14\n }\n\n &--lg {\n // height: calc(var(--root-em) * 2.875); // 46\n font-size: calc(var(--root-em) * 1.375); // 20\n }\n\n &--rounded {\n --padding: 0;\n\n min-width: 0;\n aspect-ratio: 1 / 1;\n margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);\n border-radius: 50%;\n\n --height: auto;\n }\n\n &--icon {\n // aspect-ratio: 1 / 1;\n min-width: #{$base-height * 0.75};\n margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);\n\n // --height: #{$base-height};\n // --height: calc(var);\n --height: #{$base-height * 0.75};\n --padding: 0em;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &[disabled] {\n cursor: default;\n }\n\n &--spacer {\n &-left {\n margin-left: auto;\n }\n\n &-right {\n margin-right: auto;\n }\n }\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n justify-self: stretch;\n pointer-events: none;\n }\n\n &--loading &__content {\n // pointer-events: none;\n opacity: 0;\n }\n\n &__icon {\n &--start {\n margin-right: var(--icon-margin);\n }\n\n &--end {\n margin-left: var(--icon-margin);\n }\n }\n\n &__loading {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 1;\n transform: translate(-50%, -50%);\n }\n }\n}\n","@layer vui {\n .v-button-group {\n display: inline-flex;\n align-items: stretch;\n\n &__item {\n position: relative;\n margin: 0;\n\n &--has-left {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &--has-right {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &:focus {\n z-index: 1;\n }\n }\n\n // &--has-icon &__item {\n\n // }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-pagination {\n --pagination-size: var(--pagination-item-size);\n --pagination-margin: var(--pagination-item-margin);\n --pagination-font-size: var(--pagination-item-font-size);\n --pagination-radius: var(--pagination-item-radius);\n\n &::before {\n width: var(--pagination-size);\n margin: var(--pagination-margin);\n content: none;\n }\n\n display: flex;\n align-items: center;\n overflow: hidden;\n font-weight: bold;\n line-height: 1;\n\n &--left {\n justify-content: flex-start;\n }\n\n &--center {\n justify-content: center;\n }\n\n &--right {\n justify-content: flex-end;\n }\n\n &__item,\n a#{&}__item {\n @include core.button-reset;\n\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--pagination-size);\n height: var(--pagination-size);\n margin: calc(var(--pagination-margin) * 0.5);\n font-size: var(--pagination-font-size);\n color: inherit;\n border-radius: var(--pagination-radius);\n transition: 0.1s;\n\n &:hover,\n &:focus {\n background: rgba(0, 0, 0, 0.1);\n }\n\n &--active {\n &,\n &:hover,\n &:focus,\n &:active {\n color: var(--text-color);\n pointer-events: none;\n background-color: var(--main-color);\n }\n }\n\n &--disabled {\n color: var(--palette-muted) !important;\n pointer-events: none !important;\n background: transparent !important;\n }\n\n &--truncate {\n color: var(--palette-muted) !important;\n pointer-events: none !important;\n background: transparent !important;\n }\n\n .v-icon {\n font-size: 125%;\n }\n }\n\n &--dense &__item {\n --pagination-size: var(--pagination-item-size-dense);\n --pagination-margin: var(--pagination-item-margin-dense);\n --pagination-font-size: var(--pagination-item-font-size-dense);\n }\n\n &--disabled &__item {\n color: var(--palette-muted);\n pointer-events: none;\n\n &:hover,\n &:focus {\n background: transparent;\n }\n\n &--active {\n background: var(--palette-muted);\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@layer vui {\n .v-list-tile {\n --tile-background: var(--main-color, transparent);\n --tile-active-background: var(--deep-color, transparent);\n --tile-text-color: var(--text-color);\n --tile-text-active-color: var(--text-color);\n --tile-pin-color: transparent;\n --paper-link-color: var(--tile-text-color);\n --depth-padding: var(--list-tile-padding);\n\n // &--has-color {\n // --tile-text-color: var(--nav-color);\n // --tile-text-active-color: var(--navActive-color, var(--nav-color));\n // }\n\n display: flex;\n align-items: center;\n width: 100%;\n padding: var(--list-tile-padding);\n padding-left: var(--depth-padding);\n color: var(--tile-text-color) !important;\n text-align: left;\n text-decoration: none;\n user-select: none;\n background: var(--tile-background);\n border: 0;\n border-left: 3px solid var(--tile-pin-color);\n border-radius: 0;\n outline: 0;\n transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n appearance: none;\n\n &--clickable {\n cursor: pointer;\n\n --tile-text-color: var(--nav-color);\n --tile-text-active-color: var(--navActive-color, var(--nav-color));\n\n // --tile-text-active-color: var(--navActive-color, var(--tile-text-color));\n\n &:hover,\n &:focus {\n --tile-background: var(--tile-active-background);\n --tile-text-color: var(--tile-text-active-color);\n }\n }\n\n &--active {\n --tile-pin-color: var(--pin-color);\n --tile-text-color: var(--tile-text-active-color);\n --tile-background: var(--tile-active-background);\n }\n\n // .v-list-tile--opened & {\n // --tile-pin-color: var(--pin-color);\n // }\n\n &__body {\n font-size: 0.8125rem;\n // font-size: 0.75rem;\n font-weight: 500;\n line-height: 1.5;\n }\n\n &__icon {\n min-width: 2em;\n\n &--end {\n margin-left: auto;\n text-align: right;\n }\n }\n }\n}\n","@layer vui {\n .v-drawer-layout {\n display: block;\n width: 100%;\n height: 100%;\n\n &__inner {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n height: 100%;\n }\n\n &__header {\n display: flex;\n flex: 0 0 var(--val-topToolbar-height);\n align-items: center;\n justify-content: center;\n height: var(--val-topToolbar-height);\n }\n\n &__body {\n flex: 1 1 100%;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n &__footer {\n flex: 0 0 auto;\n margin-top: auto;\n }\n }\n}\n","@layer vui {\n .v-hero {\n --hero-background-color: var(--main-color);\n --hero-text-color: var(--text-color);\n\n display: flex;\n align-items: center;\n padding: 20px 30px;\n margin: 0;\n color: var(--hero-text-color);\n background-color: var(--hero-background-color);\n\n &__title {\n flex: 1 1 100%;\n margin: 0;\n font-size: 1.75rem;\n font-weight: 300;\n line-height: 1;\n color: inherit;\n }\n\n &__adornment {\n flex: 0 0 auto;\n padding-left: 10px;\n margin-left: auto;\n }\n }\n}\n","@layer vui {\n .v-navigation-item {\n &--opened {\n --tile-background: var(--tile-active-background);\n --tile-text-color: var(--tile-text-active-color);\n }\n\n &__expand {\n transition: height 0.2s;\n\n .v-navigation-item {\n --tile-background: var(--tile-active-background);\n }\n }\n\n &--depth {\n &-1 {\n --depth-padding: calc(var(--list-tile-padding) * 2);\n }\n\n &-2 {\n --depth-padding: calc(var(--list-tile-padding) * 3);\n }\n\n &-3 {\n --depth-padding: calc(var(--list-tile-padding) * 4);\n }\n }\n }\n}\n","@layer vui {\n .v-navigation {\n // noop\n &__caption {\n display: block;\n padding: calc(var(--root-em) * 0.625) calc(var(--root-em) * 1.5625);\n margin: 1em 0 0;\n // font-size: 0.6875rem;\n font-size: 0.75rem;\n color: var(--caption-color);\n text-transform: uppercase;\n }\n }\n}\n","@layer vui {\n .v-control-field {\n position: relative;\n display: inline-flex;\n align-items: center;\n width: 100%;\n min-width: 0;\n height: var(--control-field-height);\n padding: 0 8px;\n font-size: var(--control-field-font-size);\n line-height: var(--control-field-line-height);\n letter-spacing: var(--control-field-letter-spacing);\n\n --my-bottom-color: var(--control-field-bottom-color);\n --my-bottom-hover-color: var(--control-field-bottom-hover-color);\n --my-focused-color: var(--main-color);\n --my-fill-color: var(--control-field-fill-color);\n --my-fill-hover-color: var(--control-field-fill-hover-color);\n --my-outline-color: var(--control-field-outline-color);\n --my-outline-hover-color: var(--control-field-outline-hover-color);\n\n &--invalid:not(#{&}--disabled):not(#{&}--readonly) {\n --my-bottom-color: var(--main-color);\n --my-bottom-hover-color: var(--main-color);\n --my-outline-color: var(--main-color);\n --my-outline-hover-color: var(--main-color);\n }\n\n &--readonly {\n // pointer-events: none !important;\n cursor: default;\n }\n\n &--disabled {\n color: var(--control-disabled-color);\n pointer-events: none;\n // cursor: not-allowed !important;\n user-select: none;\n }\n\n &::before,\n &::after {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: '';\n // transition: all 0.2s;\n }\n\n &::before {\n height: 1px;\n border-bottom: solid 1px var(--my-bottom-color);\n transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n }\n\n &::after {\n height: 2px;\n background: var(--my-focused-color);\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n transform: scaleX(0);\n }\n\n &--focused,\n &:focus-within {\n --my-outline-color: var(--my-focused-color);\n --my-outline-hover-color: var(--my-focused-color);\n\n outline: none;\n\n &::after {\n transform: scaleX(1);\n }\n }\n\n // &:focus-within {\n // &::after {\n // transform: scaleX(1);\n // }\n // }\n\n &--auto-height {\n height: auto;\n }\n\n &__body {\n display: flex;\n flex: 1 1 auto;\n align-items: stretch;\n align-self: stretch;\n // margin: 0 8px;\n margin: 0;\n // pointer-events: none;\n\n // color: #f00;\n\n // background-color: var(--control-fill-color);\n // border: solid 1px;\n }\n\n &--flat {\n padding-right: 0;\n padding-left: 0;\n }\n\n &--filled {\n background-color: var(--my-fill-color);\n border-top-left-radius: var(--control-field-radius);\n border-top-right-radius: var(--control-field-radius);\n transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n &:hover:not(:focus-within) {\n background-color: var(--my-fill-hover-color);\n }\n }\n\n &--flat:hover,\n &--filled:hover {\n &::before {\n border-color: var(--my-bottom-hover-color);\n }\n }\n\n &--flat:hover {\n &::before {\n height: 2px;\n border-bottom-width: 2px;\n }\n }\n\n &--flat#{&}--disabled,\n &--filled#{&}--disabled {\n &::before {\n border-bottom-style: dotted;\n }\n }\n\n &--outlined {\n // border: solid 1px var(--my-outline-color);\n border-radius: var(--control-field-radius);\n transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n\n &::before {\n top: 0;\n height: auto;\n background: transparent;\n border: solid 1px var(--my-outline-color);\n border-radius: inherit;\n }\n\n &:hover::before {\n border-color: var(--my-outline-hover-color);\n }\n\n &::after {\n content: none;\n }\n\n &:focus-within {\n box-shadow: 0 0 1px var(--shadow-color),\n 0 0 2px 2px var(--focusShadow-color);\n // border-color: var(--my-focused-color);\n }\n }\n\n &__adornment {\n // pointer-events: none;\n\n $my-offset: 0.25em;\n\n &--start {\n padding-right: $my-offset;\n }\n\n &--end {\n padding-left: $my-offset;\n }\n\n .v-icon {\n font-size: 1.2em;\n }\n }\n }\n}\n","@layer vui {\n .v-text-counter {\n white-space: nowrap;\n }\n}\n","@use 'sass:math';\n\n@layer vui {\n .v-checkbox {\n --my-border-color: var(--color);\n --my-faux-bg-color: transparent;\n\n &--selected,\n &--indeterminate {\n --my-border-color: transparent;\n --my-faux-bg-color: var(--color);\n }\n\n &__faux {\n display: block;\n width: 100%;\n height: 100%;\n clip-path: polygon(\n 0 0,\n 0 100%,\n 100% 100%,\n 100% 0,\n 88.25% 28.25%,\n 38% 78.125%,\n 12% 50%,\n 20% 42.1875%,\n 38% 63%,\n 82% 20%,\n 88.25% 28.25%,\n 100% 0\n );\n background: var(--my-faux-bg-color);\n border: solid 2px var(--my-border-color);\n border-radius: var(--control-field-radius);\n transition: border-color 0.2s, background-color 0.2s;\n }\n\n &--indeterminate &__faux {\n $x1: math.div(12, 54) * 100%;\n $x2: 100% - $x1;\n $y1: math.div(24, 54) * 100%;\n $y2: 100% - $y1;\n\n clip-path: polygon(\n 0 0,\n 0 100%,\n 100% 100%,\n 100% 0,\n #{$x2} #{$y1},\n #{$x2} #{$y2},\n #{$x1} #{$y2},\n #{$x1} #{$y1},\n #{$x2} #{$y1},\n 100% 0\n );\n }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-checkable {\n --outer-size: var(--control-checkable-outer-size);\n --icon-size: var(--control-checkable-icon-size);\n --color: var(--control-checkable-base-color);\n\n &--checked {\n --color: var(--main-color);\n }\n\n display: inline-flex;\n align-items: center;\n padding-right: 1em;\n cursor: pointer;\n user-select: none;\n\n &--invalid:not(#{&}--readonly) {\n --color: var(--main-color);\n }\n\n &--disabled {\n --color: var(--control-disabled-color);\n // --color: var(--main-color);\n\n pointer-events: none;\n cursor: default;\n }\n\n &--readonly {\n pointer-events: none;\n cursor: default;\n }\n\n input {\n @include core.hidden-input-element;\n }\n\n &__faux {\n position: relative;\n display: inline-flex;\n flex: 0 0 var(--outer-size);\n align-items: center;\n justify-content: center;\n width: var(--outer-size);\n height: var(--outer-size);\n margin: var(--control-checkable-faux-margin);\n margin-left: 0;\n color: var(--color);\n cursor: pointer;\n\n &__icon {\n position: relative;\n display: block;\n width: var(--icon-size);\n height: var(--icon-size);\n pointer-events: none;\n transform: scale(var(--control-checkable-faux-scale));\n }\n\n &::before {\n position: absolute;\n inset: 0;\n display: block;\n pointer-events: none;\n content: '';\n background: currentColor;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n &:hover::before {\n opacity: 0.1;\n }\n }\n\n &--custom-icon &__faux {\n flex-basis: auto;\n width: auto;\n\n &::before {\n content: none;\n }\n }\n\n &:focus-within &__faux {\n &::before {\n opacity: 0.2;\n }\n }\n\n &__label {\n line-height: 1.5;\n }\n\n &--disabled &__label {\n color: var(--color);\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use 'sass:math';\n\n@layer vui {\n .v-radio {\n --my-color: var(--color);\n\n // color: var(--my-color);\n // --my-faux-bg-color: transparent;\n\n // &--selected,\n // &--indeterminate {\n // --my-border-color: transparent;\n // --my-faux-bg-color: var(--color);\n // }\n\n &__faux {\n position: relative;\n // display: flex;\n // align-items: center;\n // justify-content: center;\n display: block;\n width: 100%;\n height: 100%;\n // background: var(--my-faux-bg-color);\n // border: solid 2px currentColor;\n // border-radius: 100%;\n transition: border-color 0.2s, background-color 0.2s;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n content: '';\n border-radius: 100%;\n }\n\n &::before {\n inset: 0;\n border: solid 2px currentColor;\n // display: block;\n // width: 60%;\n // height: 60%;\n // content: '';\n // background: currentColor;\n // border-radius: 100%;\n }\n\n &::after {\n top: 50%;\n left: 50%;\n width: 50%;\n height: 50%;\n background: currentColor;\n transition: transform 0.2s;\n transform: translate(-50%, -50%) scale(0);\n }\n }\n\n &--selected &__faux {\n &::after {\n transform: translate(-50%, -50%) scale(1);\n }\n }\n }\n}\n","@use 'sass:math';\n\n@layer vui {\n .v-switch {\n --my-pin-color: var(--palette-background);\n // --my-faux-bg-color: transparent;\n\n &--selected {\n --my-pin-color: var(--color);\n }\n\n &__faux {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n width: var(--control-switch-width);\n height: 100%;\n cursor: pointer;\n\n &::before {\n display: block;\n width: var(--control-switch-track-width);\n height: var(--control-switch-track-height);\n content: '';\n background: var(--color);\n border-radius: calc(var(--control-switch-track-height) / 2);\n opacity: 0.5;\n }\n\n &__pin {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--outer-size);\n height: var(--outer-size);\n // background: #f00;\n border-radius: 50%;\n transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n &::before,\n &::after {\n display: block;\n content: '';\n }\n\n &::before {\n position: absolute;\n width: 100%;\n height: 100%;\n background: currentColor;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n &::after {\n position: relative;\n width: var(--icon-size);\n height: var(--icon-size);\n background: var(--my-pin-color);\n border-radius: 50%;\n box-shadow: rgb(0 0 0 / 0.2) 0 2px 1px -1px,\n rgb(0 0 0 / 0.14) 0 1px 1px 0, rgb(0 0 0 / 0.12) 0 1px 3px 0;\n transform: scale(var(--control-checkable-faux-scale));\n }\n }\n }\n\n &--selected &__faux {\n &__pin {\n left: calc(100% - var(--outer-size));\n }\n }\n\n &--disabled &__faux {\n &::before {\n background-color: #000;\n opacity: 0.12;\n }\n\n &__pin {\n &::after {\n background-color: rgba(245, 245, 245, 1);\n }\n }\n }\n\n &__faux:hover &__faux__pin::before {\n opacity: 0.1;\n }\n\n &:focus-within &__faux {\n &__pin {\n &::before {\n opacity: 0.1;\n }\n }\n }\n\n // &--indeterminate &__faux {\n // $x1: math.div(12, 54) * 100%;\n // $x2: 100% - $x1;\n // $y1: math.div(24, 54) * 100%;\n // $y2: 100% - $y1;\n\n // clip-path: polygon(\n // 0 0,\n // 0 100%,\n // 100% 100%,\n // 100% 0,\n // #{$x2} #{$y1},\n // #{$x2} #{$y2},\n // #{$x1} #{$y2},\n // #{$x1} #{$y1},\n // #{$x2} #{$y1},\n // 100% 0\n // );\n // }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-option {\n @include core.button-reset();\n\n position: relative;\n display: flex;\n width: 100%;\n padding: 0.75em 1em;\n // font-size: 0.875em;\n\n input {\n @include core.hidden-input-element;\n }\n\n &::before,\n &::after {\n position: absolute;\n inset: 0;\n display: block;\n pointer-events: none;\n content: '';\n opacity: 0;\n transition: opacity 0.2s;\n }\n\n &::before {\n background: currentColor;\n }\n\n &::after {\n background: var(--palette-primary);\n }\n\n &:hover,\n &:focus-within,\n &--key-focused {\n &::before {\n opacity: 0.12;\n }\n }\n\n &__label {\n position: relative;\n display: block;\n }\n\n &--selected::after {\n opacity: 0.12;\n }\n\n &--selected &__label {\n font-weight: 500;\n color: var(--palette-primary);\n }\n\n &--has-not-value &__label {\n font-style: italic;\n }\n\n &[disabled],\n &[tabindex='-1'] {\n color: var(--palette-muted);\n pointer-events: none;\n opacity: 0.4;\n\n &::before {\n opacity: 0 !important;\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@layer vui {\n .v-option-group {\n display: block;\n\n &__label {\n padding: 1em;\n // padding: 0.875em 1em;\n font-size: 0.875em;\n color: var(--palette-caption);\n opacity: 0.6;\n }\n\n &--disabled &__label {\n color: var(--palette-muted);\n opacity: 0.4;\n }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-select {\n &__input {\n cursor: pointer;\n\n &__element {\n @include core.hidden-input-element;\n }\n\n // &__element {\n // width: 100%;\n // min-width: 0;\n // // width: calc(100% - 8px);\n // padding: 0;\n // margin: 0;\n // overflow: hidden;\n // // margin: 0 8px;\n // font-size: inherit;\n // text-overflow: ellipsis;\n // white-space: nowrap;\n // background: transparent;\n // border: 0;\n // border-radius: 0;\n // outline: 0;\n\n // &:-webkit-autofill {\n // color: inherit !important;\n // // box-shadow: 0 0 0 1000px get-color(field) inset;\n // }\n\n // &::-ms-clear {\n // display: none;\n // }\n\n // // @include placeholder {\n // // color: get-color(text-muted);\n // // }\n // }\n }\n\n &__body {\n padding: 0.5em 0;\n }\n\n &__selections {\n display: table;\n width: 100%;\n table-layout: fixed;\n // display: flex;\n // align-items: center;\n // width: 100%;\n // min-width: 0;\n &__inner {\n display: table-cell;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle;\n }\n\n .v-select--multiple & {\n display: block;\n }\n\n .v-select--multiple &__inner {\n display: block;\n overflow: auto;\n white-space: unset;\n }\n }\n\n &--multiple .v-control-field__body {\n padding: 0.2em 0;\n }\n\n &__placeholder {\n font-style: italic;\n color: var(--control-disabled-color);\n }\n\n // &__selection {\n // // // box-sizing: content-box;\n // // display: table-cell;\n // // // width: 100%;\n // // // min-width: 0;\n // // overflow: hidden;\n // // text-overflow: ellipsis;\n // // white-space: nowrap;\n // // vertical-align: middle;\n // }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-text-field {\n &__input {\n cursor: text;\n\n &__element {\n width: 100%;\n min-width: 0;\n // width: calc(100% - 8px);\n padding: 0;\n margin: 0;\n overflow: hidden;\n // margin: 0 8px;\n font-size: inherit;\n line-height: inherit;\n text-overflow: ellipsis;\n letter-spacing: inherit;\n white-space: nowrap;\n background: transparent;\n border: 0;\n border-radius: 0;\n outline: 0;\n\n &:-webkit-autofill {\n @include core.auto-fill-cancel;\n // color: inherit !important;\n // box-shadow: 0 0 0 1000px get-color(field) inset;\n }\n\n &::-ms-clear {\n display: none;\n }\n\n &::placeholder {\n font-style: italic;\n color: var(--control-disabled-color);\n }\n\n // @include placeholder {\n // color: get-color(text-muted);\n // }\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-textarea {\n &__input {\n cursor: text;\n\n &__element {\n width: 100%;\n min-width: 0;\n padding: 8px 0;\n margin: 0;\n font-size: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n resize: none;\n background: transparent;\n border: 0;\n border-radius: 0;\n outline: 0;\n\n &:-webkit-autofill {\n @include core.auto-fill-cancel;\n // color: inherit !important;\n // box-shadow: 0 0 0 1000px get-color(field) inset;\n }\n\n &::-ms-clear {\n display: none;\n }\n\n &::placeholder {\n font-style: italic;\n color: var(--control-disabled-color);\n }\n\n // @include placeholder {\n // color: get-color(text-muted);\n // }\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","$my-offset: 30px;\n\n@layer vui {\n .v-tabs {\n position: relative;\n width: 100%;\n height: var(--tabs-height);\n overflow: hidden;\n\n &::before {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n height: 2px;\n content: '';\n background: currentColor;\n opacity: 0.25;\n }\n\n &__scroller {\n width: 100%;\n height: calc(var(--tabs-height) + #{$my-offset});\n\n &__container {\n padding-bottom: $my-offset;\n }\n }\n\n &__content {\n position: relative;\n display: inline-flex;\n align-items: stretch;\n min-width: 100%;\n vertical-align: bottom;\n\n // &::after {\n // position: absolute;\n // right: 0;\n // bottom: 0;\n // left: 0;\n // z-index: 1;\n // display: block;\n // height: var(--tabs-bar-height);\n // pointer-events: none;\n // content: '';\n // }\n }\n }\n}\n","@use '../../styles/core.scss';\n\n@layer vui {\n .v-tab {\n @include core.button-reset;\n\n --tab-content-color: var(--palette-caption);\n --tab-content-focus-color: var(--main-color);\n --tab-content-opacity: 0.7;\n\n position: relative;\n z-index: 3;\n display: flex;\n // flex: 1 1 auto;\n align-items: center;\n justify-content: center;\n height: var(--tabs-height);\n padding: 0 1.25em;\n font: inherit;\n font-size: var(--tabs-font-size);\n // color: inherit;\n white-space: nowrap;\n user-select: none;\n transition: color 0.6s;\n\n &::before {\n position: absolute;\n right: 0;\n bottom: 0;\n // top: 0;\n left: 0;\n z-index: 1;\n height: 2px;\n content: '';\n background-color: var(--tab-content-focus-color);\n border-radius: inherit;\n transition: all 0.25s;\n transform: scaleX(0);\n }\n\n &__content {\n position: relative;\n z-index: 2;\n display: flex;\n align-items: center;\n line-height: 1.2;\n color: var(--tab-content-color);\n text-align: center;\n opacity: var(--tab-content-opacity);\n transition: all 0.25s ease;\n }\n\n &__icon {\n margin-right: 8px;\n font-size: 120%;\n }\n\n &:hover {\n --tab-content-color: var(--tab-content-focus-color);\n }\n\n &--active {\n --tab-content-color: rgba(0, 0, 0, 0.87);\n\n pointer-events: none;\n background: var(--tabs-color);\n\n --tab-content-opacity: 1;\n\n &::before {\n transform: scaleX(1);\n }\n }\n }\n}\n","@mixin hidden-input-element {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n clip-path: inset(100%);\n white-space: nowrap;\n}\n\n@mixin auto-fill-cancel {\n &:-webkit-autofill {\n &,\n &:hover,\n &:focus,\n &:active {\n color: inherit !important;\n transition: background-color 5000s;\n -webkit-text-fill-color: #fff !important;\n }\n }\n}\n\n@mixin elevation($z, $important: false) {\n box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),\n var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);\n}\n\n@mixin elevation-transition(\n $duration: 280ms,\n $easing: cubic-bezier(0.4, 0, 0.2, 1)\n) {\n transition: box-shadow $duration $easing;\n will-change: box-shadow;\n}\n\n@mixin remove-tap-highlight() {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin button-reset() {\n @include remove-tap-highlight;\n\n padding: 0;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n // background-color: transparent;\n border-width: 0;\n outline: 0;\n appearance: none;\n\n &,\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n","@layer vui {\n .v-breadcrumbs {\n display: block;\n margin: 1.5em auto;\n font-size: var(--breadcrumbs-font-size);\n\n &__list {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n padding: 0;\n margin: 0;\n vertical-align: bottom;\n list-style: none;\n }\n\n &__item,\n &__divider {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n &__link {\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n white-space: nowrap;\n vertical-align: middle;\n }\n\n &__item--disabled &__link {\n color: inherit;\n // color: get-color(text-muted);\n pointer-events: none;\n }\n\n &__icon {\n margin-right: 0.2em;\n font-size: 140%;\n }\n\n &__divider {\n // opacity: 0.3;\n position: relative;\n top: 1px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 1.25em;\n\n &__icon {\n display: block;\n width: 0.5em;\n height: 0.5em;\n margin-left: -0.25em;\n border-top: solid 1px currentColor;\n border-right: solid 1px currentColor;\n transform: rotate(45deg);\n }\n }\n }\n}\n","@layer vui {\n .v-content-switcher {\n position: relative;\n display: block;\n width: 100%;\n overflow: hidden;\n transition: var(--transition-tab);\n\n &__content {\n width: 100%;\n }\n\n &-prev {\n &-enter-active,\n &-leave-active {\n transition: var(--transition-tab);\n }\n\n &-enter {\n &-from {\n transform: translateX(-100%);\n }\n\n &-to {\n transform: translateX(0%);\n }\n }\n\n &-leave {\n transform: translateX(0%);\n\n &-active {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n &-to {\n transform: translateX(100%);\n }\n }\n }\n\n &-next {\n &-enter-active,\n &-leave-active {\n transition: var(--transition-tab);\n }\n\n &-enter {\n &-from {\n transform: translateX(100%);\n }\n\n &-to {\n transform: translateX(0%);\n }\n }\n\n &-leave {\n transform: translateX(0%);\n\n &-active {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n &-to {\n transform: translateX(-100%);\n }\n }\n }\n }\n}\n","@layer vui {\n .v-data-table {\n --controls-vertial-margin: 0.625em;\n\n .v-card-content & {\n margin-right: calc(var(--card-content-padding) * -1);\n margin-left: calc(var(--card-content-padding) * -1);\n }\n\n &__empty--message {\n // @include container;\n\n // color: get-color(text-muted);\n }\n\n &__controls {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n\n &__info {\n display: flex;\n align-items: center;\n\n &__length {\n margin-right: 20px;\n }\n }\n\n &__select-limit {\n display: flex;\n align-items: center;\n\n &__prefix {\n margin-right: 0.5em;\n font-size: 0.75em;\n color: var(--palette-muted);\n white-space: nowrap;\n }\n\n .v-select {\n width: 5em;\n margin-left: 0.5em;\n }\n }\n\n &__pagination {\n flex: 1 1 100%;\n margin-left: auto;\n\n @media screen and (min-width: 320px) {\n flex: 0 0 50%;\n width: 50%;\n }\n }\n }\n\n &__header {\n margin-bottom: var(--controls-vertial-margin);\n }\n\n &__footer {\n margin-top: var(--controls-vertial-margin);\n }\n\n &__body {\n position: relative;\n\n &__inner {\n overflow-x: auto;\n }\n }\n\n &__table-wrapper {\n display: flex;\n\n &::before,\n &::after {\n display: block;\n // flex: 0 0 $view-padding-narrow;\n // width: $view-padding-narrow;\n height: 1px;\n content: '';\n\n // @include mq(wide) {\n // flex-basis: $view-padding-wide;\n // width: $view-padding-wide;\n // }\n }\n }\n\n &__loading {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--palette-background);\n opacity: 0.5;\n }\n\n &__table {\n width: 100%;\n // min-width: calc(100% - #{$view-padding-narrow * 2});\n margin: 0;\n // border-collapse: separate;\n background: var(--palette-background);\n border-radius: var(--control-field-radius);\n\n // @include mq(wide) {\n // min-width: calc(100% - #{$view-padding-wide * 2});\n // }\n\n &__cell {\n position: relative;\n text-align: left;\n white-space: nowrap;\n vertical-align: middle;\n border-bottom: thin solid rgba(0, 0, 0, 0.12);\n transition: background 0.2s;\n\n &:first-child {\n padding-left: calc(var(--table-cell-horizontal-padding) * 2);\n }\n\n &:last-child {\n padding-right: calc(var(--table-cell-horizontal-padding) * 2);\n }\n\n &--left {\n text-align: left;\n }\n\n &--center {\n text-align: center;\n\n .v-data-table__table__sort-icon--empty {\n display: flex;\n }\n }\n\n &--right {\n text-align: right;\n }\n\n &[tabindex='0'] {\n cursor: pointer;\n\n &:hover,\n &:focus {\n // background: var(--shadow-color);\n // background: get-color(light);\n }\n }\n\n &__tile {\n display: flex;\n align-items: center;\n }\n }\n\n &__sort-icon {\n width: 25px;\n font-size: 1.25em;\n opacity: 0;\n transition: transform 0.2s, opacity 0.2s;\n\n // stylelint-disable-next-line no-descending-specificity\n &--empty {\n display: none;\n }\n }\n\n &__header &__cell {\n user-select: none;\n background: rgba(255, 255, 255, 0.85);\n backdrop-filter: blur(3px);\n\n &--active[tabindex='0'] {\n // color: get-color(invert-text);\n // background: get-color(primary);\n }\n }\n\n &__header &__cell--active &__sort-icon {\n opacity: 1;\n }\n\n &__cell[tabindex='0']:hover &__sort-icon,\n &__cell[tabindex='0']:focus &__sort-icon {\n opacity: 1;\n }\n\n &__body tr:last-child &__cell {\n border-bottom: none;\n }\n\n &__item {\n &:hover {\n td {\n // background: get-color(tocuh-0);\n }\n }\n\n &--selected {\n // stylelint-disable-next-line no-descending-specificity\n td {\n // background: get-color(light);\n }\n\n &:hover {\n td {\n // background: get-color(light);\n }\n }\n }\n }\n }\n\n // stylelint-disable-next-line no-descending-specificity\n &--fixed-header &__table__header &__table__cell {\n position: sticky;\n top: 0;\n z-index: 1;\n }\n }\n}\n","// @use './core.scss';\n// @use '../../styles/core.scss';\n\n@layer vui {\n .v-toolbar {\n --height: var(--toolbar-height);\n\n display: flex;\n align-items: center;\n width: 100%;\n height: var(--height);\n padding: 0 calc(var(--root-em) * 1.5); // 24\n margin: 0;\n border-radius: inherit;\n\n &--plain {\n --main-color: var(--palette-background);\n }\n\n .v-app-layout__header > & {\n height: 100%;\n }\n\n &--dense {\n --height: var(--toolbar-dense-height);\n }\n }\n}\n","// @use '../../styles/core.scss';\n\n@layer vui {\n .v-toolbar-menu {\n height: 100%;\n margin: 0;\n box-shadow: none;\n }\n}\n","// @use '../../styles/core.scss';\n\n@layer vui {\n .v-toolbar-edge {\n display: flex;\n flex: 0 0;\n align-items: center;\n align-self: stretch;\n\n &:empty,\n &--empty {\n display: none;\n }\n\n $my-negative-margin: calc(-1 * var(--root-em) * 0.75); // -12\n $my-margin: calc(var(--root-em) * 0.75); // -12\n\n &--start {\n margin-right: $my-margin;\n margin-left: $my-negative-margin;\n }\n\n &--end {\n padding-left: $my-margin;\n margin-right: $my-negative-margin;\n margin-left: auto;\n }\n }\n}\n","// @use '../../styles/core.scss';\n\n@layer vui {\n .v-toolbar-title {\n display: flex;\n flex-grow: 1;\n margin: 0;\n // font-size: var(--typo-h3-size);\n font-size: 1.25rem;\n // font-weight: var(--typo-h3-weight);\n font-weight: 400;\n // font-size: 16px;\n // font-weight: 500;\n line-height: 1;\n\n // font-weight: 500;\n // font-size: 1.25rem;\n // line-height: 1.6;\n // letter-spacing: 0.0075em;\n white-space: nowrap;\n\n // @include core.typo('h2');\n }\n}\n"],"mappings":";AAEA;AAEA;ACKA;;;AAGE;;AAQF;AACE;AACA;;AAUF;AACE;;AAOF;AACE;;AAQF;AACE;AACA;;AAWF;AACE;AACA;;AAQF;AAEE;AACA;;AAUF;AACE;;AAQF;AACE;AACA;AACA;;AAOF;;AAEE;;AAQF;;;AAIE;AACA;;AAOF;AACE;;AAQF;;AAEE;AACA;AACA;AACA;;AAGF;AACE;;AAGF;AACE;;AAUF;AACE;;AAWF;;;;;AAKE;AACA;AACA;AACA;AACA;;AAQF;;AAGE;;AAQF;;AAGE;;AAOF;;;;AAIE;;AAOF;;;;AAIE;AACA;;AAOF;;;;AAIE;;AAOF;AACE;;AAUF;AACE;AACA;AACA;AACA;AACA;;AAOF;AACE;;AAOF;AACE;;AAQF;;AAEE;;AAOF;;AAEE;;AAQF;AACE;AACA;;AAOF;AACE;;AAQF;AACE;AACA;;AAUF;AACE;;AAOF;AACE;;AAUF;AACE;;AAOF;AACE;;ADhWA;AACE;;;AAIJ;AEZA;AACE;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;;;;;;;;AAEA;AACA;;;;AAIA;AACA;AACA;AACA;AAGA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAGA;AAmCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAGA;AACA;AAGA;AACA;AACA;AACA;AACA;AAGA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;AAGA;AAKA;;AAGF;;AAEE;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;;AC5VF;AACE;AACA;AACA;AACA;;AAGF;ACoBE;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;ADzCA;;AELA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AC9CA;ADsBA;AAIA;AAIA;AAIA;AAIA;AAIA;AAIA;;AEhDA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ADnBA;ACmBA;;;;;ACxBF;;;;AAIE;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;;AAEE;AACA;AAEA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAIA;AACE;;AClDA;AACE;AAEA;;AAHF;AACE;AAEA;;AAHF;AACE;AAEA;;ACIF;;;;;;;;;;AACE;;AAGF;;;;;;;;;;AACE;;AAIJ;AACE;;;;;ACrBJ;AAEI;AACE;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;;AAIJ;AACE;AACA;AACA;;;;;ACtBN;AACE;AACE;AACA;AACA;AACA;AAGA;AACA;;AAEA;AACE;AACA;;AAGF;AACE;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;;AAOA;AACE;AACA;AACA;AACA;AACA;AACA;;AAKA;;AACE;;AAIJ;AACE;;AASN;AACE;AACA;;AAGF;;AAEE;AACA;AACA;AACA;;AAGF;AACE;;AAOF;AACE;AACA;;;;;ACnGN;AACE;AACE;AACA;AACA;AACA;AACA;AAGA;;AAEA;AAEE;;AAGF;AACE;AACA;AACA;AACA;;;;;ACpBN;AACE;AACE;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;;;AAKN;;AAEI;;;;;AC9BJ;AACE;AACE;AACA;AACA;AACA;;AAEA;AACE;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;;AAIJ;;AAEI;;;AAIA;;;AAIA;;;;;;ACrDN;AACE;AACE;;;;;ACFJ;AACE;AACE;AACA;;;;;ACHJ;AACE;AACE;AAcA;AACA;AACA;AACA;;AAfA;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAQF;AACE;AACA;;AAGF;AACE;;AAOF;AACE;AACA;;AAGF;AACE;AACA;;;;;ACvCN;AACE;ACkCA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;ADhDE;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;;ACQF;AACE;;AAgBF;;;AAGE;;AD1BA;AACE;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;AACE;;AAYF;;AAEE;AACA;AACA;AACA;AACA;;;;;AExEN;AACE;ACkCA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;AD9CE;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;ACWF;AACE;;AAgBF;;;AAGE;;AD7BA;AACE;;AAIA;AACE;AACA;;AAFF;AACE;AACA;;AAFF;AACE;AACA;;AAFF;AACE;AACA;;AAFF;AACE;AACA;;AAIJ;AACE;;AAsBA;AACE;AACA;;AAGF;AACE;AACA;;AAIJ;AACE;;;;;AE1EN;AACE;ACkCA;AD/BE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACyBF;AACE;;ADxBA;;;AAGE;;AAGF;AACE;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;;AACE;;AAKN;AACE;;AAEA;AACE;;;;;AE/CR;AACE;AACE;;;;;ACFJ;AACE;AACE;AACA;AACA;;AAEA;AACE;AACA;;;;;ACNN;AACE;AAIE;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAGF;AACE;;AAGF;AACE;;AAGA;AACE;;AAIJ;AAGE;;AAGF;AAIE;;AAGF;AAEE;;AAGF;AACE;AAEA;AACA;AACA;AACA;AAEA;;AAGF;AAEE;AACA;AAIA;AACA;;AAGF;AACE;;AAGF;AACE;;AAIA;AACE;;AAGF;AACE;;AAIJ;AACE;AACA;AACA;AACA;AACA;;AAGF;AAEE;;AAIA;AACE;;AAGF;AACE;;AAIJ;AACE;AACA;AACA;AACA;AACA;;;;;AChJN;AACE;AACE;AACA;;AAEA;AACE;AACA;;AAEA;AACE;AACA;;AAGF;AACE;AACA;;AAGF;AACE;;;;;AClBR;AACE;AACE;AACA;AACA;AACA;AAQA;AACA;AACA;AACA;AACA;;AAVA;AACE;AACA;AACA;;AASF;AACE;;AAGF;AACE;;AAGF;AACE;;AAGF;;ACIF;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;ADjBI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACPJ;;AACE;;AAgBF;;;;;;AAGE;;ADXE;;;;AAEE;;AAIA;;;;;;;;AAIE;AACA;AACA;;AAIJ;;AACE;AACA;AACA;;AAGF;;AACE;AACA;AACA;;AAGF;;AACE;;AAIJ;AACE;AACA;AACA;;AAGF;AACE;AACA;;AAEA;;AAEE;;AAGF;AACE;;;;;AEjGR;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AAEA;AACE;AAEA;AACA;;AAIA;;AAEE;AACA;;AAIJ;AACE;AACA;AACA;;AAOF;AACE;AAEA;AACA;;AAGF;AACE;;AAEA;AACE;AACA;;;;;ACtER;AACE;AACE;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAGF;AACE;AACA;;;;;AC9BN;AACE;AACE;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;;;;ACxBN;AAEI;AACE;AACA;;AAGF;AACE;;AAEA;AACE;;AAKF;AACE;;AAGF;AACE;;AAGF;AACE;;;;;ACzBR;AAGI;AACE;AACA;AACA;AAEA;AACA;AACA;;;;;ACVN;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;;AAGF;AAEE;;AAGF;AACE;AACA;AAEA;;AAGF;;AAEE;AACA;AACA;AACA;AACA;AACA;;AAIF;AACE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAGF;;AAEE;AACA;AAEA;;AAEA;;AACE;;AAUJ;AACE;;AAGF;AACE;AACA;AACA;AACA;AAEA;;AASF;AACE;AACA;;AAGF;AACE;AACA;AACA;AACA;;AAEA;AACE;;AAMF;;AACE;;AAKF;AACE;AACA;;AAMF;;AACE;;AAIJ;AAEE;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;;AAWF;AACE;;AAGF;AACE;;AAGF;AACE;;;;;ACpLR;AACE;AACE;;;;;ACAJ;AACE;AACE;AACA;;AAEA;;AAEE;AACA;;AAGF;AACE;AACA;AACA;AACA;AAcA;AACA;AACA;AACA;;AAGF;AAME;;;;;ACzCN;AACE;AACE;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;;AARA;AACE;;AASF;AACE;;AAGF;AACE;AAGA;AACA;;AAGF;AACE;AACA;;AAGF;AClCF;AACA;AACA;AACA;AACA;AACA;AACA;;ADgCE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;;AAIJ;AACE;AACA;;AAEA;AACE;;AAKF;AACE;;AAIJ;AACE;;AAGF;AACE;;;;;AEhGN;AACE;AACE;;AAWA;AACE;AAIA;AACA;AACA;AAIA;;AAEA;;AAEE;AACA;AACA;AACA;;AAGF;AACE;AACA;;AASF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKF;AACE;;;;;AC1DR;AACE;AACE;;AAGA;AACE;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;AAGA;;AAEE;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;;;;AAEA;;AAMJ;AACE;;AAKF;AACE;AACA;;AAIA;AACE;;AAKN;AACE;;AAKE;AACE;;;;;ACnGV;AACE;ACkCA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;ADhDE;AACA;AACA;AACA;;AC8BF;AACE;;AAgBF;;;AAGE;;AD/CA;ACXF;AACA;AACA;AACA;AACA;AACA;AACA;;ADSE;;AAEE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;;AAGF;AACE;;AAMA;;;AACE;;AAIJ;AACE;AACA;;AAGF;AACE;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;;AAEE;AACA;AACA;;AAEA;;AACE;;;;;AEpER;AACE;AACE;;AAEA;AACE;AAEA;AACA;AACA;;AAGF;AACE;AACA;;;;;ACZN;AAEI;AACE;;AAEA;ACNJ;AACA;AACA;AACA;AACA;AACA;AACA;;ADmCE;AACE;;AAGF;AACE;AACA;AACA;;AAKA;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;;AAGF;AACE;AACA;AACA;;AAIJ;AACE;;AAGF;AACE;AACA;;;;;AE7EN;AAEI;AACE;;AAEA;AACE;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACXJ;;;;AAIE;AACA;AACA;;ADaE;AACE;;AAGF;AACE;AACA;;;;;AEnCV;AAEI;AACE;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACPJ;;;;AAIE;AACA;AACA;;ADSE;AACE;;AAGF;AACE;AACA;;;;;AE/BV;AACE;AACE;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;;AAEA;AACE;;AAIJ;AACE;AACA;AACA;AACA;AACA;;;;;ACjCN;AACE;ACkCA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;ADhDE;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;ACgBF;AACE;;AAgBF;;;AAGE;;ADlCA;AACE;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;AACE;AAEA;AACA;AAEA;;AAEA;AACE;;;;;AEtER;AACE;AACE;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;;AAEE;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AAEA;;AAGF;AACE;AACA;;AAGF;AAEE;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AC1DR;AACE;AACE;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAIA;;AAEE;;AAIA;AACE;;AAGF;AACE;;AAIJ;AACE;;AAEA;AACE;AACA;AACA;;AAGF;AACE;;AAMJ;;AAEE;;AAIA;AACE;;AAGF;AACE;;AAIJ;AACE;;AAEA;AACE;AACA;AACA;;AAGF;AACE;;;;;ACrEV;AACE;AACE;;AAEA;AACE;AACA;;AASF;AACE;AACA;AACA;AACA;;AAEA;AACE;AACA;;AAEA;AACE;;AAIJ;AACE;AACA;;AAEA;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;;AAIJ;AACE;AACA;;AAEA;AAJF;AAKI;AACA;;;AAKN;AACE;;AAGF;AACE;;AAGF;AACE;;AAEA;AACE;;AAIJ;AACE;;AAEA;;AAEE;AAGA;AACA;;AASJ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGF;AACE;AAEA;AAEA;AACA;;AAMA;AACE;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;;AAEA;AACE;;AAIJ;AACE;;AAGF;AACE;;AASF;AACE;AACA;;AAIJ;AACE;AACA;AACA;AACA;;AAGA;AACE;;AAIJ;AACE;AACA;AACA;;AAQF;AACE;;AAGF;;AAEE;;AAGF;AACE;;AA0BJ;AACE;AACA;AACA;;;;;AC9NN;AACE;AACE;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAGF;AACE;;AAGF;AACE;;;;;ACtBN;AACE;AACE;AACA;AACA;;;;;ACJJ;AACE;AACE;AACA;AACA;AACA;;AAEA;;AAEE;;AAMF;AACE;AACA;;AAGF;AACE;AACA;AACA;;;;;ACvBN;AACE;AACE;AACA;AACA;AAEA;AAEA;AAGA;AAMA;;;","names":[]}

package/dist/vui.d.ts CHANGED Viewed

@@ -863,6 +863,10 @@ interface VuiServiceIconSettings {
     editorformatItalic: IconName;
     editorformatListBulleted: IconName;
     editorformatListNumbered: IconName;
+    editorAlignLeft: IconName;
+    editorAlignCenter: IconName;
+    editorAlignRight: IconName;
+    editorAlignJustify: IconName;
     editorLink: IconName;
     editorLinkOff: IconName;
     editorUndo: IconName;

package/dist/vui.mjs CHANGED Viewed

@@ -1345,19 +1345,12 @@ var VButton = defineComponent({
         return;
       return _spacer === true ? "left" : _spacer;
     });
-    const classes = computed(() => [
-      color.colorClasses.value,
-      // navigationable.value.classes,
-      spacer.value ? `v-button--spacer-${spacer.value}` : void 0,
-      `v-button--${control.size.value}`,
-      `v-button--align-${props10.align}`,
-      {
-        "v-button--loading": isLoading.value,
-        "v-button--icon": !!icon.value,
-        "v-button--rounded": props10.rounded,
-        "v-button--plain": isPlain.value
-      }
-    ]);
+    const classes = computed(() => [color.colorClasses.value, spacer.value ? `v-button--spacer-${spacer.value}` : void 0, `v-button--${control.size.value}`, `v-button--align-${props10.align}`, {
+      "v-button--loading": isLoading.value,
+      "v-button--icon": !!icon.value,
+      "v-button--rounded": props10.rounded,
+      "v-button--plain": isPlain.value
+    }]);
     return () => {
       const children = renderSlotOrEmpty(ctx.slots);
       return createVNode(VAction, mergeProps(ctx.attrs, {