vuefinder 2.1.1 → 2.2.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/README.md +86 -22
- package/dist/style.css +1 -1
- package/dist/vuefinder.cjs +2 -2
- package/dist/vuefinder.js +1192 -1142
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -39,9 +39,9 @@ app.mount('#app')
|
|
|
39
39
|
You can manually import the localization files from the package and register them with Vuefinder. The localization files are located in the dist/locales folder.
|
|
40
40
|
|
|
41
41
|
```js
|
|
42
|
-
import en from 'vuefinder/dist/
|
|
43
|
-
import tr from 'vuefinder/dist/
|
|
44
|
-
import ru from 'vuefinder/dist/
|
|
42
|
+
import en from 'vuefinder/dist/locales/en.js'
|
|
43
|
+
import tr from 'vuefinder/dist/locales/tr.js'
|
|
44
|
+
import ru from 'vuefinder/dist/locales/ru.js'
|
|
45
45
|
|
|
46
46
|
app.use(VueFinder, {
|
|
47
47
|
i18n: { en, tr, ru }
|
|
@@ -100,15 +100,84 @@ app.use(VueFinder, {
|
|
|
100
100
|
|
|
101
101
|
### Props
|
|
102
102
|
|
|
103
|
-
| Prop |
|
|
104
|
-
|
|
105
|
-
| id |
|
|
106
|
-
| request | object |
|
|
107
|
-
| locale |
|
|
108
|
-
| theme |
|
|
109
|
-
| max-file-size |
|
|
110
|
-
| max-height |
|
|
111
|
-
| features |
|
|
103
|
+
| Prop | Value | Default | Description |
|
|
104
|
+
|---------------|:-------------:|----------|:-----------------------------------------------------------|
|
|
105
|
+
| id | string | _null_ | required |
|
|
106
|
+
| request | string/object | _object_ | required - backend url or request object, see above |
|
|
107
|
+
| locale | string | en | optional - default language code |
|
|
108
|
+
| theme | string | system | optional - default theme, options: "system","light","dark" |
|
|
109
|
+
| max-file-size | string | 10mb | optional - client side max file upload |
|
|
110
|
+
| max-height | string | 600px | optional - max height of the component |
|
|
111
|
+
| features | array | _null_ | optional - array of the enabled features |
|
|
112
|
+
| path | string | _null_ | optional - initial directory, example: 'media://public' |
|
|
113
|
+
| persist | boolean | false | optional - keep current directory on page refresh |
|
|
114
|
+
| full-screen | boolean | false | optional - start in full screen mode |
|
|
115
|
+
| select-button | object | _object_ | optional - adds select button in status bar, see example |
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
### Events
|
|
119
|
+
| Event | Description |
|
|
120
|
+
|--------------------|:---------------------------------------------------------------------------------------------------------------------------|
|
|
121
|
+
| @select="callback" | The callback function is invoked when the user selects a file or folder, and the selected elements are passed as arguments |
|
|
122
|
+
|
|
123
|
+
### Selection
|
|
124
|
+
There are 2 ways to select files and folders.
|
|
125
|
+
|
|
126
|
+
First one, you can use the select button in the status bar. To enable the select button, you can use the select-button prop.
|
|
127
|
+
when you set the select-button active to true, the select button will be visible in the status bar.
|
|
128
|
+
```vue
|
|
129
|
+
<vue-finder
|
|
130
|
+
id='my_vuefinder'
|
|
131
|
+
:request="request"
|
|
132
|
+
:select-button="handleSelectButton"
|
|
133
|
+
/>
|
|
134
|
+
|
|
135
|
+
<script>
|
|
136
|
+
// other codes
|
|
137
|
+
|
|
138
|
+
const handleSelectButton = {
|
|
139
|
+
// show select button
|
|
140
|
+
active: true,
|
|
141
|
+
// allow multiple selection
|
|
142
|
+
multiple: false,
|
|
143
|
+
// handle click event
|
|
144
|
+
click: (items, event) => {
|
|
145
|
+
if (!items.length) {
|
|
146
|
+
alert('No item selected');
|
|
147
|
+
return;
|
|
148
|
+
}
|
|
149
|
+
alert('Selected: ' + items[0].path);
|
|
150
|
+
console.log(items, event);
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
</script>
|
|
154
|
+
```
|
|
155
|
+
|
|
156
|
+
Alternatively, you can use the select event to get the selected items.
|
|
157
|
+
```vue
|
|
158
|
+
<vue-finder
|
|
159
|
+
id='my_vuefinder'
|
|
160
|
+
:request="request"
|
|
161
|
+
@select="handleSelect"
|
|
162
|
+
/>
|
|
163
|
+
|
|
164
|
+
<script>
|
|
165
|
+
// other codes
|
|
166
|
+
|
|
167
|
+
// we can define a ref object to store the selected items
|
|
168
|
+
const selectedFiles = ref([]);
|
|
169
|
+
|
|
170
|
+
// handle select event, and store the selected items
|
|
171
|
+
const handleSelect = (selection) => {
|
|
172
|
+
selectedFiles.value = selection
|
|
173
|
+
}
|
|
174
|
+
// then with a button click, you can get the selected items easily
|
|
175
|
+
// you can add this method to the click event of a button.
|
|
176
|
+
const handleButtonClick = () => {
|
|
177
|
+
console.log(selectedFiles.value);
|
|
178
|
+
}
|
|
179
|
+
</script>
|
|
180
|
+
```
|
|
112
181
|
|
|
113
182
|
### Features
|
|
114
183
|
- Multi adapter/storage (see https://github.com/thephpleague/flysystem)
|
|
@@ -144,16 +213,11 @@ app.use(VueFinder, {
|
|
|
144
213
|
### Backend
|
|
145
214
|
- PHP: [VueFinder Php Library](https://github.com/n1crack/vuefinder-php)
|
|
146
215
|
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
- [x] drag&drop on folders at address bar
|
|
153
|
-
- [ ] code refactoring (cleanup the duplications, make reusable components)
|
|
154
|
-
- [ ] copy/move to a folder (modal, treeview)
|
|
155
|
-
- [ ] transfer items between filesystem adapters
|
|
156
|
-
- [ ] update DragSelect plugin for using its dropzone support
|
|
216
|
+
You can use any backend language. Just be sure, the response should be compatible.
|
|
217
|
+
If you develop a backend library for another language, please let me know to add it here.
|
|
218
|
+
|
|
219
|
+
### Collaboration
|
|
220
|
+
If you want to contribute to the project, please feel free to fork the repository and submit your changes as a pull request. Ensure that the changes you submit are applicable for general use rather than specific to your project.
|
|
157
221
|
|
|
158
222
|
### Dependencies
|
|
159
223
|
- [Vue3](https://vuejs.org/)
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.vuefinder *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.vuefinder :before,:after{--tw-content: ""}.vuefinder hr{height:0;color:inherit;border-top-width:1px}.vuefinder abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.vuefinder h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}.vuefinder a{color:inherit;text-decoration:inherit}.vuefinder b,strong{font-weight:bolder}.vuefinder code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.vuefinder small{font-size:80%}.vuefinder sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.vuefinder sub{bottom:-.25em}.vuefinder sup{top:-.5em}.vuefinder table{text-indent:0;border-color:inherit;border-collapse:collapse}.vuefinder button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.vuefinder button,select{text-transform:none}.vuefinder button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.vuefinder :-moz-focusring{outline:auto}.vuefinder :-moz-ui-invalid{box-shadow:none}.vuefinder progress{vertical-align:baseline}.vuefinder ::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}.vuefinder [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.vuefinder ::-webkit-search-decoration{-webkit-appearance:none}.vuefinder ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.vuefinder summary{display:list-item}.vuefinder blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.vuefinder fieldset{margin:0;padding:0}.vuefinder legend{padding:0}.vuefinder ol,ul,menu{list-style:none;margin:0;padding:0}.vuefinder dialog{padding:0}.vuefinder textarea{resize:vertical}.vuefinder input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}.vuefinder input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}.vuefinder button,[role=button]{cursor:pointer}.vuefinder :disabled{cursor:default}.vuefinder img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}.vuefinder img,video{max-width:100%;height:auto}.vuefinder [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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.vuefinder{position:relative}.vuefinder *{touch-action:manipulation}.vuefinder :is(.vf-btn){margin-top:.125rem;display:inline-flex;width:100%;justify-content:center;border-radius:.375rem;border-width:1px;padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;font-weight:500;letter-spacing:.025em;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vuefinder :is(.vf-btn:focus){outline:2px solid transparent;outline-offset:2px;--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(2px + 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-offset-width: 2px}@media (min-width: 640px){.vuefinder :is(.vf-btn){margin-left:.25rem;margin-right:.25rem;width:auto;font-size:.875rem;line-height:1.25rem}}.vuefinder :is(.vf-btn-primary){border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.vuefinder :is(.vf-btn-primary:hover){--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-primary:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.vuefinder :is(.dark .vf-btn-primary){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.vuefinder :is(.dark .vf-btn-primary:hover){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-secondary){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.vuefinder :is(.vf-btn-secondary:hover){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-secondary:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.vuefinder :is(.dark .vf-btn-secondary){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.vuefinder :is(.dark .vf-btn-secondary:hover){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-danger){border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.vuefinder :is(.vf-btn-danger:hover){--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-danger:focus){--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-opacity: 1;--tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));--tw-ring-offset-width: 1px}.vuefinder :is(.dark .vf-btn-danger){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.vuefinder :is(.dark .vf-btn-danger:hover){--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.vuefinder :is(.disabled){cursor:not-allowed;opacity:.5}.vf-explorer-selected{border-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(212 212 212 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(245 245 245 / var(--tw-bg-opacity))!important}:is(.dark .vf-explorer-selected){border-color:rgb(17 24 39 / var(--tw-border-opacity))!important;--tw-border-opacity: 1 !important;border-color:rgb(30 41 59 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(51 65 85 / var(--tw-bg-opacity))!important}.vf-explorer-selector{border-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(100 116 139 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(203 213 225 / var(--tw-bg-opacity))!important;opacity:.5!important}.vuefinder.dark{color-scheme:dark}.vf-scrollbar::-webkit-scrollbar{width:12px}.vf-scrollbar::-webkit-scrollbar-track-piece{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}:is(.dark .vf-scrollbar)::-webkit-scrollbar-track-piece{background-color:#0f172a80}.vf-scrollbar::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}:is(.dark .vf-scrollbar)::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}.vf-scrollbar::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}:is(.dark .vf-scrollbar)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}.vf-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.vuefinder .fade-enter-active,.vuefinder .fade-leave-active{transition:opacity .2s ease}.vuefinder .fade-enter-from,.vuefinder .fade-leave-to{opacity:0}.vuefinder :is(.pointer-events-none){pointer-events:none}.vuefinder :is(.fixed){position:fixed}.vuefinder :is(.absolute){position:absolute}.vuefinder :is(.relative){position:relative}.vuefinder :is(.inset-0){top:0;right:0;bottom:0;left:0}.vuefinder :is(.-top-96){top:-24rem}.vuefinder :is(.bottom-0){bottom:0}.vuefinder :is(.left-1\/2){left:50%}.vuefinder :is(.right-\[-2rem\]){right:-2rem}.vuefinder :is(.top-1\/2){top:50%}.vuefinder :is(.top-4){top:1rem}.vuefinder :is(.-z-50){z-index:-50}.vuefinder :is(.z-0){z-index:0}.vuefinder :is(.z-10){z-index:10}.vuefinder :is(.z-20){z-index:20}.vuefinder :is(.z-30){z-index:30}.vuefinder :is(.col-span-2){grid-column:span 2 / span 2}.vuefinder :is(.col-span-3){grid-column:span 3 / span 3}.vuefinder :is(.col-span-5){grid-column:span 5 / span 5}.vuefinder :is(.col-span-7){grid-column:span 7 / span 7}.vuefinder :is(.m-1){margin:.25rem}.vuefinder :is(.m-auto){margin:auto}.vuefinder :is(.mx-0){margin-left:0;margin-right:0}.vuefinder :is(.mx-0\.5){margin-left:.125rem;margin-right:.125rem}.vuefinder :is(.mx-1){margin-left:.25rem;margin-right:.25rem}.vuefinder :is(.mx-1\.5){margin-left:.375rem;margin-right:.375rem}.vuefinder :is(.mx-2){margin-left:.5rem;margin-right:.5rem}.vuefinder :is(.mx-auto){margin-left:auto;margin-right:auto}.vuefinder :is(.my-0){margin-top:0;margin-bottom:0}.vuefinder :is(.my-0\.5){margin-top:.125rem;margin-bottom:.125rem}.vuefinder :is(.my-1){margin-top:.25rem;margin-bottom:.25rem}.vuefinder :is(.-ml-1){margin-left:-.25rem}.vuefinder :is(.mb-1){margin-bottom:.25rem}.vuefinder :is(.mb-2){margin-bottom:.5rem}.vuefinder :is(.mb-4){margin-bottom:1rem}.vuefinder :is(.ml-1){margin-left:.25rem}.vuefinder :is(.ml-1\.5){margin-left:.375rem}.vuefinder :is(.ml-2){margin-left:.5rem}.vuefinder :is(.ml-3){margin-left:.75rem}.vuefinder :is(.ml-auto){margin-left:auto}.vuefinder :is(.mr-1){margin-right:.25rem}.vuefinder :is(.mr-3){margin-right:.75rem}.vuefinder :is(.mr-auto){margin-right:auto}.vuefinder :is(.ms-3){margin-inline-start:.75rem}.vuefinder :is(.mt-2){margin-top:.5rem}.vuefinder :is(.mt-3){margin-top:.75rem}.vuefinder :is(.mt-5){margin-top:1.25rem}.vuefinder :is(.block){display:block}.vuefinder :is(.inline-block){display:inline-block}.vuefinder :is(.flex){display:flex}.vuefinder :is(.inline-flex){display:inline-flex}.vuefinder :is(.grid){display:grid}.vuefinder :is(.\!hidden){display:none!important}.vuefinder :is(.hidden){display:none}.vuefinder :is(.h-10){height:2.5rem}.vuefinder :is(.h-12){height:3rem}.vuefinder :is(.h-20){height:5rem}.vuefinder :is(.h-4){height:1rem}.vuefinder :is(.h-5){height:1.25rem}.vuefinder :is(.h-6){height:1.5rem}.vuefinder :is(.h-\[120px\]){height:120px}.vuefinder :is(.h-\[60vh\]){height:60vh}.vuefinder :is(.h-fit){height:-moz-fit-content;height:fit-content}.vuefinder :is(.h-full){height:100%}.vuefinder :is(.max-h-\[200px\]){max-height:200px}.vuefinder :is(.max-h-\[50vh\]){max-height:50vh}.vuefinder :is(.max-h-\[60vh\]){max-height:60vh}.vuefinder :is(.min-h-\[150px\]){min-height:150px}.vuefinder :is(.min-h-\[200px\]){min-height:200px}.vuefinder :is(.min-h-full){min-height:100%}.vuefinder :is(.w-10){width:2.5rem}.vuefinder :is(.w-12){width:3rem}.vuefinder :is(.w-4){width:1rem}.vuefinder :is(.w-5){width:1.25rem}.vuefinder :is(.w-6){width:1.5rem}.vuefinder :is(.w-\[5\.5rem\]){width:5.5rem}.vuefinder :is(.w-full){width:100%}.vuefinder :is(.w-screen){width:100vw}.vuefinder :is(.min-w-max){min-width:-moz-max-content;min-width:max-content}.vuefinder :is(.min-w-min){min-width:-moz-min-content;min-width:min-content}.vuefinder :is(.max-w-\[50vh\]){max-width:50vh}.vuefinder :is(.max-w-fit){max-width:-moz-fit-content;max-width:fit-content}.vuefinder :is(.flex-1){flex:1 1 0%}.vuefinder :is(.flex-auto){flex:1 1 auto}.vuefinder :is(.flex-shrink-0){flex-shrink:0}.vuefinder :is(.flex-grow){flex-grow:1}.vuefinder :is(.basis-full){flex-basis:100%}.vuefinder :is(.-translate-x-1\/2){--tw-translate-x: -50%;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))}.vuefinder :is(.transform){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))}@keyframes spin{to{transform:rotate(360deg)}}.vuefinder :is(.animate-spin){animation:spin 1s linear infinite}.vuefinder :is(.cursor-default){cursor:default}.vuefinder :is(.cursor-pointer){cursor:pointer}.vuefinder :is(.select-none){-webkit-user-select:none;-moz-user-select:none;user-select:none}.vuefinder :is(.resize-y){resize:vertical}.vuefinder :is(.grid-cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}.vuefinder :is(.grid-cols-12){grid-template-columns:repeat(12,minmax(0,1fr))}.vuefinder :is(.flex-col){flex-direction:column}.vuefinder :is(.items-end){align-items:flex-end}.vuefinder :is(.items-center){align-items:center}.vuefinder :is(.justify-end){justify-content:flex-end}.vuefinder :is(.justify-center){justify-content:center}.vuefinder :is(.justify-between){justify-content:space-between}.vuefinder :is(.gap-x-3){-moz-column-gap:.75rem;column-gap:.75rem}.vuefinder :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.vuefinder :is(.self-center){align-self:center}.vuefinder :is(.overflow-auto){overflow:auto}.vuefinder :is(.overflow-hidden){overflow:hidden}.vuefinder :is(.overflow-y-auto){overflow-y:auto}.vuefinder :is(.overflow-ellipsis){text-overflow:ellipsis}.vuefinder :is(.whitespace-nowrap){white-space:nowrap}.vuefinder :is(.whitespace-pre-wrap){white-space:pre-wrap}.vuefinder :is(.break-all){word-break:break-all}.vuefinder :is(.rounded){border-radius:.25rem}.vuefinder :is(.rounded-full){border-radius:9999px}.vuefinder :is(.rounded-lg){border-radius:.5rem}.vuefinder :is(.rounded-md){border-radius:.375rem}.vuefinder :is(.border){border-width:1px}.vuefinder :is(.border-0){border-width:0px}.vuefinder :is(.border-2){border-width:2px}.vuefinder :is(.border-b){border-bottom-width:1px}.vuefinder :is(.border-l){border-left-width:1px}.vuefinder :is(.border-r){border-right-width:1px}.vuefinder :is(.border-t){border-top-width:1px}.vuefinder :is(.border-dashed){border-style:dashed}.vuefinder :is(.border-gray-200){--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.vuefinder :is(.border-gray-300){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.vuefinder :is(.border-lime-600){--tw-border-opacity: 1;border-color:rgb(101 163 13 / var(--tw-border-opacity))}.vuefinder :is(.border-neutral-300){--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity))}.vuefinder :is(.border-red-400){--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity))}.vuefinder :is(.border-transparent){border-color:transparent}.vuefinder :is(.bg-blue-200){--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.vuefinder :is(.bg-blue-50){--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.vuefinder :is(.bg-blue-600){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.vuefinder :is(.bg-blue-700\/75){background-color:#1d4ed8bf}.vuefinder :is(.bg-emerald-100){--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity))}.vuefinder :is(.bg-gray-100){--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.vuefinder :is(.bg-gray-200){--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.vuefinder :is(.bg-gray-50){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.vuefinder :is(.bg-gray-500){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.bg-neutral-100){--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.vuefinder :is(.bg-neutral-50){--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.vuefinder :is(.bg-red-100){--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.vuefinder :is(.bg-transparent){background-color:transparent}.vuefinder :is(.bg-white){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.vuefinder :is(.bg-opacity-75){--tw-bg-opacity: .75}.vuefinder :is(.fill-gray-100){fill:#f3f4f6}.vuefinder :is(.fill-sky-500){fill:#0ea5e9}.vuefinder :is(.fill-white){fill:#fff}.vuefinder :is(.stroke-blue-600){stroke:#2563eb}.vuefinder :is(.stroke-blue-900){stroke:#1e3a8a}.vuefinder :is(.stroke-gray-200){stroke:#e5e7eb}.vuefinder :is(.stroke-gray-400){stroke:#9ca3af}.vuefinder :is(.stroke-gray-500){stroke:#6b7280}.vuefinder :is(.stroke-neutral-500){stroke:#737373}.vuefinder :is(.stroke-red-600){stroke:#dc2626}.vuefinder :is(.stroke-sky-500){stroke:#0ea5e9}.vuefinder :is(.stroke-slate-500){stroke:#64748b}.vuefinder :is(.p-0){padding:0}.vuefinder :is(.p-0\.5){padding:.125rem}.vuefinder :is(.p-1){padding:.25rem}.vuefinder :is(.p-1\.5){padding:.375rem}.vuefinder :is(.p-2){padding:.5rem}.vuefinder :is(.p-4){padding:1rem}.vuefinder :is(.px-1){padding-left:.25rem;padding-right:.25rem}.vuefinder :is(.px-1\.5){padding-left:.375rem;padding-right:.375rem}.vuefinder :is(.px-2){padding-left:.5rem;padding-right:.5rem}.vuefinder :is(.px-4){padding-left:1rem;padding-right:1rem}.vuefinder :is(.py-0){padding-top:0;padding-bottom:0}.vuefinder :is(.py-0\.5){padding-top:.125rem;padding-bottom:.125rem}.vuefinder :is(.py-1){padding-top:.25rem;padding-bottom:.25rem}.vuefinder :is(.py-1\.5){padding-top:.375rem;padding-bottom:.375rem}.vuefinder :is(.py-2){padding-top:.5rem;padding-bottom:.5rem}.vuefinder :is(.py-3){padding-top:.75rem;padding-bottom:.75rem}.vuefinder :is(.pb-0){padding-bottom:0}.vuefinder :is(.pb-1){padding-bottom:.25rem}.vuefinder :is(.pb-4){padding-bottom:1rem}.vuefinder :is(.pl-1){padding-left:.25rem}.vuefinder :is(.pl-2){padding-left:.5rem}.vuefinder :is(.pr-1){padding-right:.25rem}.vuefinder :is(.pr-8){padding-right:2rem}.vuefinder :is(.pt-5){padding-top:1.25rem}.vuefinder :is(.text-left){text-align:left}.vuefinder :is(.text-center){text-align:center}.vuefinder :is(.text-base){font-size:1rem;line-height:1.5rem}.vuefinder :is(.text-lg){font-size:1.125rem;line-height:1.75rem}.vuefinder :is(.text-sm){font-size:.875rem;line-height:1.25rem}.vuefinder :is(.text-xs){font-size:.75rem;line-height:1rem}.vuefinder :is(.font-bold){font-weight:700}.vuefinder :is(.font-medium){font-weight:500}.vuefinder :is(.font-normal){font-weight:400}.vuefinder :is(.font-semibold){font-weight:600}.vuefinder :is(.leading-5){line-height:1.25rem}.vuefinder :is(.leading-6){line-height:1.5rem}.vuefinder :is(.leading-none){line-height:1}.vuefinder :is(.tracking-wider){letter-spacing:.05em}.vuefinder :is(.text-blue-500){--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.vuefinder :is(.text-emerald-600){--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-500){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-600){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-700){--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-800){--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-900){--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.vuefinder :is(.text-green-600){--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.vuefinder :is(.text-indigo-600){--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.vuefinder :is(.text-lime-600){--tw-text-opacity: 1;color:rgb(101 163 13 / var(--tw-text-opacity))}.vuefinder :is(.text-neutral-300){--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity))}.vuefinder :is(.text-neutral-500){--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.vuefinder :is(.text-neutral-700){--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity))}.vuefinder :is(.text-red-400){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.vuefinder :is(.text-red-500){--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.vuefinder :is(.text-red-600){--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.vuefinder :is(.text-slate-500){--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.vuefinder :is(.text-slate-700){--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.vuefinder :is(.text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.vuefinder :is(.text-opacity-50){--tw-text-opacity: .5}.vuefinder :is(.opacity-0){opacity:0}.vuefinder :is(.opacity-25){opacity:.25}.vuefinder :is(.opacity-75){opacity:.75}.vuefinder :is(.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)}.vuefinder :is(.shadow-sm){--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vuefinder :is(.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)}.vuefinder :is(.outline-0){outline-width:0px}.vuefinder :is(.ring-0){--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(0px + 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)}.vuefinder :is(.filter){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)}.vuefinder :is(.transition-all){transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vuefinder :is(.transition-opacity){transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vuefinder :is(.duration-1000){transition-duration:1s}.vuefinder :is(.duration-500){transition-duration:.5s}.vuefinder :is(.ease-out){transition-timing-function:cubic-bezier(0,0,.2,1)}.vuefinder :is(.hover\:bg-blue-200:hover){--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-blue-700:hover){--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-gray-100:hover){--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-neutral-100:hover){--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-neutral-200:hover){--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-neutral-300:hover){--tw-bg-opacity: 1;background-color:rgb(212 212 212 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-neutral-50:hover){--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:stroke-cyan-700:hover){stroke:#0e7490}.vuefinder :is(.hover\:text-red-600:hover){--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.vuefinder :is(.focus\:border-transparent:focus){border-color:transparent}.vuefinder :is(.focus\:outline-none:focus){outline:2px solid transparent;outline-offset:2px}.vuefinder :is(.focus\:ring-indigo-600:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity))}.vuefinder :is(.focus\:ring-transparent:focus){--tw-ring-color: transparent}.vuefinder :is(.disabled\:bg-gray-100:disabled){--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:border-t){border-top-width:1px}.vuefinder :is(.dark .dark\:border-gray-200){--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:border-gray-600){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:border-gray-700){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:border-gray-700\/50){border-color:#37415180}.vuefinder :is(.dark .dark\:border-gray-900){--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:border-red-300){--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:bg-emerald-950){--tw-bg-opacity: 1;background-color:rgb(2 44 34 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-gray-500){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-gray-600){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-gray-700\/25){background-color:#37415140}.vuefinder :is(.dark .dark\:bg-gray-700\/50){background-color:#37415180}.vuefinder :is(.dark .dark\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-red-950){--tw-bg-opacity: 1;background-color:rgb(69 10 10 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-slate-500){--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-opacity-75){--tw-bg-opacity: .75}.vuefinder :is(.dark .dark\:fill-gray-400\/20){fill:#9ca3af33}.vuefinder :is(.dark .dark\:fill-gray-700){fill:#374151}.vuefinder :is(.dark .dark\:fill-slate-500){fill:#64748b}.vuefinder :is(.dark .dark\:stroke-blue-100){stroke:#dbeafe}.vuefinder :is(.dark .dark\:stroke-gray-400){stroke:#9ca3af}.vuefinder :is(.dark .dark\:stroke-gray-600){stroke:#4b5563}.vuefinder :is(.dark .dark\:stroke-gray-700){stroke:#374151}.vuefinder :is(.dark .dark\:stroke-red-200){stroke:#fecaca}.vuefinder :is(.dark .dark\:stroke-slate-500){stroke:#64748b}.vuefinder :is(.dark .dark\:text-gray-100){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-200){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-300){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-50){--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-500){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-600){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-green-600){--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-lime-300){--tw-text-opacity: 1;color:rgb(190 242 100 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-200){--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-300){--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-400){--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-50){--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-500){--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-red-200){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-red-300){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-slate-200){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:accent-slate-400){accent-color:#94a3b8}.vuefinder :is(.dark .dark\:opacity-75){opacity:.75}.vuefinder :is(.dark .dark\:selection\:bg-gray-500 *)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:selection\:bg-gray-500 *)::selection{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:selection\:bg-gray-500)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:selection\:bg-gray-500)::selection{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:hover\:bg-gray-500:hover){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:hover\:bg-gray-700\/10:hover){background-color:#3741511a}.vuefinder :is(.dark .dark\:hover\:bg-gray-700\/50:hover){background-color:#37415180}.vuefinder :is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:hover\:stroke-gray-300:hover){stroke:#d1d5db}.vuefinder :is(.dark .dark\:hover\:text-gray-200:hover){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:hover\:text-gray-300:hover){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:focus\:border-gray-600:focus){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:focus\:border-transparent:focus){border-color:transparent}.vuefinder :is(.dark .dark\:focus\:ring-gray-600:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.vuefinder :is(.dark .dark\:focus\:ring-transparent:focus){--tw-ring-color: transparent}@media (min-width: 640px){.vuefinder :is(.sm\:mx-0){margin-left:0;margin-right:0}.vuefinder :is(.sm\:my-8){margin-top:2rem;margin-bottom:2rem}.vuefinder :is(.sm\:ml-3){margin-left:.75rem}.vuefinder :is(.sm\:ml-4){margin-left:1rem}.vuefinder :is(.sm\:mt-0){margin-top:0}.vuefinder :is(.sm\:flex){display:flex}.vuefinder :is(.sm\:h-10){height:2.5rem}.vuefinder :is(.sm\:w-10){width:2.5rem}.vuefinder :is(.sm\:w-auto){width:auto}.vuefinder :is(.sm\:max-w-4xl){max-width:56rem}.vuefinder :is(.sm\:flex-row-reverse){flex-direction:row-reverse}.vuefinder :is(.sm\:items-start){align-items:flex-start}.vuefinder :is(.sm\:items-center){align-items:center}.vuefinder :is(.sm\:p-0){padding:0}.vuefinder :is(.sm\:p-6){padding:1.5rem}.vuefinder :is(.sm\:px-6){padding-left:1.5rem;padding-right:1.5rem}.vuefinder :is(.sm\:pb-4){padding-bottom:1rem}.vuefinder :is(.sm\:text-left){text-align:left}.vuefinder :is(.sm\:text-sm){font-size:.875rem;line-height:1.25rem}.vuefinder :is(.sm\:text-xs){font-size:.75rem;line-height:1rem}}@media (min-width: 768px){.vuefinder :is(.md\:right-\[-2\.4rem\]){right:-2.4rem}.vuefinder :is(.md\:top-5){top:1.25rem}.vuefinder :is(.md\:block){display:block}.vuefinder :is(.md\:hidden){display:none}.vuefinder :is(.md\:h-12){height:3rem}.vuefinder :is(.md\:h-8){height:2rem}.vuefinder :is(.md\:w-12){width:3rem}.vuefinder :is(.md\:w-24){width:6rem}.vuefinder :is(.md\:w-8){width:2rem}.vuefinder :is(.md\:max-w-2xl){max-width:42rem}}@media (min-width: 1024px){.vuefinder :is(.lg\:max-w-3xl){max-width:48rem}}@media (min-width: 1280px){.vuefinder :is(.xl\:max-w-5xl){max-width:64rem}}
|
|
1
|
+
.vuefinder *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.vuefinder :before,:after{--tw-content: ""}.vuefinder hr{height:0;color:inherit;border-top-width:1px}.vuefinder abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.vuefinder h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}.vuefinder a{color:inherit;text-decoration:inherit}.vuefinder b,strong{font-weight:bolder}.vuefinder code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.vuefinder small{font-size:80%}.vuefinder sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.vuefinder sub{bottom:-.25em}.vuefinder sup{top:-.5em}.vuefinder table{text-indent:0;border-color:inherit;border-collapse:collapse}.vuefinder button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.vuefinder button,select{text-transform:none}.vuefinder button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.vuefinder :-moz-focusring{outline:auto}.vuefinder :-moz-ui-invalid{box-shadow:none}.vuefinder progress{vertical-align:baseline}.vuefinder ::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}.vuefinder [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.vuefinder ::-webkit-search-decoration{-webkit-appearance:none}.vuefinder ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.vuefinder summary{display:list-item}.vuefinder blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}.vuefinder fieldset{margin:0;padding:0}.vuefinder legend{padding:0}.vuefinder ol,ul,menu{list-style:none;margin:0;padding:0}.vuefinder dialog{padding:0}.vuefinder textarea{resize:vertical}.vuefinder input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}.vuefinder input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}.vuefinder button,[role=button]{cursor:pointer}.vuefinder :disabled{cursor:default}.vuefinder img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}.vuefinder img,video{max-width:100%;height:auto}.vuefinder [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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.vuefinder{position:relative}.vuefinder *{touch-action:manipulation}.vuefinder :is(.vf-btn){margin-top:.125rem;display:inline-flex;width:100%;justify-content:center;border-radius:.375rem;border-width:1px;padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;font-weight:500;letter-spacing:.025em;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vuefinder :is(.vf-btn:focus){outline:2px solid transparent;outline-offset:2px;--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(2px + 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-offset-width: 2px}@media (min-width: 640px){.vuefinder :is(.vf-btn){margin-left:.25rem;margin-right:.25rem;width:auto;font-size:.875rem;line-height:1.25rem}}.vuefinder :is(.vf-btn-primary){border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.vuefinder :is(.vf-btn-primary:hover){--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-primary:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.vuefinder :is(.dark .vf-btn-primary){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.vuefinder :is(.dark .vf-btn-primary:hover){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-primary.disabled:hover){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.vuefinder :is(.dark .vf-btn-primary.disabled:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-secondary){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.vuefinder :is(.vf-btn-secondary:hover){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-secondary:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))}.vuefinder :is(.dark .vf-btn-secondary){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.vuefinder :is(.dark .vf-btn-secondary:hover){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-secondary.disabled:hover){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.vuefinder :is(.dark .vf-btn-secondary.disabled:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-danger){border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.vuefinder :is(.vf-btn-danger:hover){--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.vuefinder :is(.vf-btn-danger:focus){--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-opacity: 1;--tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));--tw-ring-offset-width: 1px}.vuefinder :is(.dark .vf-btn-danger){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.vuefinder :is(.dark .vf-btn-danger:hover){--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.vuefinder :is(.disabled){cursor:not-allowed;opacity:.5}.vf-explorer-selected{border-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(212 212 212 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(245 245 245 / var(--tw-bg-opacity))!important}:is(.dark .vf-explorer-selected){border-color:rgb(17 24 39 / var(--tw-border-opacity))!important;--tw-border-opacity: 1 !important;border-color:rgb(30 41 59 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(51 65 85 / var(--tw-bg-opacity))!important}.vf-explorer-selector{border-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(100 116 139 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(203 213 225 / var(--tw-bg-opacity))!important;opacity:.5!important}.vuefinder.dark{color-scheme:dark}.vf-scrollbar::-webkit-scrollbar{width:12px}.vf-scrollbar::-webkit-scrollbar-track-piece{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}:is(.dark .vf-scrollbar)::-webkit-scrollbar-track-piece{background-color:#0f172a80}.vf-scrollbar::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}:is(.dark .vf-scrollbar)::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}.vf-scrollbar::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}:is(.dark .vf-scrollbar)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}.vf-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.vuefinder .fade-enter-active,.vuefinder .fade-leave-active{transition:opacity .2s ease}.vuefinder .fade-enter-from,.vuefinder .fade-leave-to{opacity:0}.vuefinder :is(.pointer-events-none){pointer-events:none}.vuefinder :is(.fixed){position:fixed}.vuefinder :is(.absolute){position:absolute}.vuefinder :is(.relative){position:relative}.vuefinder :is(.inset-0){top:0;right:0;bottom:0;left:0}.vuefinder :is(.-top-96){top:-24rem}.vuefinder :is(.bottom-0){bottom:0}.vuefinder :is(.left-1\/2){left:50%}.vuefinder :is(.right-\[-2rem\]){right:-2rem}.vuefinder :is(.top-1\/2){top:50%}.vuefinder :is(.top-4){top:1rem}.vuefinder :is(.-z-50){z-index:-50}.vuefinder :is(.z-0){z-index:0}.vuefinder :is(.z-10){z-index:10}.vuefinder :is(.z-20){z-index:20}.vuefinder :is(.z-30){z-index:30}.vuefinder :is(.col-span-2){grid-column:span 2 / span 2}.vuefinder :is(.col-span-3){grid-column:span 3 / span 3}.vuefinder :is(.col-span-5){grid-column:span 5 / span 5}.vuefinder :is(.col-span-7){grid-column:span 7 / span 7}.vuefinder :is(.m-1){margin:.25rem}.vuefinder :is(.m-auto){margin:auto}.vuefinder :is(.mx-0){margin-left:0;margin-right:0}.vuefinder :is(.mx-0\.5){margin-left:.125rem;margin-right:.125rem}.vuefinder :is(.mx-1){margin-left:.25rem;margin-right:.25rem}.vuefinder :is(.mx-1\.5){margin-left:.375rem;margin-right:.375rem}.vuefinder :is(.mx-2){margin-left:.5rem;margin-right:.5rem}.vuefinder :is(.mx-auto){margin-left:auto;margin-right:auto}.vuefinder :is(.my-0){margin-top:0;margin-bottom:0}.vuefinder :is(.my-0\.5){margin-top:.125rem;margin-bottom:.125rem}.vuefinder :is(.my-1){margin-top:.25rem;margin-bottom:.25rem}.vuefinder :is(.-ml-1){margin-left:-.25rem}.vuefinder :is(.mb-1){margin-bottom:.25rem}.vuefinder :is(.mb-2){margin-bottom:.5rem}.vuefinder :is(.mb-4){margin-bottom:1rem}.vuefinder :is(.ml-1){margin-left:.25rem}.vuefinder :is(.ml-1\.5){margin-left:.375rem}.vuefinder :is(.ml-2){margin-left:.5rem}.vuefinder :is(.ml-3){margin-left:.75rem}.vuefinder :is(.ml-auto){margin-left:auto}.vuefinder :is(.mr-1){margin-right:.25rem}.vuefinder :is(.mr-3){margin-right:.75rem}.vuefinder :is(.mr-auto){margin-right:auto}.vuefinder :is(.ms-3){margin-inline-start:.75rem}.vuefinder :is(.mt-2){margin-top:.5rem}.vuefinder :is(.mt-3){margin-top:.75rem}.vuefinder :is(.mt-5){margin-top:1.25rem}.vuefinder :is(.block){display:block}.vuefinder :is(.inline-block){display:inline-block}.vuefinder :is(.flex){display:flex}.vuefinder :is(.inline-flex){display:inline-flex}.vuefinder :is(.grid){display:grid}.vuefinder :is(.\!hidden){display:none!important}.vuefinder :is(.hidden){display:none}.vuefinder :is(.h-10){height:2.5rem}.vuefinder :is(.h-12){height:3rem}.vuefinder :is(.h-20){height:5rem}.vuefinder :is(.h-4){height:1rem}.vuefinder :is(.h-5){height:1.25rem}.vuefinder :is(.h-6){height:1.5rem}.vuefinder :is(.h-\[120px\]){height:120px}.vuefinder :is(.h-\[60vh\]){height:60vh}.vuefinder :is(.h-fit){height:-moz-fit-content;height:fit-content}.vuefinder :is(.h-full){height:100%}.vuefinder :is(.max-h-\[200px\]){max-height:200px}.vuefinder :is(.max-h-\[50vh\]){max-height:50vh}.vuefinder :is(.max-h-\[60vh\]){max-height:60vh}.vuefinder :is(.min-h-\[150px\]){min-height:150px}.vuefinder :is(.min-h-\[200px\]){min-height:200px}.vuefinder :is(.min-h-full){min-height:100%}.vuefinder :is(.w-1\/2){width:50%}.vuefinder :is(.w-10){width:2.5rem}.vuefinder :is(.w-12){width:3rem}.vuefinder :is(.w-4){width:1rem}.vuefinder :is(.w-5){width:1.25rem}.vuefinder :is(.w-6){width:1.5rem}.vuefinder :is(.w-\[5\.5rem\]){width:5.5rem}.vuefinder :is(.w-full){width:100%}.vuefinder :is(.w-screen){width:100vw}.vuefinder :is(.min-w-max){min-width:-moz-max-content;min-width:max-content}.vuefinder :is(.min-w-min){min-width:-moz-min-content;min-width:min-content}.vuefinder :is(.max-w-\[50vh\]){max-width:50vh}.vuefinder :is(.max-w-fit){max-width:-moz-fit-content;max-width:fit-content}.vuefinder :is(.flex-1){flex:1 1 0%}.vuefinder :is(.flex-auto){flex:1 1 auto}.vuefinder :is(.flex-shrink-0){flex-shrink:0}.vuefinder :is(.flex-grow){flex-grow:1}.vuefinder :is(.basis-full){flex-basis:100%}.vuefinder :is(.-translate-x-1\/2){--tw-translate-x: -50%;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))}.vuefinder :is(.transform){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))}@keyframes spin{to{transform:rotate(360deg)}}.vuefinder :is(.animate-spin){animation:spin 1s linear infinite}.vuefinder :is(.cursor-default){cursor:default}.vuefinder :is(.cursor-pointer){cursor:pointer}.vuefinder :is(.select-none){-webkit-user-select:none;-moz-user-select:none;user-select:none}.vuefinder :is(.resize-y){resize:vertical}.vuefinder :is(.grid-cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}.vuefinder :is(.grid-cols-12){grid-template-columns:repeat(12,minmax(0,1fr))}.vuefinder :is(.flex-col){flex-direction:column}.vuefinder :is(.items-end){align-items:flex-end}.vuefinder :is(.items-center){align-items:center}.vuefinder :is(.justify-end){justify-content:flex-end}.vuefinder :is(.justify-center){justify-content:center}.vuefinder :is(.justify-between){justify-content:space-between}.vuefinder :is(.gap-x-3){-moz-column-gap:.75rem;column-gap:.75rem}.vuefinder :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.vuefinder :is(.self-center){align-self:center}.vuefinder :is(.overflow-auto){overflow:auto}.vuefinder :is(.overflow-hidden){overflow:hidden}.vuefinder :is(.overflow-y-auto){overflow-y:auto}.vuefinder :is(.overflow-ellipsis){text-overflow:ellipsis}.vuefinder :is(.whitespace-nowrap){white-space:nowrap}.vuefinder :is(.whitespace-pre-wrap){white-space:pre-wrap}.vuefinder :is(.text-nowrap){text-wrap:nowrap}.vuefinder :is(.break-all){word-break:break-all}.vuefinder :is(.rounded){border-radius:.25rem}.vuefinder :is(.rounded-full){border-radius:9999px}.vuefinder :is(.rounded-lg){border-radius:.5rem}.vuefinder :is(.rounded-md){border-radius:.375rem}.vuefinder :is(.border){border-width:1px}.vuefinder :is(.border-0){border-width:0px}.vuefinder :is(.border-2){border-width:2px}.vuefinder :is(.border-b){border-bottom-width:1px}.vuefinder :is(.border-l){border-left-width:1px}.vuefinder :is(.border-r){border-right-width:1px}.vuefinder :is(.border-t){border-top-width:1px}.vuefinder :is(.border-dashed){border-style:dashed}.vuefinder :is(.border-gray-200){--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.vuefinder :is(.border-gray-300){--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.vuefinder :is(.border-lime-600){--tw-border-opacity: 1;border-color:rgb(101 163 13 / var(--tw-border-opacity))}.vuefinder :is(.border-neutral-300){--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity))}.vuefinder :is(.border-red-400){--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity))}.vuefinder :is(.border-transparent){border-color:transparent}.vuefinder :is(.bg-blue-200){--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.vuefinder :is(.bg-blue-50){--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.vuefinder :is(.bg-blue-600){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.vuefinder :is(.bg-blue-700\/75){background-color:#1d4ed8bf}.vuefinder :is(.bg-emerald-100){--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity))}.vuefinder :is(.bg-gray-100){--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.vuefinder :is(.bg-gray-200){--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.vuefinder :is(.bg-gray-50){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.vuefinder :is(.bg-gray-500){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.bg-neutral-100){--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.vuefinder :is(.bg-neutral-50){--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.vuefinder :is(.bg-red-100){--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.vuefinder :is(.bg-transparent){background-color:transparent}.vuefinder :is(.bg-white){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.vuefinder :is(.bg-opacity-75){--tw-bg-opacity: .75}.vuefinder :is(.fill-gray-100){fill:#f3f4f6}.vuefinder :is(.fill-sky-500){fill:#0ea5e9}.vuefinder :is(.fill-white){fill:#fff}.vuefinder :is(.stroke-blue-600){stroke:#2563eb}.vuefinder :is(.stroke-blue-900){stroke:#1e3a8a}.vuefinder :is(.stroke-gray-200){stroke:#e5e7eb}.vuefinder :is(.stroke-gray-400){stroke:#9ca3af}.vuefinder :is(.stroke-gray-500){stroke:#6b7280}.vuefinder :is(.stroke-neutral-500){stroke:#737373}.vuefinder :is(.stroke-red-600){stroke:#dc2626}.vuefinder :is(.stroke-sky-500){stroke:#0ea5e9}.vuefinder :is(.stroke-slate-500){stroke:#64748b}.vuefinder :is(.p-0){padding:0}.vuefinder :is(.p-0\.5){padding:.125rem}.vuefinder :is(.p-1){padding:.25rem}.vuefinder :is(.p-1\.5){padding:.375rem}.vuefinder :is(.p-2){padding:.5rem}.vuefinder :is(.p-4){padding:1rem}.vuefinder :is(.px-1){padding-left:.25rem;padding-right:.25rem}.vuefinder :is(.px-1\.5){padding-left:.375rem;padding-right:.375rem}.vuefinder :is(.px-2){padding-left:.5rem;padding-right:.5rem}.vuefinder :is(.px-4){padding-left:1rem;padding-right:1rem}.vuefinder :is(.py-0){padding-top:0;padding-bottom:0}.vuefinder :is(.py-0\.5){padding-top:.125rem;padding-bottom:.125rem}.vuefinder :is(.py-1){padding-top:.25rem;padding-bottom:.25rem}.vuefinder :is(.py-1\.5){padding-top:.375rem;padding-bottom:.375rem}.vuefinder :is(.py-2){padding-top:.5rem;padding-bottom:.5rem}.vuefinder :is(.py-3){padding-top:.75rem;padding-bottom:.75rem}.vuefinder :is(.pb-0){padding-bottom:0}.vuefinder :is(.pb-1){padding-bottom:.25rem}.vuefinder :is(.pb-4){padding-bottom:1rem}.vuefinder :is(.pl-1){padding-left:.25rem}.vuefinder :is(.pl-2){padding-left:.5rem}.vuefinder :is(.pr-1){padding-right:.25rem}.vuefinder :is(.pr-8){padding-right:2rem}.vuefinder :is(.pt-5){padding-top:1.25rem}.vuefinder :is(.text-left){text-align:left}.vuefinder :is(.text-center){text-align:center}.vuefinder :is(.text-base){font-size:1rem;line-height:1.5rem}.vuefinder :is(.text-lg){font-size:1.125rem;line-height:1.75rem}.vuefinder :is(.text-sm){font-size:.875rem;line-height:1.25rem}.vuefinder :is(.text-xs){font-size:.75rem;line-height:1rem}.vuefinder :is(.font-bold){font-weight:700}.vuefinder :is(.font-medium){font-weight:500}.vuefinder :is(.font-normal){font-weight:400}.vuefinder :is(.font-semibold){font-weight:600}.vuefinder :is(.leading-5){line-height:1.25rem}.vuefinder :is(.leading-6){line-height:1.5rem}.vuefinder :is(.leading-none){line-height:1}.vuefinder :is(.tracking-wider){letter-spacing:.05em}.vuefinder :is(.text-blue-500){--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.vuefinder :is(.text-emerald-600){--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-500){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-600){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-700){--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-800){--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.vuefinder :is(.text-gray-900){--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.vuefinder :is(.text-green-600){--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.vuefinder :is(.text-indigo-600){--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity))}.vuefinder :is(.text-lime-600){--tw-text-opacity: 1;color:rgb(101 163 13 / var(--tw-text-opacity))}.vuefinder :is(.text-neutral-300){--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity))}.vuefinder :is(.text-neutral-500){--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.vuefinder :is(.text-neutral-700){--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity))}.vuefinder :is(.text-red-400){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.vuefinder :is(.text-red-500){--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.vuefinder :is(.text-red-600){--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.vuefinder :is(.text-slate-500){--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.vuefinder :is(.text-slate-700){--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.vuefinder :is(.text-white){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.vuefinder :is(.text-opacity-50){--tw-text-opacity: .5}.vuefinder :is(.opacity-0){opacity:0}.vuefinder :is(.opacity-25){opacity:.25}.vuefinder :is(.opacity-75){opacity:.75}.vuefinder :is(.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)}.vuefinder :is(.shadow-sm){--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vuefinder :is(.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)}.vuefinder :is(.outline-0){outline-width:0px}.vuefinder :is(.ring-0){--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(0px + 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)}.vuefinder :is(.filter){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)}.vuefinder :is(.transition-all){transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vuefinder :is(.transition-opacity){transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vuefinder :is(.duration-1000){transition-duration:1s}.vuefinder :is(.duration-500){transition-duration:.5s}.vuefinder :is(.ease-out){transition-timing-function:cubic-bezier(0,0,.2,1)}.vuefinder :is(.hover\:bg-blue-200:hover){--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-blue-700:hover){--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-gray-100:hover){--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-neutral-100:hover){--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-neutral-200:hover){--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-neutral-300:hover){--tw-bg-opacity: 1;background-color:rgb(212 212 212 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:bg-neutral-50:hover){--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.vuefinder :is(.hover\:stroke-cyan-700:hover){stroke:#0e7490}.vuefinder :is(.hover\:text-red-600:hover){--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.vuefinder :is(.focus\:border-transparent:focus){border-color:transparent}.vuefinder :is(.focus\:outline-none:focus){outline:2px solid transparent;outline-offset:2px}.vuefinder :is(.focus\:ring-indigo-600:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity))}.vuefinder :is(.focus\:ring-transparent:focus){--tw-ring-color: transparent}.vuefinder :is(.disabled\:bg-gray-100:disabled){--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:border-t){border-top-width:1px}.vuefinder :is(.dark .dark\:border-gray-200){--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:border-gray-600){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:border-gray-700){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:border-gray-700\/50){border-color:#37415180}.vuefinder :is(.dark .dark\:border-gray-900){--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:border-red-300){--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:bg-emerald-950){--tw-bg-opacity: 1;background-color:rgb(2 44 34 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-gray-500){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-gray-600){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-gray-700\/25){background-color:#37415140}.vuefinder :is(.dark .dark\:bg-gray-700\/50){background-color:#37415180}.vuefinder :is(.dark .dark\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-red-950){--tw-bg-opacity: 1;background-color:rgb(69 10 10 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-slate-500){--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:bg-opacity-75){--tw-bg-opacity: .75}.vuefinder :is(.dark .dark\:fill-gray-400\/20){fill:#9ca3af33}.vuefinder :is(.dark .dark\:fill-gray-700){fill:#374151}.vuefinder :is(.dark .dark\:fill-slate-500){fill:#64748b}.vuefinder :is(.dark .dark\:stroke-blue-100){stroke:#dbeafe}.vuefinder :is(.dark .dark\:stroke-gray-400){stroke:#9ca3af}.vuefinder :is(.dark .dark\:stroke-gray-600){stroke:#4b5563}.vuefinder :is(.dark .dark\:stroke-gray-700){stroke:#374151}.vuefinder :is(.dark .dark\:stroke-red-200){stroke:#fecaca}.vuefinder :is(.dark .dark\:stroke-slate-500){stroke:#64748b}.vuefinder :is(.dark .dark\:text-gray-100){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-200){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-300){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-50){--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-500){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-gray-600){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-green-600){--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-lime-300){--tw-text-opacity: 1;color:rgb(190 242 100 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-200){--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-300){--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-400){--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-50){--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-neutral-500){--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-red-200){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-red-300){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:text-slate-200){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:accent-slate-400){accent-color:#94a3b8}.vuefinder :is(.dark .dark\:opacity-75){opacity:.75}.vuefinder :is(.dark .dark\:selection\:bg-gray-500 *)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:selection\:bg-gray-500 *)::selection{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:selection\:bg-gray-500)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:selection\:bg-gray-500)::selection{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:hover\:bg-gray-500:hover){--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:hover\:bg-gray-700\/10:hover){background-color:#3741511a}.vuefinder :is(.dark .dark\:hover\:bg-gray-700\/50:hover){background-color:#37415180}.vuefinder :is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.vuefinder :is(.dark .dark\:hover\:stroke-gray-300:hover){stroke:#d1d5db}.vuefinder :is(.dark .dark\:hover\:text-gray-200:hover){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:hover\:text-gray-300:hover){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.vuefinder :is(.dark .dark\:focus\:border-gray-600:focus){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.vuefinder :is(.dark .dark\:focus\:border-transparent:focus){border-color:transparent}.vuefinder :is(.dark .dark\:focus\:ring-gray-600:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity))}.vuefinder :is(.dark .dark\:focus\:ring-transparent:focus){--tw-ring-color: transparent}@media (min-width: 640px){.vuefinder :is(.sm\:mx-0){margin-left:0;margin-right:0}.vuefinder :is(.sm\:my-8){margin-top:2rem;margin-bottom:2rem}.vuefinder :is(.sm\:ml-3){margin-left:.75rem}.vuefinder :is(.sm\:ml-4){margin-left:1rem}.vuefinder :is(.sm\:mt-0){margin-top:0}.vuefinder :is(.sm\:flex){display:flex}.vuefinder :is(.sm\:h-10){height:2.5rem}.vuefinder :is(.sm\:w-10){width:2.5rem}.vuefinder :is(.sm\:w-auto){width:auto}.vuefinder :is(.sm\:w-full){width:100%}.vuefinder :is(.sm\:max-w-4xl){max-width:56rem}.vuefinder :is(.sm\:flex-row-reverse){flex-direction:row-reverse}.vuefinder :is(.sm\:items-start){align-items:flex-start}.vuefinder :is(.sm\:items-center){align-items:center}.vuefinder :is(.sm\:p-0){padding:0}.vuefinder :is(.sm\:p-6){padding:1.5rem}.vuefinder :is(.sm\:px-6){padding-left:1.5rem;padding-right:1.5rem}.vuefinder :is(.sm\:pb-4){padding-bottom:1rem}.vuefinder :is(.sm\:text-left){text-align:left}.vuefinder :is(.sm\:text-sm){font-size:.875rem;line-height:1.25rem}.vuefinder :is(.sm\:text-xs){font-size:.75rem;line-height:1rem}}@media (min-width: 768px){.vuefinder :is(.md\:right-\[-2\.4rem\]){right:-2.4rem}.vuefinder :is(.md\:top-5){top:1.25rem}.vuefinder :is(.md\:block){display:block}.vuefinder :is(.md\:hidden){display:none}.vuefinder :is(.md\:h-12){height:3rem}.vuefinder :is(.md\:h-8){height:2rem}.vuefinder :is(.md\:w-12){width:3rem}.vuefinder :is(.md\:w-24){width:6rem}.vuefinder :is(.md\:w-8){width:2rem}.vuefinder :is(.md\:max-w-2xl){max-width:42rem}}@media (min-width: 1024px){.vuefinder :is(.lg\:max-w-3xl){max-width:48rem}}@media (min-width: 1280px){.vuefinder :is(.xl\:max-w-5xl){max-width:64rem}}
|