@code-coaching/vuetiful 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/styles/all.css +62 -54
  3. package/dist/types/types/index.d.ts +1 -1
  4. package/dist/types/utils/platform/platform.service.d.ts +1 -1
  5. package/dist/vuetiful.es.mjs +1 -1
  6. package/dist/vuetiful.umd.js +1 -1
  7. package/package.json +2 -2
  8. package/src/components/molecules/VDrawer.vue +1 -1
  9. package/src/styles/elements/alerts.css +1 -1
  10. package/src/styles/elements/buttons.css +2 -2
  11. package/src/styles/elements/forms.css +3 -3
  12. package/src/styles/elements/popups.css +1 -1
  13. package/src/styles/typography.css +1 -1
  14. package/src/tailwind/generated/intellisense-classes.cjs +106 -106
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.2.7 | MIT License | https://tailwindcss.com */
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
  /*
@@ -631,24 +634,24 @@ p:not(.unstyled):is(:not(.prose *)) {
631
634
  line-height: 1.5rem;
632
635
  }
633
636
 
634
- a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(a.card):not(
635
- .list-nav a
636
- ) {
637
+ a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(
638
+ .logo-item
639
+ ):not(a.card):not(.list-nav a) {
637
640
  --tw-text-opacity: 1;
638
641
  color: rgb(var(--color-primary-700) / var(--tw-text-opacity));
639
642
  text-decoration-line: underline;
640
643
  }
641
644
 
642
- a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(a.card):not(
643
- .list-nav a
644
- ):hover {
645
+ a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(
646
+ .logo-item
647
+ ):not(a.card):not(.list-nav a):hover {
645
648
  --tw-brightness: brightness(1.1);
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(.logo-item):not(a.card):not(
650
- .list-nav a
651
- ) {
652
+ :is(.dark a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(
653
+ .logo-item
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,15 +756,15 @@ 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
 
760
763
  code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
761
- padding-top: 0.125rem;
762
- padding-bottom: 0.125rem;
763
764
  padding-left: 0.25rem;
764
765
  padding-right: 0.25rem;
766
+ padding-top: 0.125rem;
767
+ padding-bottom: 0.125rem;
765
768
  border-radius:.25rem;
766
769
  }
767
770
 
@@ -772,7 +775,7 @@ code:not(.unstyled):is(:not(.prose *)):is(:not(pre *)) {
772
775
  /* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del */
773
776
 
774
777
  ins:not(.unstyled):is(:not(.prose *)),
