@code-coaching/vuetiful 0.8.1 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/dist/styles/all.css +387 -9
- package/dist/types/components/atoms/VButton.vue.d.ts +14 -7
- package/dist/types/services/drawer.service.test.d.ts +1 -0
- package/dist/types/services/rail.service.test.d.ts +1 -0
- package/dist/vuetiful.es.mjs +54 -22
- package/dist/vuetiful.umd.js +7 -7
- package/package.json +1 -1
- package/src/components/atoms/VButton.test.ts +109 -2
- package/src/components/atoms/VButton.vue +34 -2
- package/src/components/molecules/VRailTile.vue +18 -8
- package/src/services/rail.service.test.ts +5 -3
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}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: }.fixed{position:fixed}.absolute{position:absolute}.bottom-0{bottom:0px}.left-0{left:0px}.right-0{right:0px}.top-0{top:0px}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-m-4{margin:-1rem}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-6{height:1.5rem}.h-\[50\%\]{height:50%}.h-full{height:100%}.max-h-64{max-height:16rem}.w-12{width:3rem}.w-24{width:6rem}.w-60{width:15rem}.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\%\]{--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-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-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-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))}.p-2{padding:.5rem}.p-4{padding:1rem}.pb-0{padding-bottom:0}.pl-4{padding-left:1rem}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.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}.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)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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-\[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))}.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))}.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)}.dark .fill-token{fill:rgba(var(--theme-font-color-dark))}.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)}@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
|
+
@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: }.fixed{position:fixed}.absolute{position:absolute}.bottom-0{bottom:0px}.left-0{left:0px}.right-0{right:0px}.top-0{top:0px}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.-m-4{margin:-1rem}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-6{height:1.5rem}.h-\[50\%\]{height:50%}.h-full{height:100%}.max-h-64{max-height:16rem}.w-12{width:3rem}.w-24{width:6rem}.w-60{width:15rem}.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\%\]{--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-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-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-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))}.p-2{padding:.5rem}.p-4{padding:1rem}.pb-0{padding-bottom:0}.pl-4{padding-left:1rem}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.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}.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)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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-\[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))}.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))}.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)}.dark .fill-token{fill:rgba(var(--theme-font-color-dark))}.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)}@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}/*!
|
|
2
2
|
Theme: GitHub Dark
|
|
3
3
|
Description: Dark theme as seen on github.com
|
|
4
4
|
Author: github.com
|
package/dist/styles/all.css
CHANGED
|
@@ -18,7 +18,7 @@ Tailwind directives should only be included ONCE per project.
|
|
|
18
18
|
These directives should preceed ALL Skeleton stylesheets.
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
|
-
/* ! tailwindcss v3.
|
|
21
|
+
/* ! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com */
|
|
22
22
|
|
|
23
23
|
/*
|
|
24
24
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
@@ -49,6 +49,7 @@ These directives should preceed ALL Skeleton stylesheets.
|
|
|
49
49
|
3. Use a more readable tab size.
|
|
50
50
|
4. Use the user's configured `sans` font-family by default.
|
|
51
51
|
5. Use the user's configured `sans` font-feature-settings by default.
|
|
52
|
+
6. Use the user's configured `sans` font-variation-settings by default.
|
|
52
53
|
*/
|
|
53
54
|
|
|
54
55
|
html {
|
|
@@ -65,6 +66,8 @@ html {
|
|
|
65
66
|
/* 4 */
|
|
66
67
|
font-feature-settings: normal;
|
|
67
68
|
/* 5 */
|
|
69
|
+
font-variation-settings: normal;
|
|
70
|
+
/* 6 */
|
|
68
71
|
}
|
|
69
72
|
|
|
70
73
|
/*
|
|
@@ -646,9 +649,9 @@ a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not
|
|
|
646
649
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
647
650
|
}
|
|
648
651
|
|
|
649
|
-
.dark a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(
|
|
652
|
+
:is(.dark a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(
|
|
650
653
|
.logo-item
|
|
651
|
-
):not(a.card):not(.list-nav a) {
|
|
654
|
+
):not(a.card):not(.list-nav a)) {
|
|
652
655
|
--tw-text-opacity: 1;
|
|
653
656
|
color: rgb(var(--color-primary-500) / var(--tw-text-opacity));
|
|
654
657
|
}
|
|
@@ -744,7 +747,7 @@ code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
|
|
|
744
747
|
line-height:1rem;
|
|
745
748
|
}
|
|
746
749
|
|
|
747
|
-
.dark code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
|
|
750
|
+
:is(.dark code:not(.unstyled):is(:not(.prose *)):is(:not(pre *))) {
|
|
748
751
|
--tw-text-opacity: 1;
|
|
749
752
|
color: rgb(var(--color-primary-400) / var(--tw-text-opacity));
|
|
750
753
|
}
|
|
@@ -753,7 +756,7 @@ code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
|
|
|
753
756
|
background-color: rgb(var(--color-primary-500) / 0.3);
|
|
754
757
|
}
|
|
755
758
|
|
|
756
|
-
.dark code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
|
|
759
|
+
:is(.dark code:not(.unstyled):is(:not(.prose *)):is(:not(pre *))) {
|
|
757
760
|
background-color: rgb(var(--color-primary-500) / 0.2);
|
|
758
761
|
}
|
|
759
762
|
|
|
@@ -820,7 +823,7 @@ time:not(.unstyled):is(:not(.prose *)) {
|
|
|
820
823
|
line-height:1.25rem;
|
|
821
824
|
}
|
|
822
825
|
|
|
823
|
-
.dark time:not(.unstyled):is(:not(.prose *)) {
|
|
826
|
+
:is(.dark time:not(.unstyled):is(:not(.prose *))) {
|
|
824
827
|
--tw-text-opacity: 1;
|
|
825
828
|
color: rgb(var(--color-surface-400) / var(--tw-text-opacity));
|
|
826
829
|
}
|
|
@@ -861,7 +864,7 @@ fieldset,
|
|
|
861
864
|
|
|
862
865
|
/* Date Calendar Picker (Webkit) */
|
|
863
866
|
|
|
864
|
-
.dark ::-webkit-calendar-picker-indicator {
|
|
867
|
+
:is(.dark )::-webkit-calendar-picker-indicator {
|
|
865
868
|
--tw-invert: invert(100%);
|
|
866
869
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
867
870
|
}
|
|
@@ -921,7 +924,7 @@ progress::-webkit-progress-value {
|
|
|
921
924
|
width:100%;
|
|
922
925
|
}
|
|
923
926
|
|
|
924
|
-
.dark [type="range"] {
|
|
927
|
+
:is(.dark [type="range"]) {
|
|
925
928
|
accent-color: rgb(var(--color-surface-50) / 1);
|
|
926
929
|
}
|
|
927
930
|
|
|
@@ -1087,6 +1090,9 @@ progress::-webkit-progress-value {
|
|
|
1087
1090
|
|
|
1088
1091
|
.dark .variant-soft,.dark .variant-soft-surface {
|
|
1089
1092
|
color:rgb(var(--color-surface-200));
|
|
1093
|
+
}
|
|
1094
|
+
|
|
1095
|
+
:is(.dark .variant-soft),:is(.dark .variant-soft-surface) {
|
|
1090
1096
|
background-color: rgb(var(--color-surface-500) / 0.2);
|
|
1091
1097
|
}
|
|
1092
1098
|
|
|
@@ -1212,6 +1218,188 @@ progress::-webkit-progress-value {
|
|
|
1212
1218
|
line-height:1.25rem;
|
|
1213
1219
|
}
|
|
1214
1220
|
|
|
1221
|
+
.btn-icon {
|
|
1222
|
+
display: inline-flex;
|
|
1223
|
+
align-items: center;
|
|
1224
|
+
justify-content: center;
|
|
1225
|
+
}
|
|
1226
|
+
|
|
1227
|
+
.btn-icon > :not([hidden]) ~ :not([hidden]) {
|
|
1228
|
+
--tw-space-x-reverse: 0;
|
|
1229
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1230
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1231
|
+
}
|
|
1232
|
+
|
|
1233
|
+
.btn-icon {
|
|
1234
|
+
white-space: nowrap;
|
|
1235
|
+
padding-left: 1.25rem;
|
|
1236
|
+
padding-right: 1.25rem;
|
|
1237
|
+
padding-top: 9px;
|
|
1238
|
+
padding-bottom: 9px;
|
|
1239
|
+
font-size: 1rem;
|
|
1240
|
+
line-height: 1.5rem;
|
|
1241
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1242
|
+
transition-duration: 150ms;
|
|
1243
|
+
align-items:center;
|
|
1244
|
+
justify-content:center;
|
|
1245
|
+
text-align:center;
|
|
1246
|
+
transition-property:all;
|
|
1247
|
+
transition-timing-function:cubic-bezier(.4,0,.2,1);
|
|
1248
|
+
transition-duration:.15s;
|
|
1249
|
+
}
|
|
1250
|
+
|
|
1251
|
+
.btn-icon:hover {
|
|
1252
|
+
--tw-brightness: brightness(1.15);
|
|
1253
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1254
|
+
}
|
|
1255
|
+
|
|
1256
|
+
.btn-icon {
|
|
1257
|
+
/* Size (match base) */
|
|
1258
|
+
padding-left: 1.25rem;
|
|
1259
|
+
padding-right: 1.25rem;
|
|
1260
|
+
padding-top: 9px;
|
|
1261
|
+
padding-bottom: 9px;
|
|
1262
|
+
font-size: 1rem;
|
|
1263
|
+
line-height: 1.5rem;
|
|
1264
|
+
/* Core */
|
|
1265
|
+
white-space: nowrap;
|
|
1266
|
+
text-align:center;
|
|
1267
|
+
/* Flex Columns */
|
|
1268
|
+
display: inline-flex;
|
|
1269
|
+
align-items: center;
|
|
1270
|
+
justify-content: center;
|
|
1271
|
+
}
|
|
1272
|
+
|
|
1273
|
+
.btn-icon > :not([hidden]) ~ :not([hidden]) {
|
|
1274
|
+
--tw-space-x-reverse: 0;
|
|
1275
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1276
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1277
|
+
}
|
|
1278
|
+
|
|
1279
|
+
.btn-icon{
|
|
1280
|
+
align-items:center;
|
|
1281
|
+
justify-content:center
|
|
1282
|
+
/* States */
|
|
1283
|
+
}
|
|
1284
|
+
|
|
1285
|
+
.btn-icon:hover {
|
|
1286
|
+
--tw-brightness: brightness(1.15);
|
|
1287
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1288
|
+
}
|
|
1289
|
+
|
|
1290
|
+
.btn-icon {
|
|
1291
|
+
/* Transitions */
|
|
1292
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1293
|
+
transition-duration: 150ms;
|
|
1294
|
+
transition-property:all;
|
|
1295
|
+
transition-timing-function:cubic-bezier(.4,0,.2,1);
|
|
1296
|
+
transition-duration:.15s;
|
|
1297
|
+
border-radius:var(--theme-rounded-base);
|
|
1298
|
+
}
|
|
1299
|
+
|
|
1300
|
+
.btn-icon:active {
|
|
1301
|
+
--tw-scale-x: 95%;
|
|
1302
|
+
--tw-scale-y: 95%;
|
|
1303
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1304
|
+
--tw-brightness: brightness(.9);
|
|
1305
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1306
|
+
}
|
|
1307
|
+
|
|
1308
|
+
.btn-icon {
|
|
1309
|
+
display: inline-flex;
|
|
1310
|
+
align-items: center;
|
|
1311
|
+
justify-content: center;
|
|
1312
|
+
}
|
|
1313
|
+
|
|
1314
|
+
.btn-icon > :not([hidden]) ~ :not([hidden]) {
|
|
1315
|
+
--tw-space-x-reverse: 0;
|
|
1316
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1317
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1318
|
+
}
|
|
1319
|
+
|
|
1320
|
+
.btn-icon {
|
|
1321
|
+
white-space: nowrap;
|
|
1322
|
+
padding-left: 1.25rem;
|
|
1323
|
+
padding-right: 1.25rem;
|
|
1324
|
+
padding-top: 9px;
|
|
1325
|
+
padding-bottom: 9px;
|
|
1326
|
+
font-size: 1rem;
|
|
1327
|
+
line-height: 1.5rem;
|
|
1328
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1329
|
+
transition-duration: 150ms;
|
|
1330
|
+
align-items:center;
|
|
1331
|
+
justify-content:center;
|
|
1332
|
+
text-align:center;
|
|
1333
|
+
transition-property:all;
|
|
1334
|
+
transition-timing-function:cubic-bezier(.4,0,.2,1);
|
|
1335
|
+
transition-duration:.15s;
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
.btn-icon:hover {
|
|
1339
|
+
--tw-brightness: brightness(1.15);
|
|
1340
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1341
|
+
}
|
|
1342
|
+
|
|
1343
|
+
.btn-icon {
|
|
1344
|
+
/* Size (match base) */
|
|
1345
|
+
padding-left: 1.25rem;
|
|
1346
|
+
padding-right: 1.25rem;
|
|
1347
|
+
padding-top: 9px;
|
|
1348
|
+
padding-bottom: 9px;
|
|
1349
|
+
font-size: 1rem;
|
|
1350
|
+
line-height: 1.5rem;
|
|
1351
|
+
/* Core */
|
|
1352
|
+
white-space: nowrap;
|
|
1353
|
+
text-align:center;
|
|
1354
|
+
/* Flex Columns */
|
|
1355
|
+
display: inline-flex;
|
|
1356
|
+
align-items: center;
|
|
1357
|
+
justify-content: center;
|
|
1358
|
+
}
|
|
1359
|
+
|
|
1360
|
+
.btn-icon > :not([hidden]) ~ :not([hidden]) {
|
|
1361
|
+
--tw-space-x-reverse: 0;
|
|
1362
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1363
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1364
|
+
}
|
|
1365
|
+
|
|
1366
|
+
.btn-icon{
|
|
1367
|
+
align-items:center;
|
|
1368
|
+
justify-content:center
|
|
1369
|
+
/* States */
|
|
1370
|
+
}
|
|
1371
|
+
|
|
1372
|
+
.btn-icon:hover {
|
|
1373
|
+
--tw-brightness: brightness(1.15);
|
|
1374
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1375
|
+
}
|
|
1376
|
+
|
|
1377
|
+
.btn-icon {
|
|
1378
|
+
/* Transitions */
|
|
1379
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1380
|
+
transition-duration: 150ms;
|
|
1381
|
+
transition-property:all;
|
|
1382
|
+
transition-timing-function:cubic-bezier(.4,0,.2,1);
|
|
1383
|
+
transition-duration:.15s;
|
|
1384
|
+
border-radius:var(--theme-rounded-base);
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
.btn-icon:active {
|
|
1388
|
+
--tw-scale-x: 95%;
|
|
1389
|
+
--tw-scale-y: 95%;
|
|
1390
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1391
|
+
--tw-brightness: brightness(.9);
|
|
1392
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1393
|
+
}
|
|
1394
|
+
|
|
1395
|
+
.btn-icon {
|
|
1396
|
+
width: 43px;
|
|
1397
|
+
font-size: 1rem;
|
|
1398
|
+
line-height: 1.5rem;
|
|
1399
|
+
aspect-ratio:1 / 1;
|
|
1400
|
+
border-radius: 9999px;
|
|
1401
|
+
}
|
|
1402
|
+
|
|
1215
1403
|
.chip {
|
|
1216
1404
|
white-space: nowrap;
|
|
1217
1405
|
padding-left: 0.75rem;
|
|
@@ -1483,6 +1671,191 @@ button:disabled:active {
|
|
|
1483
1671
|
|
|
1484
1672
|
/* A circular button meant for housing icons. */
|
|
1485
1673
|
|
|
1674
|
+
.btn-icon {
|
|
1675
|
+
/* Extend Base Button Clases */
|
|
1676
|
+
display: inline-flex;
|
|
1677
|
+
align-items: center;
|
|
1678
|
+
justify-content: center;
|
|
1679
|
+
}
|
|
1680
|
+
|
|
1681
|
+
.btn-icon > :not([hidden]) ~ :not([hidden]) {
|
|
1682
|
+
--tw-space-x-reverse: 0;
|
|
1683
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1684
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1685
|
+
}
|
|
1686
|
+
|
|
1687
|
+
.btn-icon {
|
|
1688
|
+
white-space: nowrap;
|
|
1689
|
+
padding-left: 1.25rem;
|
|
1690
|
+
padding-right: 1.25rem;
|
|
1691
|
+
padding-top: 9px;
|
|
1692
|
+
padding-bottom: 9px;
|
|
1693
|
+
font-size: 1rem;
|
|
1694
|
+
line-height: 1.5rem;
|
|
1695
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1696
|
+
transition-duration: 150ms;
|
|
1697
|
+
align-items:center;
|
|
1698
|
+
justify-content:center;
|
|
1699
|
+
text-align:center;
|
|
1700
|
+
transition-property:all;
|
|
1701
|
+
transition-timing-function:cubic-bezier(.4,0,.2,1);
|
|
1702
|
+
transition-duration:.15s;
|
|
1703
|
+
}
|
|
1704
|
+
|
|
1705
|
+
.btn-icon:hover {
|
|
1706
|
+
--tw-brightness: brightness(1.15);
|
|
1707
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
.btn-icon {
|
|
1711
|
+
/* Size (match base) */
|
|
1712
|
+
padding-left: 1.25rem;
|
|
1713
|
+
padding-right: 1.25rem;
|
|
1714
|
+
padding-top: 9px;
|
|
1715
|
+
padding-bottom: 9px;
|
|
1716
|
+
font-size: 1rem;
|
|
1717
|
+
line-height: 1.5rem;
|
|
1718
|
+
/* Core */
|
|
1719
|
+
white-space: nowrap;
|
|
1720
|
+
text-align:center;
|
|
1721
|
+
/* Flex Columns */
|
|
1722
|
+
display: inline-flex;
|
|
1723
|
+
align-items: center;
|
|
1724
|
+
justify-content: center;
|
|
1725
|
+
}
|
|
1726
|
+
|
|
1727
|
+
.btn-icon > :not([hidden]) ~ :not([hidden]) {
|
|
1728
|
+
--tw-space-x-reverse: 0;
|
|
1729
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1730
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1731
|
+
}
|
|
1732
|
+
|
|
1733
|
+
.btn-icon{
|
|
1734
|
+
align-items:center;
|
|
1735
|
+
justify-content:center
|
|
1736
|
+
/* States */
|
|
1737
|
+
}
|
|
1738
|
+
|
|
1739
|
+
.btn-icon:hover {
|
|
1740
|
+
--tw-brightness: brightness(1.15);
|
|
1741
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1742
|
+
}
|
|
1743
|
+
|
|
1744
|
+
.btn-icon {
|
|
1745
|
+
/* Transitions */
|
|
1746
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1747
|
+
transition-duration: 150ms;
|
|
1748
|
+
transition-property:all;
|
|
1749
|
+
transition-timing-function:cubic-bezier(.4,0,.2,1);
|
|
1750
|
+
transition-duration:.15s;
|
|
1751
|
+
border-radius:var(--theme-rounded-base);
|
|
1752
|
+
}
|
|
1753
|
+
|
|
1754
|
+
.btn-icon:active {
|
|
1755
|
+
--tw-scale-x: 95%;
|
|
1756
|
+
--tw-scale-y: 95%;
|
|
1757
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1758
|
+
--tw-brightness: brightness(.9);
|
|
1759
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1760
|
+
}
|
|
1761
|
+
|
|
1762
|
+
.btn-icon {
|
|
1763
|
+
display: inline-flex;
|
|
1764
|
+
align-items: center;
|
|
1765
|
+
justify-content: center;
|
|
1766
|
+
}
|
|
1767
|
+
|
|
1768
|
+
.btn-icon > :not([hidden]) ~ :not([hidden]) {
|
|
1769
|
+
--tw-space-x-reverse: 0;
|
|
1770
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1771
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1772
|
+
}
|
|
1773
|
+
|
|
1774
|
+
.btn-icon {
|
|
1775
|
+
white-space: nowrap;
|
|
1776
|
+
padding-left: 1.25rem;
|
|
1777
|
+
padding-right: 1.25rem;
|
|
1778
|
+
padding-top: 9px;
|
|
1779
|
+
padding-bottom: 9px;
|
|
1780
|
+
font-size: 1rem;
|
|
1781
|
+
line-height: 1.5rem;
|
|
1782
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1783
|
+
transition-duration: 150ms;
|
|
1784
|
+
align-items:center;
|
|
1785
|
+
justify-content:center;
|
|
1786
|
+
text-align:center;
|
|
1787
|
+
transition-property:all;
|
|
1788
|
+
transition-timing-function:cubic-bezier(.4,0,.2,1);
|
|
1789
|
+
transition-duration:.15s;
|
|
1790
|
+
}
|
|
1791
|
+
|
|
1792
|
+
.btn-icon:hover {
|
|
1793
|
+
--tw-brightness: brightness(1.15);
|
|
1794
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1795
|
+
}
|
|
1796
|
+
|
|
1797
|
+
.btn-icon {
|
|
1798
|
+
/* Size (match base) */
|
|
1799
|
+
padding-left: 1.25rem;
|
|
1800
|
+
padding-right: 1.25rem;
|
|
1801
|
+
padding-top: 9px;
|
|
1802
|
+
padding-bottom: 9px;
|
|
1803
|
+
font-size: 1rem;
|
|
1804
|
+
line-height: 1.5rem;
|
|
1805
|
+
/* Core */
|
|
1806
|
+
white-space: nowrap;
|
|
1807
|
+
text-align:center;
|
|
1808
|
+
/* Flex Columns */
|
|
1809
|
+
display: inline-flex;
|
|
1810
|
+
align-items: center;
|
|
1811
|
+
justify-content: center;
|
|
1812
|
+
}
|
|
1813
|
+
|
|
1814
|
+
.btn-icon > :not([hidden]) ~ :not([hidden]) {
|
|
1815
|
+
--tw-space-x-reverse: 0;
|
|
1816
|
+
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
1817
|
+
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
|
1818
|
+
}
|
|
1819
|
+
|
|
1820
|
+
.btn-icon{
|
|
1821
|
+
align-items:center;
|
|
1822
|
+
justify-content:center
|
|
1823
|
+
/* States */
|
|
1824
|
+
}
|
|
1825
|
+
|
|
1826
|
+
.btn-icon:hover {
|
|
1827
|
+
--tw-brightness: brightness(1.15);
|
|
1828
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1829
|
+
}
|
|
1830
|
+
|
|
1831
|
+
.btn-icon {
|
|
1832
|
+
/* Transitions */
|
|
1833
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1834
|
+
transition-duration: 150ms;
|
|
1835
|
+
transition-property:all;
|
|
1836
|
+
transition-timing-function:cubic-bezier(.4,0,.2,1);
|
|
1837
|
+
transition-duration:.15s;
|
|
1838
|
+
border-radius:var(--theme-rounded-base);
|
|
1839
|
+
}
|
|
1840
|
+
|
|
1841
|
+
.btn-icon:active {
|
|
1842
|
+
--tw-scale-x: 95%;
|
|
1843
|
+
--tw-scale-y: 95%;
|
|
1844
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1845
|
+
--tw-brightness: brightness(.9);
|
|
1846
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
1847
|
+
}
|
|
1848
|
+
|
|
1849
|
+
.btn-icon {
|
|
1850
|
+
/* Size (match base) */
|
|
1851
|
+
width: 43px;
|
|
1852
|
+
font-size: 1rem;
|
|
1853
|
+
line-height: 1.5rem;
|
|
1854
|
+
aspect-ratio:1 / 1;
|
|
1855
|
+
/* Rounded */
|
|
1856
|
+
border-radius: 9999px;
|
|
1857
|
+
}
|
|
1858
|
+
|
|
1486
1859
|
/* Icon Button: Size */
|
|
1487
1860
|
|
|
1488
1861
|
/* File Input Button */
|
|
@@ -1919,6 +2292,10 @@ input[type="file"]:not(.file-dropzone-input)::file-selector-button {
|
|
|
1919
2292
|
.dark .variant-soft,.dark
|
|
1920
2293
|
.variant-soft-surface {
|
|
1921
2294
|
color:rgb(var(--color-surface-200));
|
|
2295
|
+
}
|
|
2296
|
+
|
|
2297
|
+
:is(.dark .variant-soft),:is(.dark
|
|
2298
|
+
.variant-soft-surface) {
|
|
1922
2299
|
background-color: rgb(var(--color-surface-500) / 0.2);
|
|
1923
2300
|
}
|
|
1924
2301
|
|
|
@@ -3773,7 +4150,8 @@ html{
|
|
|
3773
4150
|
-o-tab-size:4;
|
|
3774
4151
|
tab-size:4;
|
|
3775
4152
|
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";
|
|
3776
|
-
font-feature-settings:normal
|
|
4153
|
+
font-feature-settings:normal;
|
|
4154
|
+
font-variation-settings:normal
|
|
3777
4155
|
}
|
|
3778
4156
|
|
|
3779
4157
|
body{
|