@code-coaching/vuetiful 0.15.0 → 0.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -3
- package/dist/style.css +2 -2
- package/dist/styles/all.css +95 -93
- package/dist/types/components/atoms/VAvatar.vue.d.ts +2 -2
- package/dist/types/{utils/dark-mode/dark-mode.vue.d.ts → components/atoms/VLightSwitch.vue.d.ts} +4 -4
- package/dist/types/components/atoms/index.d.ts +3 -1
- package/dist/types/services/index.d.ts +3 -1
- package/dist/types/utils/index.d.ts +1 -4
- package/dist/types/utils/theme/theme-switcher.vue.d.ts +3 -3
- package/dist/vuetiful.es.mjs +5127 -5129
- package/dist/vuetiful.umd.js +14 -15
- package/package.json +1 -1
- package/src/{utils/code-block → components/atoms}/VCodeBlock.vue +1 -1
- package/src/{utils/dark-mode/dark-mode.vue → components/atoms/VLightSwitch.vue} +1 -2
- package/src/components/atoms/index.ts +4 -0
- package/src/{utils/dark-mode → services}/dark-mode.service.test.ts +11 -11
- package/src/{utils/dark-mode → services}/dark-mode.service.ts +1 -1
- package/src/services/index.ts +3 -1
- package/src/utils/index.ts +1 -4
- package/src/utils/theme/theme-switcher.vue +10 -15
- /package/dist/types/{utils/code-block → components/atoms}/VCodeBlock.vue.d.ts +0 -0
- /package/dist/types/{utils/dark-mode → services}/dark-mode.service.d.ts +0 -0
- /package/dist/types/{utils/dark-mode → services}/dark-mode.service.test.d.ts +0 -0
- /package/dist/types/{utils/code-block → services}/highlight.service.d.ts +0 -0
- /package/dist/types/{utils/code-block → services}/highlight.service.test.d.ts +0 -0
- /package/src/{utils/code-block → services}/highlight.service.test.ts +0 -0
- /package/src/{utils/code-block → services}/highlight.service.ts +0 -0
package/README.md
CHANGED
|
@@ -19,7 +19,6 @@ TailwindCSS is added as a dependency in the consuming app, but is not mandatory
|
|
|
19
19
|
- [x] Badge
|
|
20
20
|
- [x] Button
|
|
21
21
|
- [x] Code Block (with syntax highlighting and copy to clipboard)
|
|
22
|
-
- [ ] TODO - move from utils to atoms
|
|
23
22
|
- [ ] Conic Gradients
|
|
24
23
|
- [x] Chip
|
|
25
24
|
- [ ] File Button
|
|
@@ -43,8 +42,6 @@ TailwindCSS is added as a dependency in the consuming app, but is not mandatory
|
|
|
43
42
|
- [ ] Breadcrumb
|
|
44
43
|
- [ ] Card
|
|
45
44
|
- [x] Drawer
|
|
46
|
-
- [x] Lightswitch (dark mode)
|
|
47
|
-
- [ ] TODO - move from utils to molecules
|
|
48
45
|
- [ ] List
|
|
49
46
|
- [ ] Listbox
|
|
50
47
|
- [ ] Modal
|
package/dist/style.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@font-face{font-family:myfont;src:url(data:font/woff;base64,d09GRgABAAAAAATMAAsAAAAABIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGBGNtYXAAAAFoAAAAVAAAAFQWfNQ7Z2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAMQAAADE9iu5ZGhlYWQAAAKIAAAANgAAADYfdnyraGhlYQAAAsAAAAAkAAAAJAfCA8ZobXR4AAAC5AAAABQAAAAUCgAAAGxvY2EAAAL4AAAADAAAAAwAKAB2bWF4cAAAAwQAAAAgAAAAIAAHACxuYW1lAAADJAAAAYYAAAGGmUoJ+3Bvc3QAAASsAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6doDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOna//3//wAAAAAAIOna//3//wAB/+MWKgADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAA/8wEAAOAACkAAAEiBw4BBwYHJicuAScmIyIHDgEHBhUUFx4BFxYXNjc+ATc2NTQnLgEnJgLzKCUlPxkZEBAZGT8lJSg4MTFJFRUzM5lZWk5KWVmbNTQVFUkxMQOADw8yICEiIiEgMg8PFRVJMTE4cU5Pjk5NcG9PT5BOT204MTFJFRUAAAEAAAAAAABxV9/FXw889QALBAAAAAAA3iwcMQAAAADeLBwxAAD/zAQAA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAAAAAAAACgAUAB4AYgABAAAABQAqAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)}[class^=icon-],[class*=" icon-"]{font-family:myfont!important}.icon-heart:before{content:"\e9da"}.global-example{color:red}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.bottom-0{bottom:0px}.left-0{left:0px}.right-0{right:0px}.top-0{top:0px}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-m-4{margin:-1rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[50\%\]{height:50%}.h-full{height:100%}.max-h-64{max-height:16rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-60{width:15rem}.w-8{width:2rem}.w-\[50\%\]{width:50%}.w-\[70\%\]{width:70%}.w-\[70px\]{width:70px}.w-\[90\%\]{width:90%}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.translate-x-\[100\%\],.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.8\]{--tw-scale-x: .8;--tw-scale-y: .8;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.bg-neutral-900\/90{background-color:#171717e6}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-50) / var(--tw-bg-opacity))}.bg-surface-200{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-200) / var(--tw-bg-opacity))}.bg-surface-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-50) / var(--tw-bg-opacity))}.bg-surface-900{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-900) / var(--tw-bg-opacity))}.bg-opacity-90{--tw-bg-opacity: .9}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-0{padding-bottom:0}.pl-4{padding-left:1rem}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.\!text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.text-primary-900{--tw-text-opacity: 1;color:rgb(var(--color-primary-900) / var(--tw-text-opacity))}.text-surface-50{--tw-text-opacity: 1;color:rgb(var(--color-surface-50) / var(--tw-text-opacity))}.text-surface-900{--tw-text-opacity: 1;color:rgb(var(--color-surface-900) / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white\/50{color:#ffffff80}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[1px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-surface-500\/30{--tw-ring-color: rgb(var(--color-surface-500) / .3)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[150ms\]{transition-duration:.15s}.duration-\[200ms\]{transition-duration:.2s}.dark .bg-primary-backdrop-token{background-color:rgb(var(--color-primary-900) / .7)}.dark .bg-primary-50-900-token{background-color:rgb(var(--color-primary-900))}.dark .bg-primary-100-800-token{background-color:rgb(var(--color-primary-800))}.dark .bg-primary-200-700-token{background-color:rgb(var(--color-primary-700))}.dark .bg-primary-300-600-token{background-color:rgb(var(--color-primary-600))}.dark .bg-primary-400-500-token{background-color:rgb(var(--color-primary-500))}.dark .bg-primary-900-50-token{background-color:rgb(var(--color-primary-50))}.dark .bg-primary-800-100-token{background-color:rgb(var(--color-primary-100))}.dark .bg-primary-700-200-token{background-color:rgb(var(--color-primary-200))}.dark .bg-primary-600-300-token{background-color:rgb(var(--color-primary-300))}.dark .bg-primary-500-400-token{background-color:rgb(var(--color-primary-400))}.dark .bg-secondary-backdrop-token{background-color:rgb(var(--color-secondary-900) / .7)}.bg-secondary-active-token{background-color:rgb(var(--color-secondary-500))!important;color:rgb(var(--on-secondary));fill:rgb(var(--on-secondary))}.dark .bg-secondary-50-900-token{background-color:rgb(var(--color-secondary-900))}.dark .bg-secondary-100-800-token{background-color:rgb(var(--color-secondary-800))}.dark .bg-secondary-200-700-token{background-color:rgb(var(--color-secondary-700))}.dark .bg-secondary-300-600-token{background-color:rgb(var(--color-secondary-600))}.dark .bg-secondary-400-500-token{background-color:rgb(var(--color-secondary-500))}.dark .bg-secondary-900-50-token{background-color:rgb(var(--color-secondary-50))}.dark .bg-secondary-800-100-token{background-color:rgb(var(--color-secondary-100))}.dark .bg-secondary-700-200-token{background-color:rgb(var(--color-secondary-200))}.dark .bg-secondary-600-300-token{background-color:rgb(var(--color-secondary-300))}.dark .bg-secondary-500-400-token{background-color:rgb(var(--color-secondary-400))}.dark .bg-tertiary-backdrop-token{background-color:rgb(var(--color-tertiary-900) / .7)}.dark .bg-tertiary-50-900-token{background-color:rgb(var(--color-tertiary-900))}.dark .bg-tertiary-100-800-token{background-color:rgb(var(--color-tertiary-800))}.dark .bg-tertiary-200-700-token{background-color:rgb(var(--color-tertiary-700))}.dark .bg-tertiary-300-600-token{background-color:rgb(var(--color-tertiary-600))}.dark .bg-tertiary-400-500-token{background-color:rgb(var(--color-tertiary-500))}.dark .bg-tertiary-900-50-token{background-color:rgb(var(--color-tertiary-50))}.dark .bg-tertiary-800-100-token{background-color:rgb(var(--color-tertiary-100))}.dark .bg-tertiary-700-200-token{background-color:rgb(var(--color-tertiary-200))}.dark .bg-tertiary-600-300-token{background-color:rgb(var(--color-tertiary-300))}.dark .bg-tertiary-500-400-token{background-color:rgb(var(--color-tertiary-400))}.dark .bg-success-backdrop-token{background-color:rgb(var(--color-success-900) / .7)}.dark .bg-success-50-900-token{background-color:rgb(var(--color-success-900))}.dark .bg-success-100-800-token{background-color:rgb(var(--color-success-800))}.dark .bg-success-200-700-token{background-color:rgb(var(--color-success-700))}.dark .bg-success-300-600-token{background-color:rgb(var(--color-success-600))}.dark .bg-success-400-500-token{background-color:rgb(var(--color-success-500))}.dark .bg-success-900-50-token{background-color:rgb(var(--color-success-50))}.dark .bg-success-800-100-token{background-color:rgb(var(--color-success-100))}.dark .bg-success-700-200-token{background-color:rgb(var(--color-success-200))}.dark .bg-success-600-300-token{background-color:rgb(var(--color-success-300))}.dark .bg-success-500-400-token{background-color:rgb(var(--color-success-400))}.dark .bg-warning-backdrop-token{background-color:rgb(var(--color-warning-900) / .7)}.dark .bg-warning-50-900-token{background-color:rgb(var(--color-warning-900))}.dark .bg-warning-100-800-token{background-color:rgb(var(--color-warning-800))}.dark .bg-warning-200-700-token{background-color:rgb(var(--color-warning-700))}.dark .bg-warning-300-600-token{background-color:rgb(var(--color-warning-600))}.dark .bg-warning-400-500-token{background-color:rgb(var(--color-warning-500))}.dark .bg-warning-900-50-token{background-color:rgb(var(--color-warning-50))}.dark .bg-warning-800-100-token{background-color:rgb(var(--color-warning-100))}.dark .bg-warning-700-200-token{background-color:rgb(var(--color-warning-200))}.dark .bg-warning-600-300-token{background-color:rgb(var(--color-warning-300))}.dark .bg-warning-500-400-token{background-color:rgb(var(--color-warning-400))}.dark .bg-error-backdrop-token{background-color:rgb(var(--color-error-900) / .7)}.dark .bg-error-50-900-token{background-color:rgb(var(--color-error-900))}.dark .bg-error-100-800-token{background-color:rgb(var(--color-error-800))}.dark .bg-error-200-700-token{background-color:rgb(var(--color-error-700))}.dark .bg-error-300-600-token{background-color:rgb(var(--color-error-600))}.dark .bg-error-400-500-token{background-color:rgb(var(--color-error-500))}.dark .bg-error-900-50-token{background-color:rgb(var(--color-error-50))}.dark .bg-error-800-100-token{background-color:rgb(var(--color-error-100))}.dark .bg-error-700-200-token{background-color:rgb(var(--color-error-200))}.dark .bg-error-600-300-token{background-color:rgb(var(--color-error-300))}.dark .bg-error-500-400-token{background-color:rgb(var(--color-error-400))}.bg-surface-backdrop-token{background-color:rgb(var(--color-surface-400) / .7)}.dark .bg-surface-backdrop-token{background-color:rgb(var(--color-surface-900) / .7)}.dark .bg-surface-50-900-token{background-color:rgb(var(--color-surface-900))}.bg-surface-100-800-token{background-color:rgb(var(--color-surface-100))}.dark .bg-surface-100-800-token{background-color:rgb(var(--color-surface-800))}.bg-surface-200-700-token{background-color:rgb(var(--color-surface-200))}.dark .bg-surface-200-700-token{background-color:rgb(var(--color-surface-700))}.dark .bg-surface-300-600-token{background-color:rgb(var(--color-surface-600))}.dark .bg-surface-400-500-token{background-color:rgb(var(--color-surface-500))}.dark .bg-surface-900-50-token{background-color:rgb(var(--color-surface-50))}.dark .bg-surface-800-100-token{background-color:rgb(var(--color-surface-100))}.dark .bg-surface-700-200-token{background-color:rgb(var(--color-surface-200))}.dark .bg-surface-600-300-token{background-color:rgb(var(--color-surface-300))}.dark .bg-surface-500-400-token{background-color:rgb(var(--color-surface-400))}.border-token{border-width:var(--theme-border-base)}.dark .border-primary-50-900-token{border-color:rgb(var(--color-primary-900))}.dark .border-primary-100-800-token{border-color:rgb(var(--color-primary-800))}.dark .border-primary-200-700-token{border-color:rgb(var(--color-primary-700))}.dark .border-primary-300-600-token{border-color:rgb(var(--color-primary-600))}.dark .border-primary-400-500-token{border-color:rgb(var(--color-primary-500))}.dark .border-primary-900-50-token{border-color:rgb(var(--color-primary-50))}.dark .border-primary-800-100-token{border-color:rgb(var(--color-primary-100))}.dark .border-primary-700-200-token{border-color:rgb(var(--color-primary-200))}.dark .border-primary-600-300-token{border-color:rgb(var(--color-primary-300))}.dark .border-primary-500-400-token{border-color:rgb(var(--color-primary-400))}.dark .border-secondary-50-900-token{border-color:rgb(var(--color-secondary-900))}.dark .border-secondary-100-800-token{border-color:rgb(var(--color-secondary-800))}.dark .border-secondary-200-700-token{border-color:rgb(var(--color-secondary-700))}.dark .border-secondary-300-600-token{border-color:rgb(var(--color-secondary-600))}.dark .border-secondary-400-500-token{border-color:rgb(var(--color-secondary-500))}.dark .border-secondary-900-50-token{border-color:rgb(var(--color-secondary-50))}.dark .border-secondary-800-100-token{border-color:rgb(var(--color-secondary-100))}.dark .border-secondary-700-200-token{border-color:rgb(var(--color-secondary-200))}.dark .border-secondary-600-300-token{border-color:rgb(var(--color-secondary-300))}.dark .border-secondary-500-400-token{border-color:rgb(var(--color-secondary-400))}.dark .border-tertiary-50-900-token{border-color:rgb(var(--color-tertiary-900))}.dark .border-tertiary-100-800-token{border-color:rgb(var(--color-tertiary-800))}.dark .border-tertiary-200-700-token{border-color:rgb(var(--color-tertiary-700))}.dark .border-tertiary-300-600-token{border-color:rgb(var(--color-tertiary-600))}.dark .border-tertiary-400-500-token{border-color:rgb(var(--color-tertiary-500))}.dark .border-tertiary-900-50-token{border-color:rgb(var(--color-tertiary-50))}.dark .border-tertiary-800-100-token{border-color:rgb(var(--color-tertiary-100))}.dark .border-tertiary-700-200-token{border-color:rgb(var(--color-tertiary-200))}.dark .border-tertiary-600-300-token{border-color:rgb(var(--color-tertiary-300))}.dark .border-tertiary-500-400-token{border-color:rgb(var(--color-tertiary-400))}.dark .border-success-50-900-token{border-color:rgb(var(--color-success-900))}.dark .border-success-100-800-token{border-color:rgb(var(--color-success-800))}.dark .border-success-200-700-token{border-color:rgb(var(--color-success-700))}.dark .border-success-300-600-token{border-color:rgb(var(--color-success-600))}.dark .border-success-400-500-token{border-color:rgb(var(--color-success-500))}.dark .border-success-900-50-token{border-color:rgb(var(--color-success-50))}.dark .border-success-800-100-token{border-color:rgb(var(--color-success-100))}.dark .border-success-700-200-token{border-color:rgb(var(--color-success-200))}.dark .border-success-600-300-token{border-color:rgb(var(--color-success-300))}.dark .border-success-500-400-token{border-color:rgb(var(--color-success-400))}.dark .border-warning-50-900-token{border-color:rgb(var(--color-warning-900))}.dark .border-warning-100-800-token{border-color:rgb(var(--color-warning-800))}.dark .border-warning-200-700-token{border-color:rgb(var(--color-warning-700))}.dark .border-warning-300-600-token{border-color:rgb(var(--color-warning-600))}.dark .border-warning-400-500-token{border-color:rgb(var(--color-warning-500))}.dark .border-warning-900-50-token{border-color:rgb(var(--color-warning-50))}.dark .border-warning-800-100-token{border-color:rgb(var(--color-warning-100))}.dark .border-warning-700-200-token{border-color:rgb(var(--color-warning-200))}.dark .border-warning-600-300-token{border-color:rgb(var(--color-warning-300))}.dark .border-warning-500-400-token{border-color:rgb(var(--color-warning-400))}.dark .border-error-50-900-token{border-color:rgb(var(--color-error-900))}.dark .border-error-100-800-token{border-color:rgb(var(--color-error-800))}.dark .border-error-200-700-token{border-color:rgb(var(--color-error-700))}.dark .border-error-300-600-token{border-color:rgb(var(--color-error-600))}.dark .border-error-400-500-token{border-color:rgb(var(--color-error-500))}.dark .border-error-900-50-token{border-color:rgb(var(--color-error-50))}.dark .border-error-800-100-token{border-color:rgb(var(--color-error-100))}.dark .border-error-700-200-token{border-color:rgb(var(--color-error-200))}.dark .border-error-600-300-token{border-color:rgb(var(--color-error-300))}.dark .border-error-500-400-token{border-color:rgb(var(--color-error-400))}.dark .border-surface-50-900-token{border-color:rgb(var(--color-surface-900))}.dark .border-surface-100-800-token{border-color:rgb(var(--color-surface-800))}.dark .border-surface-200-700-token{border-color:rgb(var(--color-surface-700))}.dark .border-surface-300-600-token{border-color:rgb(var(--color-surface-600))}.border-surface-400-500-token{border-color:rgb(var(--color-surface-400))}.dark .border-surface-400-500-token{border-color:rgb(var(--color-surface-500))}.dark .border-surface-900-50-token{border-color:rgb(var(--color-surface-50))}.dark .border-surface-800-100-token{border-color:rgb(var(--color-surface-100))}.dark .border-surface-700-200-token{border-color:rgb(var(--color-surface-200))}.dark .border-surface-600-300-token{border-color:rgb(var(--color-surface-300))}.dark .border-surface-500-400-token{border-color:rgb(var(--color-surface-400))}.rounded-token{border-radius:var(--theme-rounded-base)}.rounded-container-token{border-radius:var(--theme-rounded-container)}.rounded-tl-container-token{border-top-left-radius:var(--theme-rounded-container)}.rounded-tr-container-token{border-top-right-radius:var(--theme-rounded-container)}.rounded-bl-container-token{border-bottom-left-radius:var(--theme-rounded-container)}.rounded-br-container-token{border-bottom-right-radius:var(--theme-rounded-container)}.fill-base-token{fill:rgba(var(--theme-font-color-base))}.dark .fill-token{fill:rgba(var(--theme-font-color-dark))}.fill-on-surface-token{fill:rgb(var(--on-surface))}.dark .text-token{color:rgba(var(--theme-font-color-dark))}.dark .text-primary-50-900-token{color:rgb(var(--color-primary-900))}.dark .text-primary-100-800-token{color:rgb(var(--color-primary-800))}.dark .text-primary-200-700-token{color:rgb(var(--color-primary-700))}.dark .text-primary-300-600-token{color:rgb(var(--color-primary-600))}.dark .text-primary-400-500-token{color:rgb(var(--color-primary-500))}.dark .text-primary-900-50-token{color:rgb(var(--color-primary-50))}.dark .text-primary-800-100-token{color:rgb(var(--color-primary-100))}.dark .text-primary-700-200-token{color:rgb(var(--color-primary-200))}.dark .text-primary-600-300-token{color:rgb(var(--color-primary-300))}.dark .text-primary-500-400-token{color:rgb(var(--color-primary-400))}.dark .text-secondary-50-900-token{color:rgb(var(--color-secondary-900))}.dark .text-secondary-100-800-token{color:rgb(var(--color-secondary-800))}.dark .text-secondary-200-700-token{color:rgb(var(--color-secondary-700))}.dark .text-secondary-300-600-token{color:rgb(var(--color-secondary-600))}.dark .text-secondary-400-500-token{color:rgb(var(--color-secondary-500))}.dark .text-secondary-900-50-token{color:rgb(var(--color-secondary-50))}.dark .text-secondary-800-100-token{color:rgb(var(--color-secondary-100))}.dark .text-secondary-700-200-token{color:rgb(var(--color-secondary-200))}.dark .text-secondary-600-300-token{color:rgb(var(--color-secondary-300))}.dark .text-secondary-500-400-token{color:rgb(var(--color-secondary-400))}.dark .text-tertiary-50-900-token{color:rgb(var(--color-tertiary-900))}.dark .text-tertiary-100-800-token{color:rgb(var(--color-tertiary-800))}.dark .text-tertiary-200-700-token{color:rgb(var(--color-tertiary-700))}.dark .text-tertiary-300-600-token{color:rgb(var(--color-tertiary-600))}.dark .text-tertiary-400-500-token{color:rgb(var(--color-tertiary-500))}.dark .text-tertiary-900-50-token{color:rgb(var(--color-tertiary-50))}.dark .text-tertiary-800-100-token{color:rgb(var(--color-tertiary-100))}.dark .text-tertiary-700-200-token{color:rgb(var(--color-tertiary-200))}.dark .text-tertiary-600-300-token{color:rgb(var(--color-tertiary-300))}.dark .text-tertiary-500-400-token{color:rgb(var(--color-tertiary-400))}.dark .text-success-50-900-token{color:rgb(var(--color-success-900))}.dark .text-success-100-800-token{color:rgb(var(--color-success-800))}.dark .text-success-200-700-token{color:rgb(var(--color-success-700))}.dark .text-success-300-600-token{color:rgb(var(--color-success-600))}.dark .text-success-400-500-token{color:rgb(var(--color-success-500))}.dark .text-success-900-50-token{color:rgb(var(--color-success-50))}.dark .text-success-800-100-token{color:rgb(var(--color-success-100))}.dark .text-success-700-200-token{color:rgb(var(--color-success-200))}.dark .text-success-600-300-token{color:rgb(var(--color-success-300))}.dark .text-success-500-400-token{color:rgb(var(--color-success-400))}.dark .text-warning-50-900-token{color:rgb(var(--color-warning-900))}.dark .text-warning-100-800-token{color:rgb(var(--color-warning-800))}.dark .text-warning-200-700-token{color:rgb(var(--color-warning-700))}.dark .text-warning-300-600-token{color:rgb(var(--color-warning-600))}.dark .text-warning-400-500-token{color:rgb(var(--color-warning-500))}.dark .text-warning-900-50-token{color:rgb(var(--color-warning-50))}.dark .text-warning-800-100-token{color:rgb(var(--color-warning-100))}.dark .text-warning-700-200-token{color:rgb(var(--color-warning-200))}.dark .text-warning-600-300-token{color:rgb(var(--color-warning-300))}.dark .text-warning-500-400-token{color:rgb(var(--color-warning-400))}.dark .text-error-50-900-token{color:rgb(var(--color-error-900))}.dark .text-error-100-800-token{color:rgb(var(--color-error-800))}.dark .text-error-200-700-token{color:rgb(var(--color-error-700))}.dark .text-error-300-600-token{color:rgb(var(--color-error-600))}.dark .text-error-400-500-token{color:rgb(var(--color-error-500))}.dark .text-error-900-50-token{color:rgb(var(--color-error-50))}.dark .text-error-800-100-token{color:rgb(var(--color-error-100))}.dark .text-error-700-200-token{color:rgb(var(--color-error-200))}.dark .text-error-600-300-token{color:rgb(var(--color-error-300))}.dark .text-error-500-400-token{color:rgb(var(--color-error-400))}.dark .text-surface-50-900-token{color:rgb(var(--color-surface-900))}.dark .text-surface-100-800-token{color:rgb(var(--color-surface-800))}.dark .text-surface-200-700-token{color:rgb(var(--color-surface-700))}.dark .text-surface-300-600-token{color:rgb(var(--color-surface-600))}.dark .text-surface-400-500-token{color:rgb(var(--color-surface-500))}.dark .text-surface-900-50-token{color:rgb(var(--color-surface-50))}.dark .text-surface-800-100-token{color:rgb(var(--color-surface-100))}.dark .text-surface-700-200-token{color:rgb(var(--color-surface-200))}.dark .text-surface-600-300-token{color:rgb(var(--color-surface-300))}.dark .text-surface-500-400-token{color:rgb(var(--color-surface-400))}.dark .ring-outline-token{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: rgb(250 250 250 / .05)}.dark .ring-primary-50-900-token{--tw-ring-color: rgb(var(--color-primary-900) / 1)}.dark .ring-primary-100-800-token{--tw-ring-color: rgb(var(--color-primary-800) / 1)}.dark .ring-primary-200-700-token{--tw-ring-color: rgb(var(--color-primary-700) / 1)}.dark .ring-primary-300-600-token{--tw-ring-color: rgb(var(--color-primary-600) / 1)}.dark .ring-primary-400-500-token{--tw-ring-color: rgb(var(--color-primary-500) / 1)}.dark .ring-primary-900-50-token{--tw-ring-color: rgb(var(--color-primary-50) / 1)}.dark .ring-primary-800-100-token{--tw-ring-color: rgb(var(--color-primary-100) / 1)}.dark .ring-primary-700-200-token{--tw-ring-color: rgb(var(--color-primary-200) / 1)}.dark .ring-primary-600-300-token{--tw-ring-color: rgb(var(--color-primary-300) / 1)}.dark .ring-primary-500-400-token{--tw-ring-color: rgb(var(--color-primary-400) / 1)}.dark .ring-secondary-50-900-token{--tw-ring-color: rgb(var(--color-secondary-900) / 1)}.dark .ring-secondary-100-800-token{--tw-ring-color: rgb(var(--color-secondary-800) / 1)}.dark .ring-secondary-200-700-token{--tw-ring-color: rgb(var(--color-secondary-700) / 1)}.dark .ring-secondary-300-600-token{--tw-ring-color: rgb(var(--color-secondary-600) / 1)}.dark .ring-secondary-400-500-token{--tw-ring-color: rgb(var(--color-secondary-500) / 1)}.dark .ring-secondary-900-50-token{--tw-ring-color: rgb(var(--color-secondary-50) / 1)}.dark .ring-secondary-800-100-token{--tw-ring-color: rgb(var(--color-secondary-100) / 1)}.dark .ring-secondary-700-200-token{--tw-ring-color: rgb(var(--color-secondary-200) / 1)}.dark .ring-secondary-600-300-token{--tw-ring-color: rgb(var(--color-secondary-300) / 1)}.dark .ring-secondary-500-400-token{--tw-ring-color: rgb(var(--color-secondary-400) / 1)}.dark .ring-tertiary-50-900-token{--tw-ring-color: rgb(var(--color-tertiary-900) / 1)}.dark .ring-tertiary-100-800-token{--tw-ring-color: rgb(var(--color-tertiary-800) / 1)}.dark .ring-tertiary-200-700-token{--tw-ring-color: rgb(var(--color-tertiary-700) / 1)}.dark .ring-tertiary-300-600-token{--tw-ring-color: rgb(var(--color-tertiary-600) / 1)}.dark .ring-tertiary-400-500-token{--tw-ring-color: rgb(var(--color-tertiary-500) / 1)}.dark .ring-tertiary-900-50-token{--tw-ring-color: rgb(var(--color-tertiary-50) / 1)}.dark .ring-tertiary-800-100-token{--tw-ring-color: rgb(var(--color-tertiary-100) / 1)}.dark .ring-tertiary-700-200-token{--tw-ring-color: rgb(var(--color-tertiary-200) / 1)}.dark .ring-tertiary-600-300-token{--tw-ring-color: rgb(var(--color-tertiary-300) / 1)}.dark .ring-tertiary-500-400-token{--tw-ring-color: rgb(var(--color-tertiary-400) / 1)}.dark .ring-success-50-900-token{--tw-ring-color: rgb(var(--color-success-900) / 1)}.dark .ring-success-100-800-token{--tw-ring-color: rgb(var(--color-success-800) / 1)}.dark .ring-success-200-700-token{--tw-ring-color: rgb(var(--color-success-700) / 1)}.dark .ring-success-300-600-token{--tw-ring-color: rgb(var(--color-success-600) / 1)}.dark .ring-success-400-500-token{--tw-ring-color: rgb(var(--color-success-500) / 1)}.dark .ring-success-900-50-token{--tw-ring-color: rgb(var(--color-success-50) / 1)}.dark .ring-success-800-100-token{--tw-ring-color: rgb(var(--color-success-100) / 1)}.dark .ring-success-700-200-token{--tw-ring-color: rgb(var(--color-success-200) / 1)}.dark .ring-success-600-300-token{--tw-ring-color: rgb(var(--color-success-300) / 1)}.dark .ring-success-500-400-token{--tw-ring-color: rgb(var(--color-success-400) / 1)}.dark .ring-warning-50-900-token{--tw-ring-color: rgb(var(--color-warning-900) / 1)}.dark .ring-warning-100-800-token{--tw-ring-color: rgb(var(--color-warning-800) / 1)}.dark .ring-warning-200-700-token{--tw-ring-color: rgb(var(--color-warning-700) / 1)}.dark .ring-warning-300-600-token{--tw-ring-color: rgb(var(--color-warning-600) / 1)}.dark .ring-warning-400-500-token{--tw-ring-color: rgb(var(--color-warning-500) / 1)}.dark .ring-warning-900-50-token{--tw-ring-color: rgb(var(--color-warning-50) / 1)}.dark .ring-warning-800-100-token{--tw-ring-color: rgb(var(--color-warning-100) / 1)}.dark .ring-warning-700-200-token{--tw-ring-color: rgb(var(--color-warning-200) / 1)}.dark .ring-warning-600-300-token{--tw-ring-color: rgb(var(--color-warning-300) / 1)}.dark .ring-warning-500-400-token{--tw-ring-color: rgb(var(--color-warning-400) / 1)}.dark .ring-error-50-900-token{--tw-ring-color: rgb(var(--color-error-900) / 1)}.dark .ring-error-100-800-token{--tw-ring-color: rgb(var(--color-error-800) / 1)}.dark .ring-error-200-700-token{--tw-ring-color: rgb(var(--color-error-700) / 1)}.dark .ring-error-300-600-token{--tw-ring-color: rgb(var(--color-error-600) / 1)}.dark .ring-error-400-500-token{--tw-ring-color: rgb(var(--color-error-500) / 1)}.dark .ring-error-900-50-token{--tw-ring-color: rgb(var(--color-error-50) / 1)}.dark .ring-error-800-100-token{--tw-ring-color: rgb(var(--color-error-100) / 1)}.dark .ring-error-700-200-token{--tw-ring-color: rgb(var(--color-error-200) / 1)}.dark .ring-error-600-300-token{--tw-ring-color: rgb(var(--color-error-300) / 1)}.dark .ring-error-500-400-token{--tw-ring-color: rgb(var(--color-error-400) / 1)}.dark .ring-surface-50-900-token{--tw-ring-color: rgb(var(--color-surface-900) / 1)}.dark .ring-surface-100-800-token{--tw-ring-color: rgb(var(--color-surface-800) / 1)}.dark .ring-surface-200-700-token{--tw-ring-color: rgb(var(--color-surface-700) / 1)}.dark .ring-surface-300-600-token{--tw-ring-color: rgb(var(--color-surface-600) / 1)}.dark .ring-surface-400-500-token{--tw-ring-color: rgb(var(--color-surface-500) / 1)}.dark .ring-surface-900-50-token{--tw-ring-color: rgb(var(--color-surface-50) / 1)}.dark .ring-surface-800-100-token{--tw-ring-color: rgb(var(--color-surface-100) / 1)}.dark .ring-surface-700-200-token{--tw-ring-color: rgb(var(--color-surface-200) / 1)}.dark .ring-surface-600-300-token{--tw-ring-color: rgb(var(--color-surface-300) / 1)}.dark .ring-surface-500-400-token{--tw-ring-color: rgb(var(--color-surface-400) / 1)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-primary-100:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-100) / var(--tw-bg-opacity))}.hover\:text-primary-900:hover{--tw-text-opacity: 1;color:rgb(var(--color-primary-900) / var(--tw-text-opacity))}.hover\:bg-secondary-hover-token:hover:hover{background-color:rgb(var(--color-secondary-500) / .1)}:is(.dark .dark\:text-surface-50){--tw-text-opacity: 1;color:rgb(var(--color-surface-50) / var(--tw-text-opacity))}:is(.dark .dark\:fill-base-token){fill:rgba(var(--theme-font-color-base))}:is(.dark .dark\:fill-on-surface-token){fill:rgb(var(--on-surface))}@media (min-width: 640px){.sm\:w-20{width:5rem}}@media (min-width: 1024px){.lg\:max-h-\[500px\]{max-height:500px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
|
|
1
|
+
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
|
|
2
2
|
Theme: GitHub Dark
|
|
3
3
|
Description: Dark theme as seen on github.com
|
|
4
4
|
Author: github.com
|
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
|
|
8
8
|
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
9
9
|
Current colors taken from GitHub's CSS
|
|
10
|
-
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.cc-theme-switcher__popup[data-v-3283243a]{position:absolute;z-index:1;margin-top:.25rem}
|
|
10
|
+
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}@font-face{font-family:myfont;src:url(data:font/woff;base64,d09GRgABAAAAAATMAAsAAAAABIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGBGNtYXAAAAFoAAAAVAAAAFQWfNQ7Z2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAMQAAADE9iu5ZGhlYWQAAAKIAAAANgAAADYfdnyraGhlYQAAAsAAAAAkAAAAJAfCA8ZobXR4AAAC5AAAABQAAAAUCgAAAGxvY2EAAAL4AAAADAAAAAwAKAB2bWF4cAAAAwQAAAAgAAAAIAAHACxuYW1lAAADJAAAAYYAAAGGmUoJ+3Bvc3QAAASsAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6doDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOna//3//wAAAAAAIOna//3//wAB/+MWKgADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAA/8wEAAOAACkAAAEiBw4BBwYHJicuAScmIyIHDgEHBhUUFx4BFxYXNjc+ATc2NTQnLgEnJgLzKCUlPxkZEBAZGT8lJSg4MTFJFRUzM5lZWk5KWVmbNTQVFUkxMQOADw8yICEiIiEgMg8PFRVJMTE4cU5Pjk5NcG9PT5BOT204MTFJFRUAAAEAAAAAAABxV9/FXw889QALBAAAAAAA3iwcMQAAAADeLBwxAAD/zAQAA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAAAAAAAACgAUAB4AYgABAAAABQAqAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)}[class^=icon-],[class*=" icon-"]{font-family:myfont!important}.icon-heart:before{content:"\e9da"}.global-example{color:red}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.bottom-0{bottom:0px}.left-0{left:0px}.right-0{right:0px}.top-0{top:0px}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-m-4{margin:-1rem}.mt-1{margin-top:.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[50\%\]{height:50%}.h-full{height:100%}.max-h-64{max-height:16rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-60{width:15rem}.w-8{width:2rem}.w-\[50\%\]{width:50%}.w-\[70\%\]{width:70%}.w-\[70px\]{width:70px}.w-\[90\%\]{width:90%}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.translate-x-\[100\%\],.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.8\]{--tw-scale-x: .8;--tw-scale-y: .8;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.bg-neutral-900\/90{background-color:#171717e6}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-50) / var(--tw-bg-opacity))}.bg-surface-200{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-200) / var(--tw-bg-opacity))}.bg-surface-50{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-50) / var(--tw-bg-opacity))}.bg-surface-900{--tw-bg-opacity: 1;background-color:rgb(var(--color-surface-900) / var(--tw-bg-opacity))}.bg-opacity-90{--tw-bg-opacity: .9}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pb-0{padding-bottom:0}.pl-4{padding-left:1rem}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.\!text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.text-primary-900{--tw-text-opacity: 1;color:rgb(var(--color-primary-900) / var(--tw-text-opacity))}.text-surface-50{--tw-text-opacity: 1;color:rgb(var(--color-surface-50) / var(--tw-text-opacity))}.text-surface-900{--tw-text-opacity: 1;color:rgb(var(--color-surface-900) / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white\/50{color:#ffffff80}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-\[1px\]{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-surface-500\/30{--tw-ring-color: rgb(var(--color-surface-500) / .3)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[150ms\]{transition-duration:.15s}.duration-\[200ms\]{transition-duration:.2s}.dark .bg-primary-backdrop-token{background-color:rgb(var(--color-primary-900) / .7)}.dark .bg-primary-50-900-token{background-color:rgb(var(--color-primary-900))}.dark .bg-primary-100-800-token{background-color:rgb(var(--color-primary-800))}.dark .bg-primary-200-700-token{background-color:rgb(var(--color-primary-700))}.dark .bg-primary-300-600-token{background-color:rgb(var(--color-primary-600))}.dark .bg-primary-400-500-token{background-color:rgb(var(--color-primary-500))}.dark .bg-primary-900-50-token{background-color:rgb(var(--color-primary-50))}.dark .bg-primary-800-100-token{background-color:rgb(var(--color-primary-100))}.dark .bg-primary-700-200-token{background-color:rgb(var(--color-primary-200))}.dark .bg-primary-600-300-token{background-color:rgb(var(--color-primary-300))}.dark .bg-primary-500-400-token{background-color:rgb(var(--color-primary-400))}.dark .bg-secondary-backdrop-token{background-color:rgb(var(--color-secondary-900) / .7)}.bg-secondary-active-token{background-color:rgb(var(--color-secondary-500))!important;color:rgb(var(--on-secondary));fill:rgb(var(--on-secondary))}.dark .bg-secondary-50-900-token{background-color:rgb(var(--color-secondary-900))}.dark .bg-secondary-100-800-token{background-color:rgb(var(--color-secondary-800))}.dark .bg-secondary-200-700-token{background-color:rgb(var(--color-secondary-700))}.dark .bg-secondary-300-600-token{background-color:rgb(var(--color-secondary-600))}.dark .bg-secondary-400-500-token{background-color:rgb(var(--color-secondary-500))}.dark .bg-secondary-900-50-token{background-color:rgb(var(--color-secondary-50))}.dark .bg-secondary-800-100-token{background-color:rgb(var(--color-secondary-100))}.dark .bg-secondary-700-200-token{background-color:rgb(var(--color-secondary-200))}.dark .bg-secondary-600-300-token{background-color:rgb(var(--color-secondary-300))}.dark .bg-secondary-500-400-token{background-color:rgb(var(--color-secondary-400))}.dark .bg-tertiary-backdrop-token{background-color:rgb(var(--color-tertiary-900) / .7)}.dark .bg-tertiary-50-900-token{background-color:rgb(var(--color-tertiary-900))}.dark .bg-tertiary-100-800-token{background-color:rgb(var(--color-tertiary-800))}.dark .bg-tertiary-200-700-token{background-color:rgb(var(--color-tertiary-700))}.dark .bg-tertiary-300-600-token{background-color:rgb(var(--color-tertiary-600))}.dark .bg-tertiary-400-500-token{background-color:rgb(var(--color-tertiary-500))}.dark .bg-tertiary-900-50-token{background-color:rgb(var(--color-tertiary-50))}.dark .bg-tertiary-800-100-token{background-color:rgb(var(--color-tertiary-100))}.dark .bg-tertiary-700-200-token{background-color:rgb(var(--color-tertiary-200))}.dark .bg-tertiary-600-300-token{background-color:rgb(var(--color-tertiary-300))}.dark .bg-tertiary-500-400-token{background-color:rgb(var(--color-tertiary-400))}.dark .bg-success-backdrop-token{background-color:rgb(var(--color-success-900) / .7)}.dark .bg-success-50-900-token{background-color:rgb(var(--color-success-900))}.dark .bg-success-100-800-token{background-color:rgb(var(--color-success-800))}.dark .bg-success-200-700-token{background-color:rgb(var(--color-success-700))}.dark .bg-success-300-600-token{background-color:rgb(var(--color-success-600))}.dark .bg-success-400-500-token{background-color:rgb(var(--color-success-500))}.dark .bg-success-900-50-token{background-color:rgb(var(--color-success-50))}.dark .bg-success-800-100-token{background-color:rgb(var(--color-success-100))}.dark .bg-success-700-200-token{background-color:rgb(var(--color-success-200))}.dark .bg-success-600-300-token{background-color:rgb(var(--color-success-300))}.dark .bg-success-500-400-token{background-color:rgb(var(--color-success-400))}.dark .bg-warning-backdrop-token{background-color:rgb(var(--color-warning-900) / .7)}.dark .bg-warning-50-900-token{background-color:rgb(var(--color-warning-900))}.dark .bg-warning-100-800-token{background-color:rgb(var(--color-warning-800))}.dark .bg-warning-200-700-token{background-color:rgb(var(--color-warning-700))}.dark .bg-warning-300-600-token{background-color:rgb(var(--color-warning-600))}.dark .bg-warning-400-500-token{background-color:rgb(var(--color-warning-500))}.dark .bg-warning-900-50-token{background-color:rgb(var(--color-warning-50))}.dark .bg-warning-800-100-token{background-color:rgb(var(--color-warning-100))}.dark .bg-warning-700-200-token{background-color:rgb(var(--color-warning-200))}.dark .bg-warning-600-300-token{background-color:rgb(var(--color-warning-300))}.dark .bg-warning-500-400-token{background-color:rgb(var(--color-warning-400))}.dark .bg-error-backdrop-token{background-color:rgb(var(--color-error-900) / .7)}.dark .bg-error-50-900-token{background-color:rgb(var(--color-error-900))}.dark .bg-error-100-800-token{background-color:rgb(var(--color-error-800))}.dark .bg-error-200-700-token{background-color:rgb(var(--color-error-700))}.dark .bg-error-300-600-token{background-color:rgb(var(--color-error-600))}.dark .bg-error-400-500-token{background-color:rgb(var(--color-error-500))}.dark .bg-error-900-50-token{background-color:rgb(var(--color-error-50))}.dark .bg-error-800-100-token{background-color:rgb(var(--color-error-100))}.dark .bg-error-700-200-token{background-color:rgb(var(--color-error-200))}.dark .bg-error-600-300-token{background-color:rgb(var(--color-error-300))}.dark .bg-error-500-400-token{background-color:rgb(var(--color-error-400))}.bg-surface-backdrop-token{background-color:rgb(var(--color-surface-400) / .7)}.dark .bg-surface-backdrop-token{background-color:rgb(var(--color-surface-900) / .7)}.dark .bg-surface-50-900-token{background-color:rgb(var(--color-surface-900))}.bg-surface-100-800-token{background-color:rgb(var(--color-surface-100))}.dark .bg-surface-100-800-token{background-color:rgb(var(--color-surface-800))}.bg-surface-200-700-token{background-color:rgb(var(--color-surface-200))}.dark .bg-surface-200-700-token{background-color:rgb(var(--color-surface-700))}.dark .bg-surface-300-600-token{background-color:rgb(var(--color-surface-600))}.dark .bg-surface-400-500-token{background-color:rgb(var(--color-surface-500))}.dark .bg-surface-900-50-token{background-color:rgb(var(--color-surface-50))}.dark .bg-surface-800-100-token{background-color:rgb(var(--color-surface-100))}.dark .bg-surface-700-200-token{background-color:rgb(var(--color-surface-200))}.dark .bg-surface-600-300-token{background-color:rgb(var(--color-surface-300))}.dark .bg-surface-500-400-token{background-color:rgb(var(--color-surface-400))}.border-token{border-width:var(--theme-border-base)}.dark .border-primary-50-900-token{border-color:rgb(var(--color-primary-900))}.dark .border-primary-100-800-token{border-color:rgb(var(--color-primary-800))}.dark .border-primary-200-700-token{border-color:rgb(var(--color-primary-700))}.dark .border-primary-300-600-token{border-color:rgb(var(--color-primary-600))}.dark .border-primary-400-500-token{border-color:rgb(var(--color-primary-500))}.dark .border-primary-900-50-token{border-color:rgb(var(--color-primary-50))}.dark .border-primary-800-100-token{border-color:rgb(var(--color-primary-100))}.dark .border-primary-700-200-token{border-color:rgb(var(--color-primary-200))}.dark .border-primary-600-300-token{border-color:rgb(var(--color-primary-300))}.dark .border-primary-500-400-token{border-color:rgb(var(--color-primary-400))}.dark .border-secondary-50-900-token{border-color:rgb(var(--color-secondary-900))}.dark .border-secondary-100-800-token{border-color:rgb(var(--color-secondary-800))}.dark .border-secondary-200-700-token{border-color:rgb(var(--color-secondary-700))}.dark .border-secondary-300-600-token{border-color:rgb(var(--color-secondary-600))}.dark .border-secondary-400-500-token{border-color:rgb(var(--color-secondary-500))}.dark .border-secondary-900-50-token{border-color:rgb(var(--color-secondary-50))}.dark .border-secondary-800-100-token{border-color:rgb(var(--color-secondary-100))}.dark .border-secondary-700-200-token{border-color:rgb(var(--color-secondary-200))}.dark .border-secondary-600-300-token{border-color:rgb(var(--color-secondary-300))}.dark .border-secondary-500-400-token{border-color:rgb(var(--color-secondary-400))}.dark .border-tertiary-50-900-token{border-color:rgb(var(--color-tertiary-900))}.dark .border-tertiary-100-800-token{border-color:rgb(var(--color-tertiary-800))}.dark .border-tertiary-200-700-token{border-color:rgb(var(--color-tertiary-700))}.dark .border-tertiary-300-600-token{border-color:rgb(var(--color-tertiary-600))}.dark .border-tertiary-400-500-token{border-color:rgb(var(--color-tertiary-500))}.dark .border-tertiary-900-50-token{border-color:rgb(var(--color-tertiary-50))}.dark .border-tertiary-800-100-token{border-color:rgb(var(--color-tertiary-100))}.dark .border-tertiary-700-200-token{border-color:rgb(var(--color-tertiary-200))}.dark .border-tertiary-600-300-token{border-color:rgb(var(--color-tertiary-300))}.dark .border-tertiary-500-400-token{border-color:rgb(var(--color-tertiary-400))}.dark .border-success-50-900-token{border-color:rgb(var(--color-success-900))}.dark .border-success-100-800-token{border-color:rgb(var(--color-success-800))}.dark .border-success-200-700-token{border-color:rgb(var(--color-success-700))}.dark .border-success-300-600-token{border-color:rgb(var(--color-success-600))}.dark .border-success-400-500-token{border-color:rgb(var(--color-success-500))}.dark .border-success-900-50-token{border-color:rgb(var(--color-success-50))}.dark .border-success-800-100-token{border-color:rgb(var(--color-success-100))}.dark .border-success-700-200-token{border-color:rgb(var(--color-success-200))}.dark .border-success-600-300-token{border-color:rgb(var(--color-success-300))}.dark .border-success-500-400-token{border-color:rgb(var(--color-success-400))}.dark .border-warning-50-900-token{border-color:rgb(var(--color-warning-900))}.dark .border-warning-100-800-token{border-color:rgb(var(--color-warning-800))}.dark .border-warning-200-700-token{border-color:rgb(var(--color-warning-700))}.dark .border-warning-300-600-token{border-color:rgb(var(--color-warning-600))}.dark .border-warning-400-500-token{border-color:rgb(var(--color-warning-500))}.dark .border-warning-900-50-token{border-color:rgb(var(--color-warning-50))}.dark .border-warning-800-100-token{border-color:rgb(var(--color-warning-100))}.dark .border-warning-700-200-token{border-color:rgb(var(--color-warning-200))}.dark .border-warning-600-300-token{border-color:rgb(var(--color-warning-300))}.dark .border-warning-500-400-token{border-color:rgb(var(--color-warning-400))}.dark .border-error-50-900-token{border-color:rgb(var(--color-error-900))}.dark .border-error-100-800-token{border-color:rgb(var(--color-error-800))}.dark .border-error-200-700-token{border-color:rgb(var(--color-error-700))}.dark .border-error-300-600-token{border-color:rgb(var(--color-error-600))}.dark .border-error-400-500-token{border-color:rgb(var(--color-error-500))}.dark .border-error-900-50-token{border-color:rgb(var(--color-error-50))}.dark .border-error-800-100-token{border-color:rgb(var(--color-error-100))}.dark .border-error-700-200-token{border-color:rgb(var(--color-error-200))}.dark .border-error-600-300-token{border-color:rgb(var(--color-error-300))}.dark .border-error-500-400-token{border-color:rgb(var(--color-error-400))}.dark .border-surface-50-900-token{border-color:rgb(var(--color-surface-900))}.dark .border-surface-100-800-token{border-color:rgb(var(--color-surface-800))}.dark .border-surface-200-700-token{border-color:rgb(var(--color-surface-700))}.dark .border-surface-300-600-token{border-color:rgb(var(--color-surface-600))}.border-surface-400-500-token{border-color:rgb(var(--color-surface-400))}.dark .border-surface-400-500-token{border-color:rgb(var(--color-surface-500))}.dark .border-surface-900-50-token{border-color:rgb(var(--color-surface-50))}.dark .border-surface-800-100-token{border-color:rgb(var(--color-surface-100))}.dark .border-surface-700-200-token{border-color:rgb(var(--color-surface-200))}.dark .border-surface-600-300-token{border-color:rgb(var(--color-surface-300))}.dark .border-surface-500-400-token{border-color:rgb(var(--color-surface-400))}.rounded-token{border-radius:var(--theme-rounded-base)}.rounded-container-token{border-radius:var(--theme-rounded-container)}.rounded-tl-container-token{border-top-left-radius:var(--theme-rounded-container)}.rounded-tr-container-token{border-top-right-radius:var(--theme-rounded-container)}.rounded-bl-container-token{border-bottom-left-radius:var(--theme-rounded-container)}.rounded-br-container-token{border-bottom-right-radius:var(--theme-rounded-container)}.fill-base-token{fill:rgba(var(--theme-font-color-base))}.dark .fill-token{fill:rgba(var(--theme-font-color-dark))}.fill-on-surface-token{fill:rgb(var(--on-surface))}.dark .text-token{color:rgba(var(--theme-font-color-dark))}.dark .text-primary-50-900-token{color:rgb(var(--color-primary-900))}.dark .text-primary-100-800-token{color:rgb(var(--color-primary-800))}.dark .text-primary-200-700-token{color:rgb(var(--color-primary-700))}.dark .text-primary-300-600-token{color:rgb(var(--color-primary-600))}.dark .text-primary-400-500-token{color:rgb(var(--color-primary-500))}.dark .text-primary-900-50-token{color:rgb(var(--color-primary-50))}.dark .text-primary-800-100-token{color:rgb(var(--color-primary-100))}.dark .text-primary-700-200-token{color:rgb(var(--color-primary-200))}.dark .text-primary-600-300-token{color:rgb(var(--color-primary-300))}.dark .text-primary-500-400-token{color:rgb(var(--color-primary-400))}.dark .text-secondary-50-900-token{color:rgb(var(--color-secondary-900))}.dark .text-secondary-100-800-token{color:rgb(var(--color-secondary-800))}.dark .text-secondary-200-700-token{color:rgb(var(--color-secondary-700))}.dark .text-secondary-300-600-token{color:rgb(var(--color-secondary-600))}.dark .text-secondary-400-500-token{color:rgb(var(--color-secondary-500))}.dark .text-secondary-900-50-token{color:rgb(var(--color-secondary-50))}.dark .text-secondary-800-100-token{color:rgb(var(--color-secondary-100))}.dark .text-secondary-700-200-token{color:rgb(var(--color-secondary-200))}.dark .text-secondary-600-300-token{color:rgb(var(--color-secondary-300))}.dark .text-secondary-500-400-token{color:rgb(var(--color-secondary-400))}.dark .text-tertiary-50-900-token{color:rgb(var(--color-tertiary-900))}.dark .text-tertiary-100-800-token{color:rgb(var(--color-tertiary-800))}.dark .text-tertiary-200-700-token{color:rgb(var(--color-tertiary-700))}.dark .text-tertiary-300-600-token{color:rgb(var(--color-tertiary-600))}.dark .text-tertiary-400-500-token{color:rgb(var(--color-tertiary-500))}.dark .text-tertiary-900-50-token{color:rgb(var(--color-tertiary-50))}.dark .text-tertiary-800-100-token{color:rgb(var(--color-tertiary-100))}.dark .text-tertiary-700-200-token{color:rgb(var(--color-tertiary-200))}.dark .text-tertiary-600-300-token{color:rgb(var(--color-tertiary-300))}.dark .text-tertiary-500-400-token{color:rgb(var(--color-tertiary-400))}.dark .text-success-50-900-token{color:rgb(var(--color-success-900))}.dark .text-success-100-800-token{color:rgb(var(--color-success-800))}.dark .text-success-200-700-token{color:rgb(var(--color-success-700))}.dark .text-success-300-600-token{color:rgb(var(--color-success-600))}.dark .text-success-400-500-token{color:rgb(var(--color-success-500))}.dark .text-success-900-50-token{color:rgb(var(--color-success-50))}.dark .text-success-800-100-token{color:rgb(var(--color-success-100))}.dark .text-success-700-200-token{color:rgb(var(--color-success-200))}.dark .text-success-600-300-token{color:rgb(var(--color-success-300))}.dark .text-success-500-400-token{color:rgb(var(--color-success-400))}.dark .text-warning-50-900-token{color:rgb(var(--color-warning-900))}.dark .text-warning-100-800-token{color:rgb(var(--color-warning-800))}.dark .text-warning-200-700-token{color:rgb(var(--color-warning-700))}.dark .text-warning-300-600-token{color:rgb(var(--color-warning-600))}.dark .text-warning-400-500-token{color:rgb(var(--color-warning-500))}.dark .text-warning-900-50-token{color:rgb(var(--color-warning-50))}.dark .text-warning-800-100-token{color:rgb(var(--color-warning-100))}.dark .text-warning-700-200-token{color:rgb(var(--color-warning-200))}.dark .text-warning-600-300-token{color:rgb(var(--color-warning-300))}.dark .text-warning-500-400-token{color:rgb(var(--color-warning-400))}.dark .text-error-50-900-token{color:rgb(var(--color-error-900))}.dark .text-error-100-800-token{color:rgb(var(--color-error-800))}.dark .text-error-200-700-token{color:rgb(var(--color-error-700))}.dark .text-error-300-600-token{color:rgb(var(--color-error-600))}.dark .text-error-400-500-token{color:rgb(var(--color-error-500))}.dark .text-error-900-50-token{color:rgb(var(--color-error-50))}.dark .text-error-800-100-token{color:rgb(var(--color-error-100))}.dark .text-error-700-200-token{color:rgb(var(--color-error-200))}.dark .text-error-600-300-token{color:rgb(var(--color-error-300))}.dark .text-error-500-400-token{color:rgb(var(--color-error-400))}.dark .text-surface-50-900-token{color:rgb(var(--color-surface-900))}.dark .text-surface-100-800-token{color:rgb(var(--color-surface-800))}.dark .text-surface-200-700-token{color:rgb(var(--color-surface-700))}.dark .text-surface-300-600-token{color:rgb(var(--color-surface-600))}.dark .text-surface-400-500-token{color:rgb(var(--color-surface-500))}.dark .text-surface-900-50-token{color:rgb(var(--color-surface-50))}.dark .text-surface-800-100-token{color:rgb(var(--color-surface-100))}.dark .text-surface-700-200-token{color:rgb(var(--color-surface-200))}.dark .text-surface-600-300-token{color:rgb(var(--color-surface-300))}.dark .text-surface-500-400-token{color:rgb(var(--color-surface-400))}.dark .ring-outline-token{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-inset: inset;--tw-ring-color: rgb(250 250 250 / .05)}.dark .ring-primary-50-900-token{--tw-ring-color: rgb(var(--color-primary-900) / 1)}.dark .ring-primary-100-800-token{--tw-ring-color: rgb(var(--color-primary-800) / 1)}.dark .ring-primary-200-700-token{--tw-ring-color: rgb(var(--color-primary-700) / 1)}.dark .ring-primary-300-600-token{--tw-ring-color: rgb(var(--color-primary-600) / 1)}.dark .ring-primary-400-500-token{--tw-ring-color: rgb(var(--color-primary-500) / 1)}.dark .ring-primary-900-50-token{--tw-ring-color: rgb(var(--color-primary-50) / 1)}.dark .ring-primary-800-100-token{--tw-ring-color: rgb(var(--color-primary-100) / 1)}.dark .ring-primary-700-200-token{--tw-ring-color: rgb(var(--color-primary-200) / 1)}.dark .ring-primary-600-300-token{--tw-ring-color: rgb(var(--color-primary-300) / 1)}.dark .ring-primary-500-400-token{--tw-ring-color: rgb(var(--color-primary-400) / 1)}.dark .ring-secondary-50-900-token{--tw-ring-color: rgb(var(--color-secondary-900) / 1)}.dark .ring-secondary-100-800-token{--tw-ring-color: rgb(var(--color-secondary-800) / 1)}.dark .ring-secondary-200-700-token{--tw-ring-color: rgb(var(--color-secondary-700) / 1)}.dark .ring-secondary-300-600-token{--tw-ring-color: rgb(var(--color-secondary-600) / 1)}.dark .ring-secondary-400-500-token{--tw-ring-color: rgb(var(--color-secondary-500) / 1)}.dark .ring-secondary-900-50-token{--tw-ring-color: rgb(var(--color-secondary-50) / 1)}.dark .ring-secondary-800-100-token{--tw-ring-color: rgb(var(--color-secondary-100) / 1)}.dark .ring-secondary-700-200-token{--tw-ring-color: rgb(var(--color-secondary-200) / 1)}.dark .ring-secondary-600-300-token{--tw-ring-color: rgb(var(--color-secondary-300) / 1)}.dark .ring-secondary-500-400-token{--tw-ring-color: rgb(var(--color-secondary-400) / 1)}.dark .ring-tertiary-50-900-token{--tw-ring-color: rgb(var(--color-tertiary-900) / 1)}.dark .ring-tertiary-100-800-token{--tw-ring-color: rgb(var(--color-tertiary-800) / 1)}.dark .ring-tertiary-200-700-token{--tw-ring-color: rgb(var(--color-tertiary-700) / 1)}.dark .ring-tertiary-300-600-token{--tw-ring-color: rgb(var(--color-tertiary-600) / 1)}.dark .ring-tertiary-400-500-token{--tw-ring-color: rgb(var(--color-tertiary-500) / 1)}.dark .ring-tertiary-900-50-token{--tw-ring-color: rgb(var(--color-tertiary-50) / 1)}.dark .ring-tertiary-800-100-token{--tw-ring-color: rgb(var(--color-tertiary-100) / 1)}.dark .ring-tertiary-700-200-token{--tw-ring-color: rgb(var(--color-tertiary-200) / 1)}.dark .ring-tertiary-600-300-token{--tw-ring-color: rgb(var(--color-tertiary-300) / 1)}.dark .ring-tertiary-500-400-token{--tw-ring-color: rgb(var(--color-tertiary-400) / 1)}.dark .ring-success-50-900-token{--tw-ring-color: rgb(var(--color-success-900) / 1)}.dark .ring-success-100-800-token{--tw-ring-color: rgb(var(--color-success-800) / 1)}.dark .ring-success-200-700-token{--tw-ring-color: rgb(var(--color-success-700) / 1)}.dark .ring-success-300-600-token{--tw-ring-color: rgb(var(--color-success-600) / 1)}.dark .ring-success-400-500-token{--tw-ring-color: rgb(var(--color-success-500) / 1)}.dark .ring-success-900-50-token{--tw-ring-color: rgb(var(--color-success-50) / 1)}.dark .ring-success-800-100-token{--tw-ring-color: rgb(var(--color-success-100) / 1)}.dark .ring-success-700-200-token{--tw-ring-color: rgb(var(--color-success-200) / 1)}.dark .ring-success-600-300-token{--tw-ring-color: rgb(var(--color-success-300) / 1)}.dark .ring-success-500-400-token{--tw-ring-color: rgb(var(--color-success-400) / 1)}.dark .ring-warning-50-900-token{--tw-ring-color: rgb(var(--color-warning-900) / 1)}.dark .ring-warning-100-800-token{--tw-ring-color: rgb(var(--color-warning-800) / 1)}.dark .ring-warning-200-700-token{--tw-ring-color: rgb(var(--color-warning-700) / 1)}.dark .ring-warning-300-600-token{--tw-ring-color: rgb(var(--color-warning-600) / 1)}.dark .ring-warning-400-500-token{--tw-ring-color: rgb(var(--color-warning-500) / 1)}.dark .ring-warning-900-50-token{--tw-ring-color: rgb(var(--color-warning-50) / 1)}.dark .ring-warning-800-100-token{--tw-ring-color: rgb(var(--color-warning-100) / 1)}.dark .ring-warning-700-200-token{--tw-ring-color: rgb(var(--color-warning-200) / 1)}.dark .ring-warning-600-300-token{--tw-ring-color: rgb(var(--color-warning-300) / 1)}.dark .ring-warning-500-400-token{--tw-ring-color: rgb(var(--color-warning-400) / 1)}.dark .ring-error-50-900-token{--tw-ring-color: rgb(var(--color-error-900) / 1)}.dark .ring-error-100-800-token{--tw-ring-color: rgb(var(--color-error-800) / 1)}.dark .ring-error-200-700-token{--tw-ring-color: rgb(var(--color-error-700) / 1)}.dark .ring-error-300-600-token{--tw-ring-color: rgb(var(--color-error-600) / 1)}.dark .ring-error-400-500-token{--tw-ring-color: rgb(var(--color-error-500) / 1)}.dark .ring-error-900-50-token{--tw-ring-color: rgb(var(--color-error-50) / 1)}.dark .ring-error-800-100-token{--tw-ring-color: rgb(var(--color-error-100) / 1)}.dark .ring-error-700-200-token{--tw-ring-color: rgb(var(--color-error-200) / 1)}.dark .ring-error-600-300-token{--tw-ring-color: rgb(var(--color-error-300) / 1)}.dark .ring-error-500-400-token{--tw-ring-color: rgb(var(--color-error-400) / 1)}.dark .ring-surface-50-900-token{--tw-ring-color: rgb(var(--color-surface-900) / 1)}.dark .ring-surface-100-800-token{--tw-ring-color: rgb(var(--color-surface-800) / 1)}.dark .ring-surface-200-700-token{--tw-ring-color: rgb(var(--color-surface-700) / 1)}.dark .ring-surface-300-600-token{--tw-ring-color: rgb(var(--color-surface-600) / 1)}.dark .ring-surface-400-500-token{--tw-ring-color: rgb(var(--color-surface-500) / 1)}.dark .ring-surface-900-50-token{--tw-ring-color: rgb(var(--color-surface-50) / 1)}.dark .ring-surface-800-100-token{--tw-ring-color: rgb(var(--color-surface-100) / 1)}.dark .ring-surface-700-200-token{--tw-ring-color: rgb(var(--color-surface-200) / 1)}.dark .ring-surface-600-300-token{--tw-ring-color: rgb(var(--color-surface-300) / 1)}.dark .ring-surface-500-400-token{--tw-ring-color: rgb(var(--color-surface-400) / 1)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-primary-100:hover{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary-100) / var(--tw-bg-opacity))}.hover\:text-primary-900:hover{--tw-text-opacity: 1;color:rgb(var(--color-primary-900) / var(--tw-text-opacity))}.hover\:bg-secondary-hover-token:hover:hover{background-color:rgb(var(--color-secondary-500) / .1)}:is(.dark .dark\:text-surface-50){--tw-text-opacity: 1;color:rgb(var(--color-surface-50) / var(--tw-text-opacity))}:is(.dark .dark\:fill-base-token){fill:rgba(var(--theme-font-color-base))}:is(.dark .dark\:fill-on-surface-token){fill:rgb(var(--on-surface))}@media (min-width: 640px){.sm\:w-20{width:5rem}}@media (min-width: 1024px){.lg\:max-h-\[500px\]{max-height:500px}}
|
package/dist/styles/all.css
CHANGED
|
@@ -2442,6 +2442,10 @@ input[type="file"]:not(.file-dropzone-input)::file-selector-button {
|
|
|
2442
2442
|
margin: -1rem;
|
|
2443
2443
|
}
|
|
2444
2444
|
|
|
2445
|
+
.mt-1 {
|
|
2446
|
+
margin-top: 0.25rem;
|
|
2447
|
+
}
|
|
2448
|
+
|
|
2445
2449
|
.flex {
|
|
2446
2450
|
display: flex;
|
|
2447
2451
|
}
|
|
@@ -4407,6 +4411,93 @@ input[type="file"]:not(.file-dropzone-input)::file-selector-button {
|
|
|
4407
4411
|
|
|
4408
4412
|
/* Imports all Component Styles */
|
|
4409
4413
|
|
|
4414
|
+
pre code.hljs{
|
|
4415
|
+
display:block;
|
|
4416
|
+
overflow-x:auto;
|
|
4417
|
+
padding:1em
|
|
4418
|
+
}
|
|
4419
|
+
|
|
4420
|
+
code.hljs{
|
|
4421
|
+
padding:3px 5px
|
|
4422
|
+
}
|
|
4423
|
+
|
|
4424
|
+
/*!
|
|
4425
|
+
Theme: GitHub Dark
|
|
4426
|
+
Description: Dark theme as seen on github.com
|
|
4427
|
+
Author: github.com
|
|
4428
|
+
Maintainer: @Hirse
|
|
4429
|
+
Updated: 2021-05-15
|
|
4430
|
+
|
|
4431
|
+
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
4432
|
+
Current colors taken from GitHub's CSS
|
|
4433
|
+
*/
|
|
4434
|
+
|
|
4435
|
+
.hljs{
|
|
4436
|
+
color:#c9d1d9;
|
|
4437
|
+
background:#0d1117
|
|
4438
|
+
}
|
|
4439
|
+
|
|
4440
|
+
.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{
|
|
4441
|
+
color:#ff7b72
|
|
4442
|
+
}
|
|
4443
|
+
|
|
4444
|
+
.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{
|
|
4445
|
+
color:#d2a8ff
|
|
4446
|
+
}
|
|
4447
|
+
|
|
4448
|
+
.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{
|
|
4449
|
+
color:#79c0ff
|
|
4450
|
+
}
|
|
4451
|
+
|
|
4452
|
+
.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{
|
|
4453
|
+
color:#a5d6ff
|
|
4454
|
+
}
|
|
4455
|
+
|
|
4456
|
+
.hljs-built_in,.hljs-symbol{
|
|
4457
|
+
color:#ffa657
|
|
4458
|
+
}
|
|
4459
|
+
|
|
4460
|
+
.hljs-code,.hljs-comment,.hljs-formula{
|
|
4461
|
+
color:#8b949e
|
|
4462
|
+
}
|
|
4463
|
+
|
|
4464
|
+
.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{
|
|
4465
|
+
color:#7ee787
|
|
4466
|
+
}
|
|
4467
|
+
|
|
4468
|
+
.hljs-subst{
|
|
4469
|
+
color:#c9d1d9
|
|
4470
|
+
}
|
|
4471
|
+
|
|
4472
|
+
.hljs-section{
|
|
4473
|
+
color:#1f6feb;
|
|
4474
|
+
font-weight:700
|
|
4475
|
+
}
|
|
4476
|
+
|
|
4477
|
+
.hljs-bullet{
|
|
4478
|
+
color:#f2cc60
|
|
4479
|
+
}
|
|
4480
|
+
|
|
4481
|
+
.hljs-emphasis{
|
|
4482
|
+
color:#c9d1d9;
|
|
4483
|
+
font-style:italic
|
|
4484
|
+
}
|
|
4485
|
+
|
|
4486
|
+
.hljs-strong{
|
|
4487
|
+
color:#c9d1d9;
|
|
4488
|
+
font-weight:700
|
|
4489
|
+
}
|
|
4490
|
+
|
|
4491
|
+
.hljs-addition{
|
|
4492
|
+
color:#aff5b4;
|
|
4493
|
+
background-color:#033a16
|
|
4494
|
+
}
|
|
4495
|
+
|
|
4496
|
+
.hljs-deletion{
|
|
4497
|
+
color:#ffdcd7;
|
|
4498
|
+
background-color:#67060c
|
|
4499
|
+
}
|
|
4500
|
+
|
|
4410
4501
|
@font-face{
|
|
4411
4502
|
font-family:myfont;
|
|
4412
4503
|
|
|
@@ -4771,6 +4862,10 @@ img,video{
|
|
|
4771
4862
|
margin:-1rem
|
|
4772
4863
|
}
|
|
4773
4864
|
|
|
4865
|
+
.mt-1{
|
|
4866
|
+
margin-top:.25rem
|
|
4867
|
+
}
|
|
4868
|
+
|
|
4774
4869
|
.flex{
|
|
4775
4870
|
display:flex
|
|
4776
4871
|
}
|
|
@@ -6438,96 +6533,3 @@ img,video{
|
|
|
6438
6533
|
max-height:500px
|
|
6439
6534
|
}
|
|
6440
6535
|
}
|
|
6441
|
-
|
|
6442
|
-
pre code.hljs{
|
|
6443
|
-
display:block;
|
|
6444
|
-
overflow-x:auto;
|
|
6445
|
-
padding:1em
|
|
6446
|
-
}
|
|
6447
|
-
|
|
6448
|
-
code.hljs{
|
|
6449
|
-
padding:3px 5px
|
|
6450
|
-
}
|
|
6451
|
-
|
|
6452
|
-
/*!
|
|
6453
|
-
Theme: GitHub Dark
|
|
6454
|
-
Description: Dark theme as seen on github.com
|
|
6455
|
-
Author: github.com
|
|
6456
|
-
Maintainer: @Hirse
|
|
6457
|
-
Updated: 2021-05-15
|
|
6458
|
-
|
|
6459
|
-
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
6460
|
-
Current colors taken from GitHub's CSS
|
|
6461
|
-
*/
|
|
6462
|
-
|
|
6463
|
-
.hljs{
|
|
6464
|
-
color:#c9d1d9;
|
|
6465
|
-
background:#0d1117
|
|
6466
|
-
}
|
|
6467
|
-
|
|
6468
|
-
.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{
|
|
6469
|
-
color:#ff7b72
|
|
6470
|
-
}
|
|
6471
|
-
|
|
6472
|
-
.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{
|
|
6473
|
-
color:#d2a8ff
|
|
6474
|
-
}
|
|
6475
|
-
|
|
6476
|
-
.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{
|
|
6477
|
-
color:#79c0ff
|
|
6478
|
-
}
|
|
6479
|
-
|
|
6480
|
-
.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{
|
|
6481
|
-
color:#a5d6ff
|
|
6482
|
-
}
|
|
6483
|
-
|
|
6484
|
-
.hljs-built_in,.hljs-symbol{
|
|
6485
|
-
color:#ffa657
|
|
6486
|
-
}
|
|
6487
|
-
|
|
6488
|
-
.hljs-code,.hljs-comment,.hljs-formula{
|
|
6489
|
-
color:#8b949e
|
|
6490
|
-
}
|
|
6491
|
-
|
|
6492
|
-
.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{
|
|
6493
|
-
color:#7ee787
|
|
6494
|
-
}
|
|
6495
|
-
|
|
6496
|
-
.hljs-subst{
|
|
6497
|
-
color:#c9d1d9
|
|
6498
|
-
}
|
|
6499
|
-
|
|
6500
|
-
.hljs-section{
|
|
6501
|
-
color:#1f6feb;
|
|
6502
|
-
font-weight:700
|
|
6503
|
-
}
|
|
6504
|
-
|
|
6505
|
-
.hljs-bullet{
|
|
6506
|
-
color:#f2cc60
|
|
6507
|
-
}
|
|
6508
|
-
|
|
6509
|
-
.hljs-emphasis{
|
|
6510
|
-
color:#c9d1d9;
|
|
6511
|
-
font-style:italic
|
|
6512
|
-
}
|
|
6513
|
-
|
|
6514
|
-
.hljs-strong{
|
|
6515
|
-
color:#c9d1d9;
|
|
6516
|
-
font-weight:700
|
|
6517
|
-
}
|
|
6518
|
-
|
|
6519
|
-
.hljs-addition{
|
|
6520
|
-
color:#aff5b4;
|
|
6521
|
-
background-color:#033a16
|
|
6522
|
-
}
|
|
6523
|
-
|
|
6524
|
-
.hljs-deletion{
|
|
6525
|
-
color:#ffdcd7;
|
|
6526
|
-
background-color:#67060c
|
|
6527
|
-
}
|
|
6528
|
-
|
|
6529
|
-
.cc-theme-switcher__popup[data-v-3283243a]{
|
|
6530
|
-
position:absolute;
|
|
6531
|
-
z-index:1;
|
|
6532
|
-
margin-top:.25rem
|
|
6533
|
-
}
|
|
@@ -59,11 +59,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
59
59
|
};
|
|
60
60
|
}>>, {
|
|
61
61
|
fill: string;
|
|
62
|
+
width: string;
|
|
63
|
+
rounded: string;
|
|
62
64
|
initials: string;
|
|
63
65
|
src: string;
|
|
64
66
|
alt: string;
|
|
65
67
|
fallback: string;
|
|
66
|
-
width: string;
|
|
67
|
-
rounded: string;
|
|
68
68
|
}>;
|
|
69
69
|
export default _default;
|
package/dist/types/{utils/dark-mode/dark-mode.vue.d.ts → components/atoms/VLightSwitch.vue.d.ts}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { CssClasses } from "@/index";
|
|
2
2
|
import { ComputedRef } from "vue";
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
4
|
bgLight: {
|
|
@@ -79,13 +79,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
79
|
default: string;
|
|
80
80
|
};
|
|
81
81
|
}>>, {
|
|
82
|
-
width: string;
|
|
83
|
-
rounded: string;
|
|
84
|
-
height: string;
|
|
85
82
|
bgLight: string;
|
|
86
83
|
bgDark: string;
|
|
87
84
|
textLight: string;
|
|
88
85
|
textDark: string;
|
|
86
|
+
width: string;
|
|
87
|
+
height: string;
|
|
89
88
|
ring: string;
|
|
89
|
+
rounded: string;
|
|
90
90
|
}>;
|
|
91
91
|
export default _default;
|
|
@@ -2,6 +2,8 @@ import VAvatar from "./VAvatar.vue";
|
|
|
2
2
|
import VBadge from "./VBadge.vue";
|
|
3
3
|
import VButton from "./VButton.vue";
|
|
4
4
|
import VChip from "./VChip.vue";
|
|
5
|
+
import VCodeBlock from "./VCodeBlock.vue";
|
|
6
|
+
import VLightSwitch from "./VLightSwitch.vue";
|
|
5
7
|
import VRadioDescription from "./VRadio/VRadioDescription.vue";
|
|
6
8
|
import VRadioGroup from "./VRadio/VRadioGroup.vue";
|
|
7
9
|
import VRadioItem from "./VRadio/VRadioItem.vue";
|
|
@@ -10,4 +12,4 @@ import VSwitch from "./VSwitch/VSwitch.vue";
|
|
|
10
12
|
import VSwitchDescription from "./VSwitch/VSwitchDescription.vue";
|
|
11
13
|
import VSwitchGroup from "./VSwitch/VSwitchGroup.vue";
|
|
12
14
|
import VSwitchLabel from "./VSwitch/VSwitchLabel.vue";
|
|
13
|
-
export { VAvatar, VButton, VBadge, VChip, VRadioGroup, VRadioItem, VRadioLabel, VRadioDescription, VSwitchGroup, VSwitchLabel, VSwitchDescription, VSwitch, };
|
|
15
|
+
export { VAvatar, VButton, VBadge, VChip, VCodeBlock, VLightSwitch, VRadioGroup, VRadioItem, VRadioLabel, VRadioDescription, VSwitchGroup, VSwitchLabel, VSwitchDescription, VSwitch, };
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
import { useRail } from "./rail.service";
|
|
2
2
|
import { useDrawer } from "./drawer.service";
|
|
3
|
-
|
|
3
|
+
import { useHighlight } from "./highlight.service";
|
|
4
|
+
import { useDarkMode } from "./dark-mode.service";
|
|
5
|
+
export { useRail, useDrawer, useHighlight, useDarkMode };
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import VCodeBlock from "./code-block/VCodeBlock.vue";
|
|
2
|
-
import { useDarkMode } from "./dark-mode/dark-mode.service";
|
|
3
|
-
import DarkModeSwitch from "./dark-mode/dark-mode.vue";
|
|
4
1
|
import ThemeSwitcher from "./theme/theme-switcher.vue";
|
|
5
2
|
import { useTheme } from "./theme/theme.service";
|
|
6
|
-
export {
|
|
3
|
+
export { ThemeSwitcher, useTheme };
|
|
@@ -95,12 +95,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
95
95
|
default: string;
|
|
96
96
|
};
|
|
97
97
|
}>>, {
|
|
98
|
-
width: string;
|
|
99
|
-
rounded: string;
|
|
100
|
-
height: string;
|
|
101
98
|
bgLight: string;
|
|
102
99
|
bgDark: string;
|
|
100
|
+
width: string;
|
|
101
|
+
height: string;
|
|
103
102
|
ring: string;
|
|
103
|
+
rounded: string;
|
|
104
104
|
textOnLight: string;
|
|
105
105
|
textOnDark: string;
|
|
106
106
|
roundedContainer: string;
|