775
- del:not(.unstyled):is(:not(.prose *)) {
778
+ del:not(.unstyled):is(:not(.prose *)) {
776
779
  position: relative;
777
780
  display: block;
778
781
  padding: 0.125rem;
@@ -781,18 +784,18 @@ ins:not(.unstyled):is(:not(.prose *)),
781
784
  }
782
785
 
783
786
  ins:not(.unstyled):is(:not(.prose *))::before,
784
- del:not(.unstyled):is(:not(.prose *))::before {
787
+ del:not(.unstyled):is(:not(.prose *))::before {
785
788
  left: 0.25rem;
786
789
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
787
790
  position:absolute;
788
791
  }
789
792
 
790
793
  ins:not(.unstyled):is(:not(.prose *))::before {
791
- content: '+';
794
+ content: "+";
792
795
  }
793
796
 
794
797
  del:not(.unstyled):is(:not(.prose *))::before {
795
- content: '−';
798
+ content: "−";
796
799
  }
797
800
 
798
801
  ins:not(.unstyled):is(:not(.prose *)) {
@@ -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
  }
@@ -828,8 +831,8 @@ time:not(.unstyled):is(:not(.prose *)) {
828
831
  /* === Resets === */
829
832
 
830
833
  fieldset,
831
- legend,
832
- label {
834
+ legend,
835
+ label {
833
836
  display: block;
834
837
  }
835
838
 
@@ -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
  }
@@ -916,12 +919,12 @@ progress::-webkit-progress-value {
916
919
 
917
920
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color */
918
921
 
919
- [type='range'] {
922
+ [type="range"] {
920
923
  accent-color: rgb(var(--color-surface-900) / 1);
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
 
@@ -1168,7 +1171,7 @@ button:disabled:active {
1168
1171
 
1169
1172
  /* File Input Button */
1170
1173
 
1171
- input[type='file']:not(.file-dropzone-input)::file-selector-button {
1174
+ input[type="file"]:not(.file-dropzone-input)::file-selector-button {
1172
1175
  /* Size (match base) */
1173
1176
  padding-left: 1.25rem;
1174
1177
  padding-right: 1.25rem;
@@ -1185,24 +1188,24 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
1185
1188
  justify-content: center;
1186
1189
  }
1187
1190
 
1188
- input[type='file']:not(.file-dropzone-input)::file-selector-button > :not([hidden]) ~ :not([hidden]) {
1191
+ input[type="file"]:not(.file-dropzone-input)::file-selector-button > :not([hidden]) ~ :not([hidden]) {
1189
1192
  --tw-space-x-reverse: 0;
1190
1193
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
1191
1194
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
1192
1195
  }
1193
1196
 
1194
- input[type='file']:not(.file-dropzone-input)::file-selector-button{
1197
+ input[type="file"]:not(.file-dropzone-input)::file-selector-button{
1195
1198
  align-items:center;
1196
1199
  justify-content:center
1197
1200
  /* States */
1198
1201
  }
1199
1202
 
1200
- input[type='file']:not(.file-dropzone-input)::file-selector-button:hover {
1203
+ input[type="file"]:not(.file-dropzone-input)::file-selector-button:hover {
1201
1204
  --tw-brightness: brightness(1.15);
1202
1205
  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);
1203
1206
  }
1204
1207
 
1205
- input[type='file']:not(.file-dropzone-input)::file-selector-button {
1208
+ input[type="file"]:not(.file-dropzone-input)::file-selector-button {
1206
1209
  /* Transitions */
1207
1210
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1208
1211
  transition-duration: 150ms;
@@ -1212,7 +1215,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
1212
1215
  border-radius:var(--theme-rounded-base);
1213
1216
  }
1214
1217
 
1215
- input[type='file']:not(.file-dropzone-input)::file-selector-button:active {
1218
+ input[type="file"]:not(.file-dropzone-input)::file-selector-button:active {
1216
1219
  --tw-scale-x: 95%;
1217
1220
  --tw-scale-y: 95%;
1218
1221
  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));
@@ -1220,7 +1223,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button:active {
1220
1223
  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);
1221
1224
  }
1222
1225
 
1223
- input[type='file']:not(.file-dropzone-input)::file-selector-button {
1226
+ input[type="file"]:not(.file-dropzone-input)::file-selector-button {
1224
1227
  padding-left: 0.75rem;
1225
1228
  padding-right: 0.75rem;
1226
1229
  padding-top: 0.375rem;
@@ -1230,20 +1233,20 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
1230
1233
  background-color: rgb(var(--color-surface-900));
1231
1234
  }
1232
1235
 
1233
- .dark input[type='file']:not(.file-dropzone-input)::file-selector-button {
1236
+ .dark input[type="file"]:not(.file-dropzone-input)::file-selector-button {
1234
1237
  background-color: rgb(var(--color-surface-50));
1235
1238
  }
1236
1239
 
1237
- input[type='file']:not(.file-dropzone-input)::file-selector-button {
1240
+ input[type="file"]:not(.file-dropzone-input)::file-selector-button {
1238
1241
  color: rgb(var(--color-surface-50));
1239
1242
  }
1240
1243
 
1241
- .dark input[type='file']:not(.file-dropzone-input)::file-selector-button {
1244
+ .dark input[type="file"]:not(.file-dropzone-input)::file-selector-button {
1242
1245
  background-color:rgb(var(--color-surface-50));
1243
1246
  color:rgb(var(--color-surface-900));
1244
1247
  }
1245
1248
 
1246
- input[type='file']:not(.file-dropzone-input)::file-selector-button {
1249
+ input[type="file"]:not(.file-dropzone-input)::file-selector-button {
1247
1250
  margin-right: 0.5rem;
1248
1251
  border-width: 0px;
1249
1252
  }
@@ -1261,24 +1264,24 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
1261
1264
  /* === Lists (Parents) === */
1262
1265
 
1263
1266
  .list,
1264
- .list-dl,
1265
- .list-nav ul {
1267
+ .list-dl,
1268
+ .list-nav ul {
1266
1269
  /* List Style */
1267
1270
  list-style-type: none;
1268
1271
  /* Spacing */
1269
1272
  }
1270
1273
 
1271
1274
  .list > :not([hidden]) ~ :not([hidden]),
1272
- .list-dl > :not([hidden]) ~ :not([hidden]),
1273
- .list-nav ul > :not([hidden]) ~ :not([hidden]) {
1275
+ .list-dl > :not([hidden]) ~ :not([hidden]),
1276
+ .list-nav ul > :not([hidden]) ~ :not([hidden]) {
1274
1277
  --tw-space-y-reverse: 0;
1275
1278
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1276
1279
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1277
1280
  }
1278
1281
 
1279
1282
  .list>:not([hidden])~:not([hidden]),
1280
- .list-dl>:not([hidden])~:not([hidden]),
1281
- .list-nav ul>:not([hidden])~:not([hidden]){
1283
+ .list-dl>:not([hidden])~:not([hidden]),
1284
+ .list-nav ul>:not([hidden])~:not([hidden]){
1282
1285
  --tw-space-y-reverse: 0;
1283
1286
  margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
1284
1287
  margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
@@ -1287,23 +1290,23 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
1287
1290
  /* === List Items (Children) === */
1288
1291
 
1289
1292
  .list-nav a,
1290
- .list-nav button,
1291
- .list-option {
1293
+ .list-nav button,
1294
+ .list-option {
1292
1295
  display: flex;
1293
1296
  align-items: center;
1294
1297
  }
1295
1298
 
1296
1299
  .list-nav a > :not([hidden]) ~ :not([hidden]),
1297
- .list-nav button > :not([hidden]) ~ :not([hidden]),
1298
- .list-option > :not([hidden]) ~ :not([hidden]) {
1300
+ .list-nav button > :not([hidden]) ~ :not([hidden]),
1301
+ .list-option > :not([hidden]) ~ :not([hidden]) {
1299
1302
  --tw-space-x-reverse: 0;
1300
1303
  margin-right: calc(1rem * var(--tw-space-x-reverse));
1301
1304
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
1302
1305
  }
1303
1306
 
1304
1307
  .list-nav a,
1305
- .list-nav button,
1306
- .list-option {
1308
+ .list-nav button,
1309
+ .list-option {
1307
1310
  white-space: nowrap;
1308
1311
  display:flex;
1309
1312
  align-items:center;
@@ -1316,14 +1319,14 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
1316
1319
  }
1317
1320
 
1318
1321
  .list-nav a:hover,
1319
- .list-nav button:hover,
1320
- .list-option:hover {
1322
+ .list-nav button:hover,
1323
+ .list-option:hover {
1321
1324
  background-color: rgb(var(--color-primary-500) / 0.1);
1322
1325
  }
1323
1326
 
1324
1327
  .list-nav a,
1325
- .list-nav button,
1326
- .list-option {
1328
+ .list-nav button,
1329
+ .list-option {
1327
1330
  /* Cursor */
1328
1331
  cursor:pointer;
1329
1332
  /* Theme: Rounded */
@@ -1386,7 +1389,7 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
1386
1389
  /* Soft */
1387
1390
 
1388
1391
  .variant-soft,
1389
- .variant-soft-surface {
1392
+ .variant-soft-surface {
1390
1393
  background-color: rgb(var(--color-surface-400) / 0.2);
1391
1394
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1392
1395
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
@@ -1395,8 +1398,12 @@ input[type='file']:not(.file-dropzone-input)::file-selector-button {
1395
1398
  }
1396
1399
 
1397
1400
  .dark .variant-soft,.dark
1398
- .variant-soft-surface {
1401
+ .variant-soft-surface {
1399
1402
  color:rgb(var(--color-surface-200));
1403
+ }
1404
+
1405
+ :is(.dark .variant-soft),:is(.dark
1406
+ .variant-soft-surface) {
1400
1407
  background-color: rgb(var(--color-surface-500) / 0.2);
1401
1408
  }
1402
1409
 
@@ -3251,7 +3258,8 @@ html{
3251
3258
  -o-tab-size:4;
3252
3259
  tab-size:4;
3253
3260
  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";
3254
- font-feature-settings:normal
3261
+ font-feature-settings:normal;
3262
+ font-variation-settings:normal
3255
3263
  }
3256
3264
 
3257
3265
  body{
package/dist/types/types/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './tailwind';
1
+ export * from "./tailwind";
package/dist/types/utils/platform/platform.service.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  declare const usePlatform: () => {
2
2
  isBrowser: boolean;
3
3
  };
4
- export { usePlatform, };
4
+ export { usePlatform };
package/dist/vuetiful.es.mjs CHANGED
@@ -141,7 +141,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
141
141
  key: 0,
142
142
  ref_key: "elemBackdrop",
143
143
  ref: elemBackdrop,
144
- class: normalizeClass(`drawer-backdrop backdrop-blur-xs fixed top-0 left-0 right-0 bottom-0 flex bg-surface-backdrop-token ${unref(regionBackdrop)} z-40 ${(_a = unref(attrs).class) != null ? _a : ""}`),
144
+ class: normalizeClass(`drawer-backdrop backdrop-blur-xs fixed bottom-0 left-0 right-0 top-0 flex bg-surface-backdrop-token ${unref(regionBackdrop)} z-40 ${(_a = unref(attrs).class) != null ? _a : ""}`),
145
145
  onMousedown: onBackdropInteraction,
146
146
  onTouchstart: onBackdropInteraction
147
147
  }, null, 34)) : createCommentVNode("", true)