bitsnap-react 1.3.19 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +236 -3
- package/dist/errors.d.mts +2 -0
- package/dist/errors.d.ts +2 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +369 -0
- package/dist/index.d.ts +369 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/internal.d.mts +2 -0
- package/dist/internal.d.ts +2 -0
- package/dist/models.d.mts +231 -0
- package/dist/models.d.ts +231 -0
- package/package.json +4 -1
package/README.md
CHANGED
|
@@ -92,9 +92,7 @@ setProjectID("your-project-id");
|
|
|
92
92
|
3. Cart Methods:
|
|
93
93
|
|
|
94
94
|
```tsx
|
|
95
|
-
import {
|
|
96
|
-
Bitsnap,
|
|
97
|
-
} from "bitsnap-checkout";
|
|
95
|
+
import { Bitsnap } from "bitsnap-checkout";
|
|
98
96
|
|
|
99
97
|
// Modern approach using namespace
|
|
100
98
|
async function handleCart() {
|
|
@@ -256,3 +254,238 @@ function Store() {
|
|
|
256
254
|
);
|
|
257
255
|
}
|
|
258
256
|
```
|
|
257
|
+
|
|
258
|
+
---
|
|
259
|
+
|
|
260
|
+
## Capabilities
|
|
261
|
+
|
|
262
|
+
### Authentication:
|
|
263
|
+
|
|
264
|
+
- Email-based login with OTP verification
|
|
265
|
+
- Session management
|
|
266
|
+
- Logout functionality
|
|
267
|
+
|
|
268
|
+
### Product Management:
|
|
269
|
+
|
|
270
|
+
- Browse purchased products
|
|
271
|
+
- View product details
|
|
272
|
+
- Audio playback with chapter navigation
|
|
273
|
+
- File downloads
|
|
274
|
+
- Progress tracking
|
|
275
|
+
|
|
276
|
+
### User Features:
|
|
277
|
+
|
|
278
|
+
- Profile management
|
|
279
|
+
- Order history viewing
|
|
280
|
+
- Subscription plan management
|
|
281
|
+
- Notification preferences
|
|
282
|
+
|
|
283
|
+
## Configuration
|
|
284
|
+
|
|
285
|
+
Before using the Panel components, configure the library globally:
|
|
286
|
+
|
|
287
|
+
```tsx
|
|
288
|
+
import {
|
|
289
|
+
setProjectID,
|
|
290
|
+
setTheme,
|
|
291
|
+
setLoginURL,
|
|
292
|
+
setHost,
|
|
293
|
+
PanelProvider,
|
|
294
|
+
} from "bitsnap-react";
|
|
295
|
+
|
|
296
|
+
// Configure globally - call once at app initialization
|
|
297
|
+
setProjectID("your-project-id");
|
|
298
|
+
setLoginURL("/panel/login");
|
|
299
|
+
setHost("https://api.bitsnap.pl");
|
|
300
|
+
|
|
301
|
+
// Optional: Set theme
|
|
302
|
+
setTheme({
|
|
303
|
+
logoURL: "https://yourdomain.com/logo.png",
|
|
304
|
+
logoDarkURL: "https://yourdomain.com/logo-dark.png",
|
|
305
|
+
colors: {
|
|
306
|
+
brand: "#ff0000",
|
|
307
|
+
brandDark: "#cc0000",
|
|
308
|
+
},
|
|
309
|
+
});
|
|
310
|
+
```
|
|
311
|
+
|
|
312
|
+
### Configuration Options
|
|
313
|
+
|
|
314
|
+
| Function | Type | Description |
|
|
315
|
+
| -------------- | ---------------- | -------------------------------------------- |
|
|
316
|
+
| `setProjectID` | `string` | Your Bitsnap project ID |
|
|
317
|
+
| `setLoginURL` | `string` | URL for login page (default: `/panel/login`) |
|
|
318
|
+
| `setHost` | `string` | Custom API host URL |
|
|
319
|
+
| `setTheme` | `GetThemeOutput` | Theme configuration (logo, colors) |
|
|
320
|
+
|
|
321
|
+
### Theme Type
|
|
322
|
+
|
|
323
|
+
```tsx
|
|
324
|
+
interface GetThemeOutput {
|
|
325
|
+
logoURL?: string;
|
|
326
|
+
logoDarkURL?: string;
|
|
327
|
+
colors?: {
|
|
328
|
+
brand?: string;
|
|
329
|
+
brandDark?: string;
|
|
330
|
+
};
|
|
331
|
+
}
|
|
332
|
+
```
|
|
333
|
+
|
|
334
|
+
## Usage
|
|
335
|
+
|
|
336
|
+
Wrap your application with `PanelProvider`:
|
|
337
|
+
|
|
338
|
+
```tsx
|
|
339
|
+
import { PanelProvider } from "bitsnap-react";
|
|
340
|
+
|
|
341
|
+
function App() {
|
|
342
|
+
return (
|
|
343
|
+
<PanelProvider>
|
|
344
|
+
<YourApp />
|
|
345
|
+
</PanelProvider>
|
|
346
|
+
);
|
|
347
|
+
}
|
|
348
|
+
```
|
|
349
|
+
|
|
350
|
+
### Panel Component
|
|
351
|
+
|
|
352
|
+
The main panel component displays the authenticated user panel with products, orders, and profile.
|
|
353
|
+
|
|
354
|
+
```tsx
|
|
355
|
+
import { Panel } from "bitsnap-react";
|
|
356
|
+
|
|
357
|
+
function MyPage() {
|
|
358
|
+
return <Panel />;
|
|
359
|
+
}
|
|
360
|
+
```
|
|
361
|
+
|
|
362
|
+
### PanelLogin Component
|
|
363
|
+
|
|
364
|
+
The login component handles email-based authentication with OTP verification.
|
|
365
|
+
|
|
366
|
+
```tsx
|
|
367
|
+
import { PanelLogin } from "bitsnap-react";
|
|
368
|
+
|
|
369
|
+
function LoginPage() {
|
|
370
|
+
return <PanelLogin />;
|
|
371
|
+
}
|
|
372
|
+
```
|
|
373
|
+
|
|
374
|
+
## Complete Example
|
|
375
|
+
|
|
376
|
+
### App Entry Point
|
|
377
|
+
|
|
378
|
+
```tsx
|
|
379
|
+
import {
|
|
380
|
+
setProjectID,
|
|
381
|
+
setTheme,
|
|
382
|
+
setLoginURL,
|
|
383
|
+
setHost,
|
|
384
|
+
PanelProvider,
|
|
385
|
+
Panel,
|
|
386
|
+
PanelLogin,
|
|
387
|
+
} from "bitsnap-react";
|
|
388
|
+
import { BrowserRouter, Routes, Route } from "react-router-dom";
|
|
389
|
+
|
|
390
|
+
// Configure at app startup
|
|
391
|
+
setProjectID("your-project-id");
|
|
392
|
+
setLoginURL("/panel/login");
|
|
393
|
+
setHost("https://api.bitsnap.pl");
|
|
394
|
+
|
|
395
|
+
setTheme({
|
|
396
|
+
logoURL: "https://yourdomain.com/logo.png",
|
|
397
|
+
colors: {
|
|
398
|
+
brand: "#4F46E5",
|
|
399
|
+
brandDark: "#3730A3",
|
|
400
|
+
},
|
|
401
|
+
});
|
|
402
|
+
|
|
403
|
+
export default function App() {
|
|
404
|
+
return (
|
|
405
|
+
<PanelProvider>
|
|
406
|
+
<BrowserRouter>
|
|
407
|
+
<Routes>
|
|
408
|
+
<Route path="/panel" element={<Panel />} />
|
|
409
|
+
<Route path="/panel/login" element={<PanelLogin />} />
|
|
410
|
+
</Routes>
|
|
411
|
+
</BrowserRouter>
|
|
412
|
+
</PanelProvider>
|
|
413
|
+
);
|
|
414
|
+
}
|
|
415
|
+
```
|
|
416
|
+
|
|
417
|
+
### Login Page
|
|
418
|
+
|
|
419
|
+
```tsx
|
|
420
|
+
import { PanelLogin } from "bitsnap-react";
|
|
421
|
+
|
|
422
|
+
export default function LoginPage() {
|
|
423
|
+
return (
|
|
424
|
+
<div className="min-h-screen flex items-center justify-center">
|
|
425
|
+
<PanelLogin />
|
|
426
|
+
</div>
|
|
427
|
+
);
|
|
428
|
+
}
|
|
429
|
+
```
|
|
430
|
+
|
|
431
|
+
### Panel Page (Authenticated)
|
|
432
|
+
|
|
433
|
+
```tsx
|
|
434
|
+
import { Panel } from "bitsnap-react";
|
|
435
|
+
|
|
436
|
+
export default function DashboardPage() {
|
|
437
|
+
return <Panel />;
|
|
438
|
+
}
|
|
439
|
+
```
|
|
440
|
+
|
|
441
|
+
## Panel Screens
|
|
442
|
+
|
|
443
|
+
The panel provides the following screens:
|
|
444
|
+
|
|
445
|
+
| Screen | Path | Description |
|
|
446
|
+
| ------------- | ---------------------------- | ---------------------------------- |
|
|
447
|
+
| Products | `/panel` | Browse and view purchased products |
|
|
448
|
+
| Orders | `/panel?state=orders` | View order history and invoices |
|
|
449
|
+
| Profile | `/panel?state=profile` | User profile and settings |
|
|
450
|
+
| Notifications | `/panel?state=notifications` | Notification preferences |
|
|
451
|
+
| Plans | `/panel?state=plans` | Subscription management |
|
|
452
|
+
|
|
453
|
+
## Features Detail
|
|
454
|
+
|
|
455
|
+
### Products Screen
|
|
456
|
+
|
|
457
|
+
- Displays all purchased products
|
|
458
|
+
- Shows product cards with image, name, and description
|
|
459
|
+
- Click to view product details
|
|
460
|
+
- Supports audio, file, and ticket products
|
|
461
|
+
|
|
462
|
+
### Product Details
|
|
463
|
+
|
|
464
|
+
- Full product information display
|
|
465
|
+
- Audio player with chapter navigation
|
|
466
|
+
- File download links
|
|
467
|
+
- Progress tracking
|
|
468
|
+
|
|
469
|
+
### Audio Player
|
|
470
|
+
|
|
471
|
+
- Chapter selection
|
|
472
|
+
- Play/pause controls
|
|
473
|
+
- Seek functionality
|
|
474
|
+
- Media session integration (lock screen controls)
|
|
475
|
+
- Progress persistence
|
|
476
|
+
|
|
477
|
+
### Order History
|
|
478
|
+
|
|
479
|
+
- List of all invoices
|
|
480
|
+
- Invoice status (paid, unpaid, overdue)
|
|
481
|
+
- Download PDF invoices
|
|
482
|
+
|
|
483
|
+
### Profile
|
|
484
|
+
|
|
485
|
+
- View email address
|
|
486
|
+
- Logout functionality
|
|
487
|
+
|
|
488
|
+
### Notifications
|
|
489
|
+
|
|
490
|
+
- Toggle all notifications
|
|
491
|
+
- Notification preferences
|
package/dist/errors.d.ts
ADDED
package/dist/index.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@layer properties;@layer theme,base,components,utilities;@layer theme{.bitsnap-checkout,.bitsnap-checkout :host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-500: oklch(76.9% .188 70.08);--color-yellow-500: oklch(79.5% .184 86.047);--color-yellow-700: oklch(55.4% .135 66.442);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-blue-500: oklch(62.3% .214 259.815);--color-neutral-50: oklch(98.5% 0 0);--color-neutral-100: oklch(97% 0 0);--color-neutral-200: oklch(92.2% 0 0);--color-neutral-300: oklch(87% 0 0);--color-neutral-400: oklch(70.8% 0 0);--color-neutral-500: oklch(55.6% 0 0);--color-neutral-600: oklch(43.9% 0 0);--color-neutral-700: oklch(37.1% 0 0);--color-neutral-800: oklch(26.9% 0 0);--color-neutral-900: oklch(20.5% 0 0);--color-neutral-950: oklch(14.5% 0 0);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-md: 28rem;--container-lg: 32rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-xs: .125rem;--radius-2xl: 1rem;--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{.bitsnap-checkout *,.bitsnap-checkout :after,.bitsnap-checkout :before,.bitsnap-checkout ::backdrop,.bitsnap-checkout ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}.bitsnap-checkout,.bitsnap-checkout :host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}.bitsnap-checkout hr{height:0;color:inherit;border-top-width:1px}.bitsnap-checkout abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.bitsnap-checkout h1,.bitsnap-checkout h2,.bitsnap-checkout h3,.bitsnap-checkout h4,.bitsnap-checkout h5,.bitsnap-checkout h6{font-size:inherit;font-weight:inherit}.bitsnap-checkout a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.bitsnap-checkout b,.bitsnap-checkout strong{font-weight:bolder}.bitsnap-checkout code,.bitsnap-checkout kbd,.bitsnap-checkout samp,.bitsnap-checkout pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}.bitsnap-checkout small{font-size:80%}.bitsnap-checkout sub,.bitsnap-checkout sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.bitsnap-checkout sub{bottom:-.25em}.bitsnap-checkout sup{top:-.5em}.bitsnap-checkout table{text-indent:0;border-color:inherit;border-collapse:collapse}.bitsnap-checkout :-moz-focusring{outline:auto}.bitsnap-checkout progress{vertical-align:baseline}.bitsnap-checkout summary{display:list-item}.bitsnap-checkout ol,.bitsnap-checkout ul,.bitsnap-checkout menu{list-style:none}.bitsnap-checkout img,.bitsnap-checkout svg,.bitsnap-checkout video,.bitsnap-checkout canvas,.bitsnap-checkout audio,.bitsnap-checkout iframe,.bitsnap-checkout embed,.bitsnap-checkout object{display:block;vertical-align:middle}.bitsnap-checkout img,.bitsnap-checkout video{max-width:100%;height:auto}.bitsnap-checkout button,.bitsnap-checkout input,.bitsnap-checkout select,.bitsnap-checkout optgroup,.bitsnap-checkout textarea,.bitsnap-checkout ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}.bitsnap-checkout :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.bitsnap-checkout :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.bitsnap-checkout ::file-selector-button{margin-inline-end:4px}.bitsnap-checkout ::-moz-placeholder{opacity:1}.bitsnap-checkout ::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){.bitsnap-checkout ::-moz-placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}.bitsnap-checkout ::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}.bitsnap-checkout textarea{resize:vertical}.bitsnap-checkout ::-webkit-search-decoration{-webkit-appearance:none}.bitsnap-checkout ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.bitsnap-checkout ::-webkit-datetime-edit{display:inline-flex}.bitsnap-checkout ::-webkit-datetime-edit-fields-wrapper{padding:0}.bitsnap-checkout ::-webkit-datetime-edit,.bitsnap-checkout ::-webkit-datetime-edit-year-field,.bitsnap-checkout ::-webkit-datetime-edit-month-field,.bitsnap-checkout ::-webkit-datetime-edit-day-field,.bitsnap-checkout ::-webkit-datetime-edit-hour-field,.bitsnap-checkout ::-webkit-datetime-edit-minute-field,.bitsnap-checkout ::-webkit-datetime-edit-second-field,.bitsnap-checkout ::-webkit-datetime-edit-millisecond-field,.bitsnap-checkout ::-webkit-datetime-edit-meridiem-field{padding-block:0}.bitsnap-checkout ::-webkit-calendar-picker-indicator{line-height:1}.bitsnap-checkout :-moz-ui-invalid{box-shadow:none}.bitsnap-checkout button,.bitsnap-checkout input:where([type=button],[type=reset],[type=submit]),.bitsnap-checkout ::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}.bitsnap-checkout ::-webkit-inner-spin-button,.bitsnap-checkout ::-webkit-outer-spin-button{height:auto}.bitsnap-checkout [hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.bitsnap-checkout .\@container\/card-header{container-type:inline-size;container-name:card-header}.bitsnap-checkout .pointer-events-none{pointer-events:none}.bitsnap-checkout .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.bitsnap-checkout .absolute{position:absolute}.bitsnap-checkout .fixed{position:fixed}.bitsnap-checkout .relative{position:relative}.bitsnap-checkout .static{position:static}.bitsnap-checkout .sticky{position:sticky}.bitsnap-checkout .inset-0{inset:calc(var(--spacing) * 0)}.bitsnap-checkout .top-0{top:calc(var(--spacing) * 0)}.bitsnap-checkout .top-1\/2{top:50%}.bitsnap-checkout .top-4{top:calc(var(--spacing) * 4)}.bitsnap-checkout .top-\[50\%\]{top:50%}.bitsnap-checkout .right-0{right:calc(var(--spacing) * 0)}.bitsnap-checkout .right-2{right:calc(var(--spacing) * 2)}.bitsnap-checkout .right-4{right:calc(var(--spacing) * 4)}.bitsnap-checkout .right-6{right:calc(var(--spacing) * 6)}.bitsnap-checkout .bottom-0{bottom:calc(var(--spacing) * 0)}.bitsnap-checkout .bottom-6{bottom:calc(var(--spacing) * 6)}.bitsnap-checkout .left-0{left:calc(var(--spacing) * 0)}.bitsnap-checkout .left-1\/2,.bitsnap-checkout .left-\[50\%\]{left:50%}.bitsnap-checkout .z-0{z-index:0}.bitsnap-checkout .z-10{z-index:10}.bitsnap-checkout .z-20{z-index:20}.bitsnap-checkout .z-50{z-index:50}.bitsnap-checkout .z-\[9999\]{z-index:9999}.bitsnap-checkout .z-\[999999\]{z-index:999999}.bitsnap-checkout .col-start-2{grid-column-start:2}.bitsnap-checkout .row-span-2{grid-row:span 2 / span 2}.bitsnap-checkout .row-start-1{grid-row-start:1}.bitsnap-checkout .\!m-0{margin:calc(var(--spacing) * 0)!important}.bitsnap-checkout .m-1{margin:calc(var(--spacing) * 1)}.bitsnap-checkout .-mx-1{margin-inline:calc(var(--spacing) * -1)}.bitsnap-checkout .mx-2{margin-inline:calc(var(--spacing) * 2)}.bitsnap-checkout .mx-3{margin-inline:calc(var(--spacing) * 3)}.bitsnap-checkout .my-1{margin-block:calc(var(--spacing) * 1)}.bitsnap-checkout .my-2{margin-block:calc(var(--spacing) * 2)}.bitsnap-checkout .my-5{margin-block:calc(var(--spacing) * 5)}.bitsnap-checkout .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.bitsnap-checkout .mt-2{margin-top:calc(var(--spacing) * 2)}.bitsnap-checkout .mt-3{margin-top:calc(var(--spacing) * 3)}.bitsnap-checkout .mt-4{margin-top:calc(var(--spacing) * 4)}.bitsnap-checkout .mt-5{margin-top:calc(var(--spacing) * 5)}.bitsnap-checkout .mt-6{margin-top:calc(var(--spacing) * 6)}.bitsnap-checkout .mt-7{margin-top:calc(var(--spacing) * 7)}.bitsnap-checkout .mr-2{margin-right:calc(var(--spacing) * 2)}.bitsnap-checkout .mb-1{margin-bottom:calc(var(--spacing) * 1)}.bitsnap-checkout .mb-2{margin-bottom:calc(var(--spacing) * 2)}.bitsnap-checkout .mb-3{margin-bottom:calc(var(--spacing) * 3)}.bitsnap-checkout .mb-4{margin-bottom:calc(var(--spacing) * 4)}.bitsnap-checkout .ml-0{margin-left:calc(var(--spacing) * 0)}.bitsnap-checkout .ml-3{margin-left:calc(var(--spacing) * 3)}.bitsnap-checkout .block{display:block}.bitsnap-checkout .contents{display:contents}.bitsnap-checkout .flex{display:flex}.bitsnap-checkout .grid{display:grid}.bitsnap-checkout .hidden{display:none}.bitsnap-checkout .inline{display:inline}.bitsnap-checkout .inline-flex{display:inline-flex}.bitsnap-checkout .aspect-auto{aspect-ratio:auto}.bitsnap-checkout .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.bitsnap-checkout .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.bitsnap-checkout .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.bitsnap-checkout .size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.bitsnap-checkout .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.bitsnap-checkout .h-1{height:calc(var(--spacing) * 1)}.bitsnap-checkout .h-4{height:calc(var(--spacing) * 4)}.bitsnap-checkout .h-5{height:calc(var(--spacing) * 5)}.bitsnap-checkout .h-6{height:calc(var(--spacing) * 6)}.bitsnap-checkout .h-8{height:calc(var(--spacing) * 8)}.bitsnap-checkout .h-9{height:calc(var(--spacing) * 9)}.bitsnap-checkout .h-10{height:calc(var(--spacing) * 10)}.bitsnap-checkout .h-12{height:calc(var(--spacing) * 12)}.bitsnap-checkout .h-32{height:calc(var(--spacing) * 32)}.bitsnap-checkout .h-64{height:calc(var(--spacing) * 64)}.bitsnap-checkout .h-\[1\.15rem\]{height:1.15rem}.bitsnap-checkout .h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.bitsnap-checkout .h-auto{height:auto}.bitsnap-checkout .h-full{height:100%}.bitsnap-checkout .h-px{height:1px}.bitsnap-checkout .max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.bitsnap-checkout .max-h-32{max-height:calc(var(--spacing) * 32)}.bitsnap-checkout .max-h-64{max-height:calc(var(--spacing) * 64)}.bitsnap-checkout .max-h-80{max-height:calc(var(--spacing) * 80)}.bitsnap-checkout .max-h-\[70vh\]{max-height:70vh}.bitsnap-checkout .min-h-\[250px\]{min-height:250px}.bitsnap-checkout .w-4{width:calc(var(--spacing) * 4)}.bitsnap-checkout .w-5{width:calc(var(--spacing) * 5)}.bitsnap-checkout .w-6{width:calc(var(--spacing) * 6)}.bitsnap-checkout .w-8{width:calc(var(--spacing) * 8)}.bitsnap-checkout .w-9{width:calc(var(--spacing) * 9)}.bitsnap-checkout .w-12{width:calc(var(--spacing) * 12)}.bitsnap-checkout .w-72{width:calc(var(--spacing) * 72)}.bitsnap-checkout .w-80{width:calc(var(--spacing) * 80)}.bitsnap-checkout .w-\[30\%\]{width:30%}.bitsnap-checkout .w-\[80\%\]{width:80%}.bitsnap-checkout .w-auto{width:auto}.bitsnap-checkout .w-fit{width:-moz-fit-content;width:fit-content}.bitsnap-checkout .w-full{width:100%}.bitsnap-checkout .w-px{width:1px}.bitsnap-checkout .max-w-28{max-width:calc(var(--spacing) * 28)}.bitsnap-checkout .max-w-32{max-width:calc(var(--spacing) * 32)}.bitsnap-checkout .max-w-44{max-width:calc(var(--spacing) * 44)}.bitsnap-checkout .max-w-\[30\%\]{max-width:30%}.bitsnap-checkout .max-w-\[350px\]{max-width:350px}.bitsnap-checkout .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.bitsnap-checkout .max-w-md{max-width:var(--container-md)}.bitsnap-checkout .min-w-0{min-width:calc(var(--spacing) * 0)}.bitsnap-checkout .min-w-\[8rem\]{min-width:8rem}.bitsnap-checkout .min-w-\[40\%\]{min-width:40%}.bitsnap-checkout .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.bitsnap-checkout .flex-1{flex:1}.bitsnap-checkout .flex-shrink-0,.bitsnap-checkout .shrink-0{flex-shrink:0}.bitsnap-checkout .grow{flex-grow:1}.bitsnap-checkout .basis-1\/2{flex-basis:50%}.bitsnap-checkout .origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.bitsnap-checkout .origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.bitsnap-checkout .-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.bitsnap-checkout .translate-x-\[-50\%\]{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.bitsnap-checkout .-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.bitsnap-checkout .translate-y-\[-50\%\]{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.bitsnap-checkout .animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}.bitsnap-checkout .animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.bitsnap-checkout .animate-pulse{animation:var(--animate-pulse)}.bitsnap-checkout .animate-spin{animation:var(--animate-spin)}.bitsnap-checkout .cursor-alias{cursor:alias}.bitsnap-checkout .cursor-default{cursor:default}.bitsnap-checkout .cursor-help{cursor:help}.bitsnap-checkout .cursor-not-allowed{cursor:not-allowed}.bitsnap-checkout .cursor-pointer{cursor:pointer}.bitsnap-checkout .scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.bitsnap-checkout .list-inside{list-style-position:inside}.bitsnap-checkout .list-disc{list-style-type:disc}.bitsnap-checkout .auto-rows-min{grid-auto-rows:min-content}.bitsnap-checkout .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.bitsnap-checkout .grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.bitsnap-checkout .flex-col{flex-direction:column}.bitsnap-checkout .flex-col-reverse{flex-direction:column-reverse}.bitsnap-checkout .flex-row{flex-direction:row}.bitsnap-checkout .items-center{align-items:center}.bitsnap-checkout .items-end{align-items:flex-end}.bitsnap-checkout .items-start{align-items:flex-start}.bitsnap-checkout .items-stretch{align-items:stretch}.bitsnap-checkout .justify-between{justify-content:space-between}.bitsnap-checkout .justify-center{justify-content:center}.bitsnap-checkout .justify-start{justify-content:flex-start}.bitsnap-checkout .gap-0{gap:calc(var(--spacing) * 0)}.bitsnap-checkout .gap-1{gap:calc(var(--spacing) * 1)}.bitsnap-checkout .gap-1\.5{gap:calc(var(--spacing) * 1.5)}.bitsnap-checkout .gap-2{gap:calc(var(--spacing) * 2)}.bitsnap-checkout .gap-3{gap:calc(var(--spacing) * 3)}.bitsnap-checkout .gap-4{gap:calc(var(--spacing) * 4)}.bitsnap-checkout .gap-5{gap:calc(var(--spacing) * 5)}.bitsnap-checkout .gap-6{gap:calc(var(--spacing) * 6)}.bitsnap-checkout .space-y-2{.bitsnap-checkout :where(>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.bitsnap-checkout .space-y-6{.bitsnap-checkout :where(>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}}.bitsnap-checkout .gap-x-1\.5{-moz-column-gap:calc(var(--spacing) * 1.5);column-gap:calc(var(--spacing) * 1.5)}.bitsnap-checkout .gap-x-2{-moz-column-gap:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2)}.bitsnap-checkout .self-start{align-self:flex-start}.bitsnap-checkout .self-stretch{align-self:stretch}.bitsnap-checkout .justify-self-end{justify-self:flex-end}.bitsnap-checkout .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bitsnap-checkout .overflow-clip{overflow:clip}.bitsnap-checkout .overflow-hidden{overflow:hidden}.bitsnap-checkout .overflow-x-hidden{overflow-x:hidden}.bitsnap-checkout .overflow-y-auto{overflow-y:auto}.bitsnap-checkout .overflow-y-scroll{overflow-y:scroll}.bitsnap-checkout .rounded-2xl{border-radius:var(--radius-2xl)}.bitsnap-checkout .rounded-full{border-radius:calc(infinity * 1px)}.bitsnap-checkout .rounded-lg{border-radius:var(--radius)}.bitsnap-checkout .rounded-md{border-radius:calc(var(--radius) - 2px)}.bitsnap-checkout .rounded-sm{border-radius:calc(var(--radius) - 4px)}.bitsnap-checkout .rounded-xl{border-radius:calc(var(--radius) + 4px)}.bitsnap-checkout .rounded-xs{border-radius:var(--radius-xs)}.bitsnap-checkout .border{border-style:var(--tw-border-style);border-width:1px}.bitsnap-checkout .border-2{border-style:var(--tw-border-style);border-width:2px}.bitsnap-checkout .border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.bitsnap-checkout .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.bitsnap-checkout .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bitsnap-checkout .border-input{border-color:var(--input)}.bitsnap-checkout .border-neutral-200{border-color:var(--color-neutral-200)}.bitsnap-checkout .border-neutral-400{border-color:var(--color-neutral-400)}.bitsnap-checkout .border-neutral-500{border-color:var(--color-neutral-500)}.bitsnap-checkout .border-red-400{border-color:var(--color-red-400)}.bitsnap-checkout .border-transparent{border-color:transparent}.bitsnap-checkout .border-white{border-color:var(--color-white)}.bitsnap-checkout .border-t-transparent{border-top-color:transparent}.bitsnap-checkout .bg-accent{background-color:var(--accent)}.bitsnap-checkout .bg-background{background-color:var(--background)}.bitsnap-checkout .bg-black\/30{background-color:color-mix(in srgb,#000 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bitsnap-checkout .bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bitsnap-checkout .bg-border{background-color:var(--border)}.bitsnap-checkout .bg-card{background-color:var(--card)}.bitsnap-checkout .bg-destructive{background-color:var(--destructive)}.bitsnap-checkout .bg-foreground{background-color:var(--foreground)}.bitsnap-checkout .bg-input{background-color:var(--input)}.bitsnap-checkout .bg-muted{background-color:var(--muted)}.bitsnap-checkout .bg-neutral-50{background-color:var(--color-neutral-50)}.bitsnap-checkout .bg-neutral-100{background-color:var(--color-neutral-100)}.bitsnap-checkout .bg-neutral-300{background-color:var(--color-neutral-300)}.bitsnap-checkout .bg-neutral-700{background-color:var(--color-neutral-700)}.bitsnap-checkout .bg-neutral-800{background-color:var(--color-neutral-800)}.bitsnap-checkout .bg-popover{background-color:var(--popover)}.bitsnap-checkout .bg-primary{background-color:var(--primary)}.bitsnap-checkout .bg-secondary{background-color:var(--secondary)}.bitsnap-checkout .bg-transparent{background-color:transparent}.bitsnap-checkout .bg-white{background-color:var(--color-white)}.bitsnap-checkout .p-1{padding:calc(var(--spacing) * 1)}.bitsnap-checkout .p-2{padding:calc(var(--spacing) * 2)}.bitsnap-checkout .p-4{padding:calc(var(--spacing) * 4)}.bitsnap-checkout .p-6{padding:calc(var(--spacing) * 6)}.bitsnap-checkout .px-2{padding-inline:calc(var(--spacing) * 2)}.bitsnap-checkout .px-3{padding-inline:calc(var(--spacing) * 3)}.bitsnap-checkout .px-4{padding-inline:calc(var(--spacing) * 4)}.bitsnap-checkout .px-6{padding-inline:calc(var(--spacing) * 6)}.bitsnap-checkout .py-1{padding-block:calc(var(--spacing) * 1)}.bitsnap-checkout .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.bitsnap-checkout .py-2{padding-block:calc(var(--spacing) * 2)}.bitsnap-checkout .py-6{padding-block:calc(var(--spacing) * 6)}.bitsnap-checkout .py-8{padding-block:calc(var(--spacing) * 8)}.bitsnap-checkout .pt-2{padding-top:calc(var(--spacing) * 2)}.bitsnap-checkout .pt-3{padding-top:calc(var(--spacing) * 3)}.bitsnap-checkout .pt-6{padding-top:calc(var(--spacing) * 6)}.bitsnap-checkout .pr-8{padding-right:calc(var(--spacing) * 8)}.bitsnap-checkout .pr-9{padding-right:calc(var(--spacing) * 9)}.bitsnap-checkout .pb-3{padding-bottom:calc(var(--spacing) * 3)}.bitsnap-checkout .pl-0{padding-left:calc(var(--spacing) * 0)}.bitsnap-checkout .pl-2{padding-left:calc(var(--spacing) * 2)}.bitsnap-checkout .pl-3{padding-left:calc(var(--spacing) * 3)}.bitsnap-checkout .text-center{text-align:center}.bitsnap-checkout .text-left{text-align:left}.bitsnap-checkout .text-right{text-align:right}.bitsnap-checkout .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.bitsnap-checkout .text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.bitsnap-checkout .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.bitsnap-checkout .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.bitsnap-checkout .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.bitsnap-checkout .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.bitsnap-checkout .leading-4{--tw-leading: calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.bitsnap-checkout .leading-none{--tw-leading: 1;line-height:1}.bitsnap-checkout .font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.bitsnap-checkout .font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.bitsnap-checkout .font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.bitsnap-checkout .font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.bitsnap-checkout .font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bitsnap-checkout .whitespace-nowrap{white-space:nowrap}.bitsnap-checkout .text-amber-400{color:var(--color-amber-400)}.bitsnap-checkout .text-amber-500{color:var(--color-amber-500)}.bitsnap-checkout .text-black{color:var(--color-black)}.bitsnap-checkout .text-blue-500{color:var(--color-blue-500)}.bitsnap-checkout .text-card-foreground{color:var(--card-foreground)}.bitsnap-checkout .text-destructive{color:var(--destructive)}.bitsnap-checkout .text-green-400{color:var(--color-green-400)}.bitsnap-checkout .text-green-500{color:var(--color-green-500)}.bitsnap-checkout .text-muted-foreground{color:var(--muted-foreground)}.bitsnap-checkout .text-neutral-200{color:var(--color-neutral-200)}.bitsnap-checkout .text-neutral-500{color:var(--color-neutral-500)}.bitsnap-checkout .text-neutral-600{color:var(--color-neutral-600)}.bitsnap-checkout .text-neutral-700{color:var(--color-neutral-700)}.bitsnap-checkout .text-neutral-800{color:var(--color-neutral-800)}.bitsnap-checkout .text-neutral-900{color:var(--color-neutral-900)}.bitsnap-checkout .text-popover-foreground{color:var(--popover-foreground)}.bitsnap-checkout .text-primary{color:var(--primary)}.bitsnap-checkout .text-primary-foreground{color:var(--primary-foreground)}.bitsnap-checkout .text-red-400{color:var(--color-red-400)}.bitsnap-checkout .text-red-500{color:var(--color-red-500)}.bitsnap-checkout .text-secondary-foreground{color:var(--secondary-foreground)}.bitsnap-checkout .text-transparent{color:transparent}.bitsnap-checkout .text-white{color:var(--color-white)}.bitsnap-checkout .text-yellow-500{color:var(--color-yellow-500)}.bitsnap-checkout .text-yellow-700{color:var(--color-yellow-700)}.bitsnap-checkout .underline-offset-4{text-underline-offset:4px}.bitsnap-checkout .opacity-50{opacity:50%}.bitsnap-checkout .opacity-70{opacity:70%}.bitsnap-checkout .shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .ring-0{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .ring-offset-background{--tw-ring-offset-color: var(--background)}.bitsnap-checkout .ring-offset-white{--tw-ring-offset-color: var(--color-white)}.bitsnap-checkout .outline-hidden{--tw-outline-style: none;outline-style:none;@media (forced-colors: active){outline:2px solid transparent;outline-offset:2px}}.bitsnap-checkout .outline,.bitsnap-checkout .outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.bitsnap-checkout .outline-red-600{outline-color:var(--color-red-600)}.bitsnap-checkout .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .duration-200{--tw-duration: .2s;transition-duration:.2s}.bitsnap-checkout .duration-1000{--tw-duration: 1s;transition-duration:1s}.bitsnap-checkout .fade-in-0{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.bitsnap-checkout .outline-none{--tw-outline-style: none;outline-style:none}.bitsnap-checkout .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bitsnap-checkout .zoom-in-95{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.bitsnap-checkout .group-data-\[disabled\=true\]\:pointer-events-none{.bitsnap-checkout &:is(:where(.group)[data-disabled=true] *){pointer-events:none}}.bitsnap-checkout .group-data-\[disabled\=true\]\:opacity-50{.bitsnap-checkout &:is(:where(.group)[data-disabled=true] *){opacity:50%}}.bitsnap-checkout .peer-disabled\:cursor-not-allowed{.bitsnap-checkout &:is(:where(.peer):disabled~*){cursor:not-allowed}}.bitsnap-checkout .peer-disabled\:opacity-50{.bitsnap-checkout &:is(:where(.peer):disabled~*){opacity:50%}}.bitsnap-checkout .selection\:bg-primary{.bitsnap-checkout & *::-moz-selection{background-color:var(--primary)}.bitsnap-checkout & *::selection{background-color:var(--primary)}.bitsnap-checkout &::-moz-selection{background-color:var(--primary)}.bitsnap-checkout &::selection{background-color:var(--primary)}}.bitsnap-checkout .selection\:text-primary-foreground{.bitsnap-checkout & *::-moz-selection{color:var(--primary-foreground)}.bitsnap-checkout & *::selection{color:var(--primary-foreground)}.bitsnap-checkout &::-moz-selection{color:var(--primary-foreground)}.bitsnap-checkout &::selection{color:var(--primary-foreground)}}.bitsnap-checkout .file\:inline-flex{.bitsnap-checkout &::file-selector-button{display:inline-flex}}.bitsnap-checkout .file\:h-7{.bitsnap-checkout &::file-selector-button{height:calc(var(--spacing) * 7)}}.bitsnap-checkout .file\:border-0{.bitsnap-checkout &::file-selector-button{border-style:var(--tw-border-style);border-width:0px}}.bitsnap-checkout .file\:bg-transparent{.bitsnap-checkout &::file-selector-button{background-color:transparent}}.bitsnap-checkout .file\:text-sm{.bitsnap-checkout &::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}.bitsnap-checkout .file\:font-medium{.bitsnap-checkout &::file-selector-button{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.bitsnap-checkout .file\:text-foreground{.bitsnap-checkout &::file-selector-button{color:var(--foreground)}}.bitsnap-checkout .placeholder\:text-muted-foreground{.bitsnap-checkout &::-moz-placeholder{color:var(--muted-foreground)}.bitsnap-checkout &::placeholder{color:var(--muted-foreground)}}.bitsnap-checkout .first\:rounded-l-md{.bitsnap-checkout &:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}}.bitsnap-checkout .first\:border-l{.bitsnap-checkout &:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}}.bitsnap-checkout .last\:rounded-r-md{.bitsnap-checkout &:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}}.bitsnap-checkout .hover\:bg-accent{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--accent)}}}.bitsnap-checkout .hover\:bg-destructive\/90{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--destructive);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}}}.bitsnap-checkout .hover\:bg-neutral-50{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-50)}}}.bitsnap-checkout .hover\:bg-neutral-300{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-300)}}}.bitsnap-checkout .hover\:bg-neutral-400{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-400)}}}.bitsnap-checkout .hover\:bg-neutral-900{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-900)}}}.bitsnap-checkout .hover\:bg-primary\/90{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--primary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}}.bitsnap-checkout .hover\:bg-secondary\/80{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--secondary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}}}.bitsnap-checkout .hover\:bg-transparent{.bitsnap-checkout &:hover{@media (hover: hover){background-color:transparent}}}.bitsnap-checkout .hover\:font-medium{.bitsnap-checkout &:hover{@media (hover: hover){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}}.bitsnap-checkout .hover\:text-accent-foreground{.bitsnap-checkout &:hover{@media (hover: hover){color:var(--accent-foreground)}}}.bitsnap-checkout .hover\:underline{.bitsnap-checkout &:hover{@media (hover: hover){text-decoration-line:underline}}}.bitsnap-checkout .hover\:opacity-100{.bitsnap-checkout &:hover{@media (hover: hover){opacity:100%}}}.bitsnap-checkout .hover\:shadow-xl{.bitsnap-checkout &:hover{@media (hover: hover){--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.bitsnap-checkout .focus\:bg-accent{.bitsnap-checkout &:focus{background-color:var(--accent)}}.bitsnap-checkout .focus\:text-accent-foreground{.bitsnap-checkout &:focus{color:var(--accent-foreground)}}.bitsnap-checkout .focus\:ring-2{.bitsnap-checkout &:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.bitsnap-checkout .focus\:ring-neutral-950{.bitsnap-checkout &:focus{--tw-ring-color: var(--color-neutral-950)}}.bitsnap-checkout .focus\:ring-ring{.bitsnap-checkout &:focus{--tw-ring-color: var(--ring)}}.bitsnap-checkout .focus\:ring-offset-2{.bitsnap-checkout &:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.bitsnap-checkout .focus\:outline-hidden{.bitsnap-checkout &:focus{--tw-outline-style: none;outline-style:none;@media (forced-colors: active){outline:2px solid transparent;outline-offset:2px}}}.bitsnap-checkout .focus\:outline-none{.bitsnap-checkout &:focus{--tw-outline-style: none;outline-style:none}}.bitsnap-checkout .focus-visible\:border-ring{.bitsnap-checkout &:focus-visible{border-color:var(--ring)}}.bitsnap-checkout .focus-visible\:ring-\[3px\]{.bitsnap-checkout &:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.bitsnap-checkout .focus-visible\:ring-destructive\/20{.bitsnap-checkout &:focus-visible{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}}.bitsnap-checkout .focus-visible\:ring-ring\/50{.bitsnap-checkout &:focus-visible{--tw-ring-color: var(--ring);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)}}}.bitsnap-checkout .disabled\:pointer-events-none{.bitsnap-checkout &:disabled{pointer-events:none}}.bitsnap-checkout .disabled\:cursor-not-allowed{.bitsnap-checkout &:disabled{cursor:not-allowed}}.bitsnap-checkout .disabled\:opacity-40{.bitsnap-checkout &:disabled{opacity:40%}}.bitsnap-checkout .disabled\:opacity-50{.bitsnap-checkout &:disabled{opacity:50%}}.bitsnap-checkout .has-disabled\:opacity-50{.bitsnap-checkout &:has(*:disabled){opacity:50%}}.bitsnap-checkout .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]{.bitsnap-checkout &:has(*[data-slot=card-action]){grid-template-columns:1fr auto}}.bitsnap-checkout .has-\[\>\[data-slot\=button-group\]\]\:gap-2{.bitsnap-checkout &:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}}.bitsnap-checkout .has-\[\>svg\]\:px-2\.5{.bitsnap-checkout &:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}}.bitsnap-checkout .has-\[\>svg\]\:px-3{.bitsnap-checkout &:has(>svg){padding-inline:calc(var(--spacing) * 3)}}.bitsnap-checkout .has-\[\>svg\]\:px-4{.bitsnap-checkout &:has(>svg){padding-inline:calc(var(--spacing) * 4)}}.bitsnap-checkout .aria-invalid\:border-destructive{.bitsnap-checkout &[aria-invalid=true]{border-color:var(--destructive)}}.bitsnap-checkout .aria-invalid\:ring-destructive\/20{.bitsnap-checkout &[aria-invalid=true]{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}}.bitsnap-checkout .data-\[active\=true\]\:z-10{.bitsnap-checkout &[data-active=true]{z-index:10}}.bitsnap-checkout .data-\[active\=true\]\:border-ring{.bitsnap-checkout &[data-active=true]{border-color:var(--ring)}}.bitsnap-checkout .data-\[active\=true\]\:ring-\[3px\]{.bitsnap-checkout &[data-active=true]{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.bitsnap-checkout .data-\[active\=true\]\:ring-ring\/50{.bitsnap-checkout &[data-active=true]{--tw-ring-color: var(--ring);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)}}}.bitsnap-checkout .data-\[active\=true\]\:aria-invalid\:border-destructive{.bitsnap-checkout &[data-active=true]{.bitsnap-checkout &[aria-invalid=true]{border-color:var(--destructive)}}}.bitsnap-checkout .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20{.bitsnap-checkout &[data-active=true]{.bitsnap-checkout &[aria-invalid=true]{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}}}.bitsnap-checkout .data-\[disabled\]\:pointer-events-none{.bitsnap-checkout &[data-disabled]{pointer-events:none}}.bitsnap-checkout .data-\[disabled\]\:opacity-50{.bitsnap-checkout &[data-disabled]{opacity:50%}}.bitsnap-checkout .data-\[orientation\=horizontal\]\:h-px{.bitsnap-checkout &[data-orientation=horizontal]{height:1px}}.bitsnap-checkout .data-\[orientation\=horizontal\]\:w-full{.bitsnap-checkout &[data-orientation=horizontal]{width:100%}}.bitsnap-checkout .data-\[orientation\=vertical\]\:h-auto{.bitsnap-checkout &[data-orientation=vertical]{height:auto}}.bitsnap-checkout .data-\[orientation\=vertical\]\:h-full{.bitsnap-checkout &[data-orientation=vertical]{height:100%}}.bitsnap-checkout .data-\[orientation\=vertical\]\:w-px{.bitsnap-checkout &[data-orientation=vertical]{width:1px}}.bitsnap-checkout .data-\[placeholder\]\:text-muted-foreground{.bitsnap-checkout &[data-placeholder]{color:var(--muted-foreground)}}.bitsnap-checkout .data-\[side\=bottom\]\:translate-y-1{.bitsnap-checkout &[data-side=bottom]{--tw-translate-y: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[side\=bottom\]\:slide-in-from-top-2{.bitsnap-checkout &[data-side=bottom]{--tw-enter-translate-y: calc(2*var(--spacing)*-1)}}.bitsnap-checkout .data-\[side\=left\]\:-translate-x-1{.bitsnap-checkout &[data-side=left]{--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[side\=left\]\:slide-in-from-right-2{.bitsnap-checkout &[data-side=left]{--tw-enter-translate-x: calc(2*var(--spacing))}}.bitsnap-checkout .data-\[side\=right\]\:translate-x-1{.bitsnap-checkout &[data-side=right]{--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[side\=right\]\:slide-in-from-left-2{.bitsnap-checkout &[data-side=right]{--tw-enter-translate-x: calc(2*var(--spacing)*-1)}}.bitsnap-checkout .data-\[side\=top\]\:-translate-y-1{.bitsnap-checkout &[data-side=top]{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[side\=top\]\:slide-in-from-bottom-2{.bitsnap-checkout &[data-side=top]{--tw-enter-translate-y: calc(2*var(--spacing))}}.bitsnap-checkout .data-\[size\=default\]\:h-9{.bitsnap-checkout &[data-size=default]{height:calc(var(--spacing) * 9)}}.bitsnap-checkout .data-\[size\=sm\]\:h-8{.bitsnap-checkout &[data-size=sm]{height:calc(var(--spacing) * 8)}}.bitsnap-checkout .\*\:data-\[slot\=select-value\]\:line-clamp-1{.bitsnap-checkout :is(>*){.bitsnap-checkout &[data-slot=select-value]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}}}.bitsnap-checkout .\*\:data-\[slot\=select-value\]\:flex{.bitsnap-checkout :is(>*){.bitsnap-checkout &[data-slot=select-value]{display:flex}}}.bitsnap-checkout .\*\:data-\[slot\=select-value\]\:items-center{.bitsnap-checkout :is(>*){.bitsnap-checkout &[data-slot=select-value]{align-items:center}}}.bitsnap-checkout .\*\:data-\[slot\=select-value\]\:gap-2{.bitsnap-checkout :is(>*){.bitsnap-checkout &[data-slot=select-value]{gap:calc(var(--spacing) * 2)}}}.bitsnap-checkout .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\]{.bitsnap-checkout &[data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[state\=checked\]\:bg-blue-500{.bitsnap-checkout &[data-state=checked]{background-color:var(--color-blue-500)}}.bitsnap-checkout .data-\[state\=checked\]\:bg-primary{.bitsnap-checkout &[data-state=checked]{background-color:var(--primary)}}.bitsnap-checkout .data-\[state\=closed\]\:animate-out{.bitsnap-checkout &[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.bitsnap-checkout .data-\[state\=closed\]\:fade-out-0{.bitsnap-checkout &[data-state=closed]{--tw-exit-opacity: 0 ;--tw-exit-opacity: 0}}.bitsnap-checkout .data-\[state\=closed\]\:zoom-out-95{.bitsnap-checkout &[data-state=closed]{--tw-exit-scale: 95% ;--tw-exit-scale: .95}}.bitsnap-checkout .data-\[state\=open\]\:animate-in{.bitsnap-checkout &[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.bitsnap-checkout .data-\[state\=open\]\:bg-accent{.bitsnap-checkout &[data-state=open]{background-color:var(--accent)}}.bitsnap-checkout .data-\[state\=open\]\:text-muted-foreground{.bitsnap-checkout &[data-state=open]{color:var(--muted-foreground)}}.bitsnap-checkout .data-\[state\=open\]\:fade-in-0{.bitsnap-checkout &[data-state=open]{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}}.bitsnap-checkout .data-\[state\=open\]\:zoom-in-95{.bitsnap-checkout &[data-state=open]{--tw-enter-scale: 95% ;--tw-enter-scale: .95}}.bitsnap-checkout .data-\[state\=unchecked\]\:translate-x-0{.bitsnap-checkout &[data-state=unchecked]{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[state\=unchecked\]\:bg-input{.bitsnap-checkout &[data-state=unchecked]{background-color:var(--input)}}.bitsnap-checkout .sm\:max-w-\[425px\]{@media (width >= 40rem){max-width:425px}}.bitsnap-checkout .sm\:max-w-lg{@media (width >= 40rem){max-width:var(--container-lg)}}.bitsnap-checkout .sm\:max-w-none{@media (width >= 40rem){max-width:none}}.bitsnap-checkout .sm\:min-w-\[100px\]{@media (width >= 40rem){min-width:100px}}.bitsnap-checkout .sm\:flex-row{@media (width >= 40rem){flex-direction:row}}.bitsnap-checkout .sm\:justify-end{@media (width >= 40rem){justify-content:flex-end}}.bitsnap-checkout .sm\:text-left{@media (width >= 40rem){text-align:left}}.bitsnap-checkout .md\:right-8{@media (width >= 48rem){right:calc(var(--spacing) * 8)}}.bitsnap-checkout .md\:bottom-8{@media (width >= 48rem){bottom:calc(var(--spacing) * 8)}}.bitsnap-checkout .md\:w-\[25\%\]{@media (width >= 48rem){width:25%}}.bitsnap-checkout .md\:w-\[350px\]{@media (width >= 48rem){width:350px}}.bitsnap-checkout .md\:grid-cols-2{@media (width >= 48rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.bitsnap-checkout .md\:px-5{@media (width >= 48rem){padding-inline:calc(var(--spacing) * 5)}}.bitsnap-checkout .md\:pb-5{@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 5)}}.bitsnap-checkout .md\:text-3xl{@media (width >= 48rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}.bitsnap-checkout .md\:text-sm{@media (width >= 48rem){font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}.bitsnap-checkout .md\:text-xl{@media (width >= 48rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}}.bitsnap-checkout .md\:leading-4{@media (width >= 48rem){--tw-leading: calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}}.bitsnap-checkout .lg\:max-w-36{@media (width >= 64rem){max-width:calc(var(--spacing) * 36)}}.bitsnap-checkout .lg\:gap-6{@media (width >= 64rem){gap:calc(var(--spacing) * 6)}}.bitsnap-checkout .lg\:text-2xl{@media (width >= 64rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}}.bitsnap-checkout .lg\:text-4xl{@media (width >= 64rem){font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}.bitsnap-checkout .lg\:text-lg{@media (width >= 64rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}}.bitsnap-checkout .xl\:w-\[20\%\]{@media (width >= 80rem){width:20%}}.bitsnap-checkout .xl\:w-\[420px\]{@media (width >= 80rem){width:420px}}.bitsnap-checkout .xl\:text-3xl{@media (width >= 80rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}.bitsnap-checkout .xl\:text-5xl{@media (width >= 80rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}.bitsnap-checkout .dark\:hidden{.bitsnap-checkout &:is(.dark *){display:none}}.bitsnap-checkout .dark\:inline{.bitsnap-checkout &:is(.dark *){display:inline}}.bitsnap-checkout .dark\:border-input{.bitsnap-checkout &:is(.dark *){border-color:var(--input)}}.bitsnap-checkout .dark\:border-neutral-700{.bitsnap-checkout &:is(.dark *){border-color:var(--color-neutral-700)}}.bitsnap-checkout .dark\:border-neutral-800{.bitsnap-checkout &:is(.dark *){border-color:var(--color-neutral-800)}}.bitsnap-checkout .dark\:bg-destructive\/60{.bitsnap-checkout &:is(.dark *){background-color:var(--destructive);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--destructive) 60%,transparent)}}}.bitsnap-checkout .dark\:bg-input\/30{.bitsnap-checkout &:is(.dark *){background-color:var(--input);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}}.bitsnap-checkout .dark\:bg-neutral-300{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-300)}}.bitsnap-checkout .dark\:bg-neutral-700{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-700)}}.bitsnap-checkout .dark\:bg-neutral-800{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-800)}}.bitsnap-checkout .dark\:bg-neutral-900{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-900)}}.bitsnap-checkout .dark\:text-neutral-100{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-100)}}.bitsnap-checkout .dark\:text-neutral-200{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-200)}}.bitsnap-checkout .dark\:text-neutral-400{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-400)}}.bitsnap-checkout .dark\:text-neutral-500{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-500)}}.bitsnap-checkout .dark\:text-neutral-800{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-800)}}.bitsnap-checkout .dark\:ring-offset-neutral-950{.bitsnap-checkout &:is(.dark *){--tw-ring-offset-color: var(--color-neutral-950)}}.bitsnap-checkout .dark\:hover\:border-neutral-800{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){border-color:var(--color-neutral-800)}}}}.bitsnap-checkout .dark\:hover\:bg-accent\/50{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--accent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--accent) 50%,transparent)}}}}}.bitsnap-checkout .dark\:hover\:bg-input\/50{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--input);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--input) 50%,transparent)}}}}}.bitsnap-checkout .dark\:hover\:bg-neutral-100{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-100)}}}}.bitsnap-checkout .dark\:hover\:bg-neutral-700{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-700)}}}}.bitsnap-checkout .dark\:focus\:ring-neutral-300{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:focus{--tw-ring-color: var(--color-neutral-300)}}}.bitsnap-checkout .dark\:focus-visible\:ring-destructive\/40{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:focus-visible{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}}}.bitsnap-checkout .active\:dark\:bg-neutral-900{.bitsnap-checkout &:active{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-900)}}}.bitsnap-checkout .dark\:aria-invalid\:ring-destructive\/40{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[aria-invalid=true]{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}}}.bitsnap-checkout .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-active=true]{.bitsnap-checkout &[aria-invalid=true]{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}}}}.bitsnap-checkout .dark\:data-\[state\=checked\]\:bg-primary-foreground{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=checked]{background-color:var(--primary-foreground)}}}.bitsnap-checkout .dark\:data-\[state\=unchecked\]\:bg-foreground{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=unchecked]{background-color:var(--foreground)}}}.bitsnap-checkout .dark\:data-\[state\=unchecked\]\:bg-input\/80{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=unchecked]{background-color:var(--input);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--input) 80%,transparent)}}}}.bitsnap-checkout .dark\:data-\[state\=unchecked\]\:bg-neutral-600{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=unchecked]{background-color:var(--color-neutral-600)}}}.bitsnap-checkout .dark\:data-\[state\=unchecked\]\:bg-neutral-700{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=unchecked]{background-color:var(--color-neutral-700)}}}.bitsnap-checkout .\[\&_svg\]\:pointer-events-none{.bitsnap-checkout & svg{pointer-events:none}}.bitsnap-checkout .\[\&_svg\]\:shrink-0{.bitsnap-checkout & svg{flex-shrink:0}}.bitsnap-checkout .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4{.bitsnap-checkout & svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}.bitsnap-checkout .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground{.bitsnap-checkout & svg:not([class*=text-]){color:var(--muted-foreground)}}.bitsnap-checkout .\[\.border-b\]\:pb-6{.bitsnap-checkout &:is(.border-b){padding-bottom:calc(var(--spacing) * 6)}}.bitsnap-checkout .\[\.border-t\]\:pt-6{.bitsnap-checkout &:is(.border-t){padding-top:calc(var(--spacing) * 6)}}.bitsnap-checkout .\*\:\[span\]\:last\:flex{.bitsnap-checkout :is(>*){.bitsnap-checkout &:is(span){.bitsnap-checkout &:last-child{display:flex}}}}.bitsnap-checkout .\*\:\[span\]\:last\:items-center{.bitsnap-checkout :is(>*){.bitsnap-checkout &:is(span){.bitsnap-checkout &:last-child{align-items:center}}}}.bitsnap-checkout .\*\:\[span\]\:last\:gap-2{.bitsnap-checkout :is(>*){.bitsnap-checkout &:is(span){.bitsnap-checkout &:last-child{gap:calc(var(--spacing) * 2)}}}}.bitsnap-checkout .\[\&\>\*\]\:focus-visible\:relative{.bitsnap-checkout &>*{.bitsnap-checkout &:focus-visible{position:relative}}}.bitsnap-checkout .\[\&\>\*\]\:focus-visible\:z-10{.bitsnap-checkout &>*{.bitsnap-checkout &:focus-visible{z-index:10}}}.bitsnap-checkout .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none{.bitsnap-checkout &>*:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}}.bitsnap-checkout .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none{.bitsnap-checkout &>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}}.bitsnap-checkout .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0{.bitsnap-checkout &>*:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0px}}.bitsnap-checkout .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0{.bitsnap-checkout &>*:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0px}}.bitsnap-checkout .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none{.bitsnap-checkout &>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}}.bitsnap-checkout .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none{.bitsnap-checkout &>*:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}}.bitsnap-checkout .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md{.bitsnap-checkout &:has(*:is(select[aria-hidden=true]:last-child)){.bitsnap-checkout &>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}}}.bitsnap-checkout .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit{.bitsnap-checkout &>[data-slot=select-trigger]:not([class*=w-]){width:-moz-fit-content;width:fit-content}}.bitsnap-checkout .\[\&\>input\]\:flex-1{.bitsnap-checkout &>input{flex:1}}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}.bitsnap-checkout{--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.bitsnap-checkout .dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@layer base{.bitsnap-checkout *{border-color:var(--border);outline-color:var(--ring);@supports (color: color-mix(in lab,red,red)){outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}.bitsnap-checkout{background-color:var(--background);color:var(--foreground)}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){.bitsnap-checkout *,.bitsnap-checkout :before,.bitsnap-checkout :after,.bitsnap-checkout ::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-duration: initial;--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}
|
|
1
|
+
@layer properties;@layer theme,base,components,utilities;@layer theme{.bitsnap-checkout,.bitsnap-checkout :host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100: oklch(93.6% .032 17.717);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-red-900: oklch(39.6% .141 25.723);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-500: oklch(76.9% .188 70.08);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-500: oklch(79.5% .184 86.047);--color-yellow-700: oklch(55.4% .135 66.442);--color-green-100: oklch(96.2% .044 156.743);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-purple-100: oklch(94.6% .033 307.174);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-700: oklch(49.6% .265 301.924);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-600: oklch(44.6% .043 257.281);--color-gray-200: oklch(92.8% .006 264.531);--color-neutral-50: oklch(98.5% 0 0);--color-neutral-100: oklch(97% 0 0);--color-neutral-200: oklch(92.2% 0 0);--color-neutral-300: oklch(87% 0 0);--color-neutral-400: oklch(70.8% 0 0);--color-neutral-500: oklch(55.6% 0 0);--color-neutral-600: oklch(43.9% 0 0);--color-neutral-700: oklch(37.1% 0 0);--color-neutral-800: oklch(26.9% 0 0);--color-neutral-900: oklch(20.5% 0 0);--color-neutral-950: oklch(14.5% 0 0);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-3xl: 48rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-wider: .05em;--radius-xs: .125rem;--radius-2xl: 1rem;--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{.bitsnap-checkout *,.bitsnap-checkout :after,.bitsnap-checkout :before,.bitsnap-checkout ::backdrop,.bitsnap-checkout ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}.bitsnap-checkout,.bitsnap-checkout :host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}.bitsnap-checkout hr{height:0;color:inherit;border-top-width:1px}.bitsnap-checkout abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.bitsnap-checkout h1,.bitsnap-checkout h2,.bitsnap-checkout h3,.bitsnap-checkout h4,.bitsnap-checkout h5,.bitsnap-checkout h6{font-size:inherit;font-weight:inherit}.bitsnap-checkout a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.bitsnap-checkout b,.bitsnap-checkout strong{font-weight:bolder}.bitsnap-checkout code,.bitsnap-checkout kbd,.bitsnap-checkout samp,.bitsnap-checkout pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}.bitsnap-checkout small{font-size:80%}.bitsnap-checkout sub,.bitsnap-checkout sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.bitsnap-checkout sub{bottom:-.25em}.bitsnap-checkout sup{top:-.5em}.bitsnap-checkout table{text-indent:0;border-color:inherit;border-collapse:collapse}.bitsnap-checkout :-moz-focusring{outline:auto}.bitsnap-checkout progress{vertical-align:baseline}.bitsnap-checkout summary{display:list-item}.bitsnap-checkout ol,.bitsnap-checkout ul,.bitsnap-checkout menu{list-style:none}.bitsnap-checkout img,.bitsnap-checkout svg,.bitsnap-checkout video,.bitsnap-checkout canvas,.bitsnap-checkout audio,.bitsnap-checkout iframe,.bitsnap-checkout embed,.bitsnap-checkout object{display:block;vertical-align:middle}.bitsnap-checkout img,.bitsnap-checkout video{max-width:100%;height:auto}.bitsnap-checkout button,.bitsnap-checkout input,.bitsnap-checkout select,.bitsnap-checkout optgroup,.bitsnap-checkout textarea,.bitsnap-checkout ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}.bitsnap-checkout :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.bitsnap-checkout :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.bitsnap-checkout ::file-selector-button{margin-inline-end:4px}.bitsnap-checkout ::-moz-placeholder{opacity:1}.bitsnap-checkout ::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){.bitsnap-checkout ::-moz-placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}.bitsnap-checkout ::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}.bitsnap-checkout textarea{resize:vertical}.bitsnap-checkout ::-webkit-search-decoration{-webkit-appearance:none}.bitsnap-checkout ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.bitsnap-checkout ::-webkit-datetime-edit{display:inline-flex}.bitsnap-checkout ::-webkit-datetime-edit-fields-wrapper{padding:0}.bitsnap-checkout ::-webkit-datetime-edit,.bitsnap-checkout ::-webkit-datetime-edit-year-field,.bitsnap-checkout ::-webkit-datetime-edit-month-field,.bitsnap-checkout ::-webkit-datetime-edit-day-field,.bitsnap-checkout ::-webkit-datetime-edit-hour-field,.bitsnap-checkout ::-webkit-datetime-edit-minute-field,.bitsnap-checkout ::-webkit-datetime-edit-second-field,.bitsnap-checkout ::-webkit-datetime-edit-millisecond-field,.bitsnap-checkout ::-webkit-datetime-edit-meridiem-field{padding-block:0}.bitsnap-checkout ::-webkit-calendar-picker-indicator{line-height:1}.bitsnap-checkout :-moz-ui-invalid{box-shadow:none}.bitsnap-checkout button,.bitsnap-checkout input:where([type=button],[type=reset],[type=submit]),.bitsnap-checkout ::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}.bitsnap-checkout ::-webkit-inner-spin-button,.bitsnap-checkout ::-webkit-outer-spin-button{height:auto}.bitsnap-checkout [hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.bitsnap-checkout .\@container\/card-header{container-type:inline-size;container-name:card-header}.bitsnap-checkout .pointer-events-none{pointer-events:none}.bitsnap-checkout .visible{visibility:visible}.bitsnap-checkout .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.bitsnap-checkout .absolute{position:absolute}.bitsnap-checkout .fixed{position:fixed}.bitsnap-checkout .relative{position:relative}.bitsnap-checkout .static{position:static}.bitsnap-checkout .sticky{position:sticky}.bitsnap-checkout .inset-0{inset:calc(var(--spacing) * 0)}.bitsnap-checkout .-top-px{top:-1px}.bitsnap-checkout .top-0{top:calc(var(--spacing) * 0)}.bitsnap-checkout .top-1\/2{top:50%}.bitsnap-checkout .top-4{top:calc(var(--spacing) * 4)}.bitsnap-checkout .top-\[50\%\]{top:50%}.bitsnap-checkout .right-0{right:calc(var(--spacing) * 0)}.bitsnap-checkout .right-2{right:calc(var(--spacing) * 2)}.bitsnap-checkout .right-4{right:calc(var(--spacing) * 4)}.bitsnap-checkout .right-6{right:calc(var(--spacing) * 6)}.bitsnap-checkout .bottom-0{bottom:calc(var(--spacing) * 0)}.bitsnap-checkout .bottom-6{bottom:calc(var(--spacing) * 6)}.bitsnap-checkout .left-0{left:calc(var(--spacing) * 0)}.bitsnap-checkout .left-1\/2,.bitsnap-checkout .left-\[50\%\]{left:50%}.bitsnap-checkout .z-0{z-index:0}.bitsnap-checkout .z-10{z-index:10}.bitsnap-checkout .z-20{z-index:20}.bitsnap-checkout .z-50{z-index:50}.bitsnap-checkout .z-\[9999\]{z-index:9999}.bitsnap-checkout .z-\[999999\]{z-index:999999}.bitsnap-checkout .col-start-2{grid-column-start:2}.bitsnap-checkout .row-span-2{grid-row:span 2 / span 2}.bitsnap-checkout .row-start-1{grid-row-start:1}.bitsnap-checkout .\!m-0{margin:calc(var(--spacing) * 0)!important}.bitsnap-checkout .m-1{margin:calc(var(--spacing) * 1)}.bitsnap-checkout .-mx-1{margin-inline:calc(var(--spacing) * -1)}.bitsnap-checkout .mx-2{margin-inline:calc(var(--spacing) * 2)}.bitsnap-checkout .mx-3{margin-inline:calc(var(--spacing) * 3)}.bitsnap-checkout .mx-auto{margin-inline:auto}.bitsnap-checkout .my-1{margin-block:calc(var(--spacing) * 1)}.bitsnap-checkout .my-2{margin-block:calc(var(--spacing) * 2)}.bitsnap-checkout .my-5{margin-block:calc(var(--spacing) * 5)}.bitsnap-checkout .my-6{margin-block:calc(var(--spacing) * 6)}.bitsnap-checkout .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.bitsnap-checkout .mt-2{margin-top:calc(var(--spacing) * 2)}.bitsnap-checkout .mt-3{margin-top:calc(var(--spacing) * 3)}.bitsnap-checkout .mt-4{margin-top:calc(var(--spacing) * 4)}.bitsnap-checkout .mt-5{margin-top:calc(var(--spacing) * 5)}.bitsnap-checkout .mt-6{margin-top:calc(var(--spacing) * 6)}.bitsnap-checkout .mt-7{margin-top:calc(var(--spacing) * 7)}.bitsnap-checkout .mr-2{margin-right:calc(var(--spacing) * 2)}.bitsnap-checkout .mr-4{margin-right:calc(var(--spacing) * 4)}.bitsnap-checkout .mb-1{margin-bottom:calc(var(--spacing) * 1)}.bitsnap-checkout .mb-2{margin-bottom:calc(var(--spacing) * 2)}.bitsnap-checkout .mb-3{margin-bottom:calc(var(--spacing) * 3)}.bitsnap-checkout .mb-4{margin-bottom:calc(var(--spacing) * 4)}.bitsnap-checkout .mb-6{margin-bottom:calc(var(--spacing) * 6)}.bitsnap-checkout .ml-0{margin-left:calc(var(--spacing) * 0)}.bitsnap-checkout .ml-3{margin-left:calc(var(--spacing) * 3)}.bitsnap-checkout .ml-auto{margin-left:auto}.bitsnap-checkout .line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.bitsnap-checkout .block{display:block}.bitsnap-checkout .contents{display:contents}.bitsnap-checkout .flex{display:flex}.bitsnap-checkout .grid{display:grid}.bitsnap-checkout .hidden{display:none}.bitsnap-checkout .inline{display:inline}.bitsnap-checkout .inline-flex{display:inline-flex}.bitsnap-checkout .aspect-auto{aspect-ratio:auto}.bitsnap-checkout .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.bitsnap-checkout .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.bitsnap-checkout .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.bitsnap-checkout .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.bitsnap-checkout .size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.bitsnap-checkout .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.bitsnap-checkout .h-1{height:calc(var(--spacing) * 1)}.bitsnap-checkout .h-2{height:calc(var(--spacing) * 2)}.bitsnap-checkout .h-3{height:calc(var(--spacing) * 3)}.bitsnap-checkout .h-4{height:calc(var(--spacing) * 4)}.bitsnap-checkout .h-5{height:calc(var(--spacing) * 5)}.bitsnap-checkout .h-6{height:calc(var(--spacing) * 6)}.bitsnap-checkout .h-8{height:calc(var(--spacing) * 8)}.bitsnap-checkout .h-9{height:calc(var(--spacing) * 9)}.bitsnap-checkout .h-10{height:calc(var(--spacing) * 10)}.bitsnap-checkout .h-12{height:calc(var(--spacing) * 12)}.bitsnap-checkout .h-16{height:calc(var(--spacing) * 16)}.bitsnap-checkout .h-32{height:calc(var(--spacing) * 32)}.bitsnap-checkout .h-64{height:calc(var(--spacing) * 64)}.bitsnap-checkout .h-\[1\.15rem\]{height:1.15rem}.bitsnap-checkout .h-\[calc\(100vh-80px\)\]{height:calc(100vh - 80px)}.bitsnap-checkout .h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.bitsnap-checkout .h-auto{height:auto}.bitsnap-checkout .h-full{height:100%}.bitsnap-checkout .h-px{height:1px}.bitsnap-checkout .h-screen{height:100vh}.bitsnap-checkout .max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.bitsnap-checkout .max-h-32{max-height:calc(var(--spacing) * 32)}.bitsnap-checkout .max-h-40{max-height:calc(var(--spacing) * 40)}.bitsnap-checkout .max-h-64{max-height:calc(var(--spacing) * 64)}.bitsnap-checkout .max-h-80{max-height:calc(var(--spacing) * 80)}.bitsnap-checkout .max-h-96{max-height:calc(var(--spacing) * 96)}.bitsnap-checkout .max-h-\[70vh\]{max-height:70vh}.bitsnap-checkout .min-h-\[60px\]{min-height:60px}.bitsnap-checkout .min-h-\[250px\]{min-height:250px}.bitsnap-checkout .min-h-screen{min-height:100vh}.bitsnap-checkout .w-1{width:calc(var(--spacing) * 1)}.bitsnap-checkout .w-3{width:calc(var(--spacing) * 3)}.bitsnap-checkout .w-4{width:calc(var(--spacing) * 4)}.bitsnap-checkout .w-5{width:calc(var(--spacing) * 5)}.bitsnap-checkout .w-6{width:calc(var(--spacing) * 6)}.bitsnap-checkout .w-8{width:calc(var(--spacing) * 8)}.bitsnap-checkout .w-9{width:calc(var(--spacing) * 9)}.bitsnap-checkout .w-12{width:calc(var(--spacing) * 12)}.bitsnap-checkout .w-16{width:calc(var(--spacing) * 16)}.bitsnap-checkout .w-24{width:calc(var(--spacing) * 24)}.bitsnap-checkout .w-32{width:calc(var(--spacing) * 32)}.bitsnap-checkout .w-40{width:calc(var(--spacing) * 40)}.bitsnap-checkout .w-72{width:calc(var(--spacing) * 72)}.bitsnap-checkout .w-80{width:calc(var(--spacing) * 80)}.bitsnap-checkout .w-\[30\%\]{width:30%}.bitsnap-checkout .w-\[60\%\]{width:60%}.bitsnap-checkout .w-\[80\%\]{width:80%}.bitsnap-checkout .w-auto{width:auto}.bitsnap-checkout .w-fit{width:-moz-fit-content;width:fit-content}.bitsnap-checkout .w-full{width:100%}.bitsnap-checkout .w-px{width:1px}.bitsnap-checkout .w-screen{width:100vw}.bitsnap-checkout .max-w-3xl{max-width:var(--container-3xl)}.bitsnap-checkout .max-w-28{max-width:calc(var(--spacing) * 28)}.bitsnap-checkout .max-w-32{max-width:calc(var(--spacing) * 32)}.bitsnap-checkout .max-w-44{max-width:calc(var(--spacing) * 44)}.bitsnap-checkout .max-w-64{max-width:calc(var(--spacing) * 64)}.bitsnap-checkout .max-w-\[30\%\]{max-width:30%}.bitsnap-checkout .max-w-\[350px\]{max-width:350px}.bitsnap-checkout .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.bitsnap-checkout .max-w-md{max-width:var(--container-md)}.bitsnap-checkout .max-w-sm{max-width:var(--container-sm)}.bitsnap-checkout .max-w-xl{max-width:var(--container-xl)}.bitsnap-checkout .max-w-xs{max-width:var(--container-xs)}.bitsnap-checkout .min-w-0{min-width:calc(var(--spacing) * 0)}.bitsnap-checkout .min-w-\[8rem\]{min-width:8rem}.bitsnap-checkout .min-w-\[40\%\]{min-width:40%}.bitsnap-checkout .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.bitsnap-checkout .min-w-sm{min-width:var(--container-sm)}.bitsnap-checkout .flex-1{flex:1}.bitsnap-checkout .flex-shrink-0,.bitsnap-checkout .shrink-0{flex-shrink:0}.bitsnap-checkout .grow{flex-grow:1}.bitsnap-checkout .basis-1\/2{flex-basis:50%}.bitsnap-checkout .origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.bitsnap-checkout .origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.bitsnap-checkout .-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.bitsnap-checkout .translate-x-\[-50\%\]{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.bitsnap-checkout .-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.bitsnap-checkout .translate-y-\[-50\%\]{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.bitsnap-checkout .scale-75{--tw-scale-x: 75%;--tw-scale-y: 75%;--tw-scale-z: 75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bitsnap-checkout .animate-bounce{animation:var(--animate-bounce)}.bitsnap-checkout .animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}.bitsnap-checkout .animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.bitsnap-checkout .animate-pulse{animation:var(--animate-pulse)}.bitsnap-checkout .animate-spin{animation:var(--animate-spin)}.bitsnap-checkout .cursor-alias{cursor:alias}.bitsnap-checkout .cursor-default{cursor:default}.bitsnap-checkout .cursor-help{cursor:help}.bitsnap-checkout .cursor-not-allowed{cursor:not-allowed}.bitsnap-checkout .cursor-pointer{cursor:pointer}.bitsnap-checkout .scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.bitsnap-checkout .list-inside{list-style-position:inside}.bitsnap-checkout .list-disc{list-style-type:disc}.bitsnap-checkout .auto-rows-min{grid-auto-rows:min-content}.bitsnap-checkout .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.bitsnap-checkout .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bitsnap-checkout .grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.bitsnap-checkout .flex-col{flex-direction:column}.bitsnap-checkout .flex-col-reverse{flex-direction:column-reverse}.bitsnap-checkout .flex-row{flex-direction:row}.bitsnap-checkout .flex-wrap{flex-wrap:wrap}.bitsnap-checkout .items-center{align-items:center}.bitsnap-checkout .items-end{align-items:flex-end}.bitsnap-checkout .items-start{align-items:flex-start}.bitsnap-checkout .items-stretch{align-items:stretch}.bitsnap-checkout .justify-between{justify-content:space-between}.bitsnap-checkout .justify-center{justify-content:center}.bitsnap-checkout .justify-evenly{justify-content:space-evenly}.bitsnap-checkout .justify-start{justify-content:flex-start}.bitsnap-checkout .gap-0{gap:calc(var(--spacing) * 0)}.bitsnap-checkout .gap-1{gap:calc(var(--spacing) * 1)}.bitsnap-checkout .gap-1\.5{gap:calc(var(--spacing) * 1.5)}.bitsnap-checkout .gap-2{gap:calc(var(--spacing) * 2)}.bitsnap-checkout .gap-3{gap:calc(var(--spacing) * 3)}.bitsnap-checkout .gap-4{gap:calc(var(--spacing) * 4)}.bitsnap-checkout .gap-5{gap:calc(var(--spacing) * 5)}.bitsnap-checkout .gap-6{gap:calc(var(--spacing) * 6)}.bitsnap-checkout .gap-9{gap:calc(var(--spacing) * 9)}.bitsnap-checkout .space-y-2{.bitsnap-checkout :where(>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.bitsnap-checkout .space-y-4{.bitsnap-checkout :where(>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.bitsnap-checkout .space-y-6{.bitsnap-checkout :where(>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}}.bitsnap-checkout .space-y-8{.bitsnap-checkout :where(>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}.bitsnap-checkout .space-y-12{.bitsnap-checkout :where(>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}}.bitsnap-checkout .gap-x-1\.5{-moz-column-gap:calc(var(--spacing) * 1.5);column-gap:calc(var(--spacing) * 1.5)}.bitsnap-checkout .gap-x-2{-moz-column-gap:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2)}.bitsnap-checkout .gap-x-4{-moz-column-gap:calc(var(--spacing) * 4);column-gap:calc(var(--spacing) * 4)}.bitsnap-checkout .gap-x-12{-moz-column-gap:calc(var(--spacing) * 12);column-gap:calc(var(--spacing) * 12)}.bitsnap-checkout .space-x-2{.bitsnap-checkout :where(>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}}.bitsnap-checkout .self-end{align-self:flex-end}.bitsnap-checkout .self-start{align-self:flex-start}.bitsnap-checkout .self-stretch{align-self:stretch}.bitsnap-checkout .justify-self-end{justify-self:flex-end}.bitsnap-checkout .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bitsnap-checkout .overflow-clip{overflow:clip}.bitsnap-checkout .overflow-hidden{overflow:hidden}.bitsnap-checkout .overflow-x-hidden{overflow-x:hidden}.bitsnap-checkout .overflow-y-auto{overflow-y:auto}.bitsnap-checkout .overflow-y-scroll{overflow-y:scroll}.bitsnap-checkout .rounded{border-radius:.25rem}.bitsnap-checkout .rounded-2xl{border-radius:var(--radius-2xl)}.bitsnap-checkout .rounded-full{border-radius:calc(infinity * 1px)}.bitsnap-checkout .rounded-lg{border-radius:var(--radius)}.bitsnap-checkout .rounded-md{border-radius:calc(var(--radius) - 2px)}.bitsnap-checkout .rounded-sm{border-radius:calc(var(--radius) - 4px)}.bitsnap-checkout .rounded-xl{border-radius:calc(var(--radius) + 4px)}.bitsnap-checkout .rounded-xs{border-radius:var(--radius-xs)}.bitsnap-checkout .border{border-style:var(--tw-border-style);border-width:1px}.bitsnap-checkout .border-2{border-style:var(--tw-border-style);border-width:2px}.bitsnap-checkout .border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.bitsnap-checkout .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bitsnap-checkout .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.bitsnap-checkout .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bitsnap-checkout .border-input{border-color:var(--input)}.bitsnap-checkout .border-neutral-200{border-color:var(--color-neutral-200)}.bitsnap-checkout .border-neutral-400{border-color:var(--color-neutral-400)}.bitsnap-checkout .border-neutral-500{border-color:var(--color-neutral-500)}.bitsnap-checkout .border-red-400{border-color:var(--color-red-400)}.bitsnap-checkout .border-transparent{border-color:transparent}.bitsnap-checkout .border-white{border-color:var(--color-white)}.bitsnap-checkout .border-t-transparent{border-top-color:transparent}.bitsnap-checkout .bg-accent{background-color:var(--accent)}.bitsnap-checkout .bg-background{background-color:var(--background)}.bitsnap-checkout .bg-black\/30{background-color:color-mix(in srgb,#000 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bitsnap-checkout .bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bitsnap-checkout .bg-blue-100{background-color:var(--color-blue-100)}.bitsnap-checkout .bg-blue-600{background-color:var(--color-blue-600)}.bitsnap-checkout .bg-border{background-color:var(--border)}.bitsnap-checkout .bg-card{background-color:var(--card)}.bitsnap-checkout .bg-current{background-color:currentcolor}.bitsnap-checkout .bg-destructive{background-color:var(--destructive)}.bitsnap-checkout .bg-foreground{background-color:var(--foreground)}.bitsnap-checkout .bg-gray-200{background-color:var(--color-gray-200)}.bitsnap-checkout .bg-green-100{background-color:var(--color-green-100)}.bitsnap-checkout .bg-input{background-color:var(--input)}.bitsnap-checkout .bg-muted{background-color:var(--muted)}.bitsnap-checkout .bg-neutral-50{background-color:var(--color-neutral-50)}.bitsnap-checkout .bg-neutral-100{background-color:var(--color-neutral-100)}.bitsnap-checkout .bg-neutral-200{background-color:var(--color-neutral-200)}.bitsnap-checkout .bg-neutral-300{background-color:var(--color-neutral-300)}.bitsnap-checkout .bg-neutral-500{background-color:var(--color-neutral-500)}.bitsnap-checkout .bg-neutral-700{background-color:var(--color-neutral-700)}.bitsnap-checkout .bg-neutral-800{background-color:var(--color-neutral-800)}.bitsnap-checkout .bg-popover{background-color:var(--popover)}.bitsnap-checkout .bg-primary{background-color:var(--primary)}.bitsnap-checkout .bg-purple-100{background-color:var(--color-purple-100)}.bitsnap-checkout .bg-red-100{background-color:var(--color-red-100)}.bitsnap-checkout .bg-red-900{background-color:var(--color-red-900)}.bitsnap-checkout .bg-secondary{background-color:var(--secondary)}.bitsnap-checkout .bg-slate-100{background-color:var(--color-slate-100)}.bitsnap-checkout .bg-transparent{background-color:transparent}.bitsnap-checkout .bg-white{background-color:var(--color-white)}.bitsnap-checkout .bg-yellow-100{background-color:var(--color-yellow-100)}.bitsnap-checkout .object-cover{-o-object-fit:cover;object-fit:cover}.bitsnap-checkout .p-1{padding:calc(var(--spacing) * 1)}.bitsnap-checkout .p-2{padding:calc(var(--spacing) * 2)}.bitsnap-checkout .p-3{padding:calc(var(--spacing) * 3)}.bitsnap-checkout .p-4{padding:calc(var(--spacing) * 4)}.bitsnap-checkout .p-5{padding:calc(var(--spacing) * 5)}.bitsnap-checkout .p-6{padding:calc(var(--spacing) * 6)}.bitsnap-checkout .px-2{padding-inline:calc(var(--spacing) * 2)}.bitsnap-checkout .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.bitsnap-checkout .px-3{padding-inline:calc(var(--spacing) * 3)}.bitsnap-checkout .px-4{padding-inline:calc(var(--spacing) * 4)}.bitsnap-checkout .px-6{padding-inline:calc(var(--spacing) * 6)}.bitsnap-checkout .py-0\.5{padding-block:calc(var(--spacing) * .5)}.bitsnap-checkout .py-1{padding-block:calc(var(--spacing) * 1)}.bitsnap-checkout .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.bitsnap-checkout .py-2{padding-block:calc(var(--spacing) * 2)}.bitsnap-checkout .py-6{padding-block:calc(var(--spacing) * 6)}.bitsnap-checkout .py-8{padding-block:calc(var(--spacing) * 8)}.bitsnap-checkout .pt-2{padding-top:calc(var(--spacing) * 2)}.bitsnap-checkout .pt-3{padding-top:calc(var(--spacing) * 3)}.bitsnap-checkout .pt-4{padding-top:calc(var(--spacing) * 4)}.bitsnap-checkout .pt-6{padding-top:calc(var(--spacing) * 6)}.bitsnap-checkout .pr-8{padding-right:calc(var(--spacing) * 8)}.bitsnap-checkout .pr-9{padding-right:calc(var(--spacing) * 9)}.bitsnap-checkout .pb-3{padding-bottom:calc(var(--spacing) * 3)}.bitsnap-checkout .pb-4{padding-bottom:calc(var(--spacing) * 4)}.bitsnap-checkout .pb-12{padding-bottom:calc(var(--spacing) * 12)}.bitsnap-checkout .pl-0{padding-left:calc(var(--spacing) * 0)}.bitsnap-checkout .pl-2{padding-left:calc(var(--spacing) * 2)}.bitsnap-checkout .pl-3{padding-left:calc(var(--spacing) * 3)}.bitsnap-checkout .text-center{text-align:center}.bitsnap-checkout .text-left{text-align:left}.bitsnap-checkout .text-right{text-align:right}.bitsnap-checkout .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.bitsnap-checkout .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.bitsnap-checkout .text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.bitsnap-checkout .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.bitsnap-checkout .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.bitsnap-checkout .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.bitsnap-checkout .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.bitsnap-checkout .leading-4{--tw-leading: calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.bitsnap-checkout .leading-none{--tw-leading: 1;line-height:1}.bitsnap-checkout .font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.bitsnap-checkout .font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.bitsnap-checkout .font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.bitsnap-checkout .font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.bitsnap-checkout .font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bitsnap-checkout .tracking-wider{--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider)}.bitsnap-checkout .whitespace-nowrap{white-space:nowrap}.bitsnap-checkout .text-amber-400{color:var(--color-amber-400)}.bitsnap-checkout .text-amber-500{color:var(--color-amber-500)}.bitsnap-checkout .text-black{color:var(--color-black)}.bitsnap-checkout .text-blue-500{color:var(--color-blue-500)}.bitsnap-checkout .text-blue-600{color:var(--color-blue-600)}.bitsnap-checkout .text-blue-700{color:var(--color-blue-700)}.bitsnap-checkout .text-card-foreground{color:var(--card-foreground)}.bitsnap-checkout .text-destructive{color:var(--destructive)}.bitsnap-checkout .text-green-400{color:var(--color-green-400)}.bitsnap-checkout .text-green-500{color:var(--color-green-500)}.bitsnap-checkout .text-green-600{color:var(--color-green-600)}.bitsnap-checkout .text-green-700{color:var(--color-green-700)}.bitsnap-checkout .text-muted-foreground{color:var(--muted-foreground)}.bitsnap-checkout .text-neutral-200{color:var(--color-neutral-200)}.bitsnap-checkout .text-neutral-400{color:var(--color-neutral-400)}.bitsnap-checkout .text-neutral-500{color:var(--color-neutral-500)}.bitsnap-checkout .text-neutral-600{color:var(--color-neutral-600)}.bitsnap-checkout .text-neutral-700{color:var(--color-neutral-700)}.bitsnap-checkout .text-neutral-800{color:var(--color-neutral-800)}.bitsnap-checkout .text-neutral-900{color:var(--color-neutral-900)}.bitsnap-checkout .text-popover-foreground{color:var(--popover-foreground)}.bitsnap-checkout .text-primary{color:var(--primary)}.bitsnap-checkout .text-primary-foreground{color:var(--primary-foreground)}.bitsnap-checkout .text-purple-500{color:var(--color-purple-500)}.bitsnap-checkout .text-purple-700{color:var(--color-purple-700)}.bitsnap-checkout .text-red-400{color:var(--color-red-400)}.bitsnap-checkout .text-red-500{color:var(--color-red-500)}.bitsnap-checkout .text-red-600{color:var(--color-red-600)}.bitsnap-checkout .text-red-700{color:var(--color-red-700)}.bitsnap-checkout .text-secondary-foreground{color:var(--secondary-foreground)}.bitsnap-checkout .text-transparent{color:transparent}.bitsnap-checkout .text-white{color:var(--color-white)}.bitsnap-checkout .text-yellow-500{color:var(--color-yellow-500)}.bitsnap-checkout .text-yellow-700{color:var(--color-yellow-700)}.bitsnap-checkout .line-through{text-decoration-line:line-through}.bitsnap-checkout .underline{text-decoration-line:underline}.bitsnap-checkout .underline-offset-4{text-underline-offset:4px}.bitsnap-checkout .opacity-50{opacity:50%}.bitsnap-checkout .opacity-70{opacity:70%}.bitsnap-checkout .opacity-100{opacity:100%}.bitsnap-checkout .shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .ring-0{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.bitsnap-checkout .ring-offset-background{--tw-ring-offset-color: var(--background)}.bitsnap-checkout .ring-offset-white{--tw-ring-offset-color: var(--color-white)}.bitsnap-checkout .outline-hidden{--tw-outline-style: none;outline-style:none;@media (forced-colors: active){outline:2px solid transparent;outline-offset:2px}}.bitsnap-checkout .outline,.bitsnap-checkout .outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.bitsnap-checkout .outline-red-600{outline-color:var(--color-red-600)}.bitsnap-checkout .drop-shadow-xl{--tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / .1)));--tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));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,)}.bitsnap-checkout .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.bitsnap-checkout .duration-200{--tw-duration: .2s;transition-duration:.2s}.bitsnap-checkout .duration-300{--tw-duration: .3s;transition-duration:.3s}.bitsnap-checkout .duration-1000{--tw-duration: 1s;transition-duration:1s}.bitsnap-checkout .ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.bitsnap-checkout .fade-in-0{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.bitsnap-checkout .outline-none{--tw-outline-style: none;outline-style:none}.bitsnap-checkout .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bitsnap-checkout .zoom-in-95{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.bitsnap-checkout .\[animation-delay\:-0\.3s\]{animation-delay:-.3s}.bitsnap-checkout .\[animation-delay\:-0\.15s\]{animation-delay:-.15s}.bitsnap-checkout .paused{animation-play-state:paused}.bitsnap-checkout .group-data-\[disabled\=true\]\:pointer-events-none{.bitsnap-checkout &:is(:where(.group)[data-disabled=true] *){pointer-events:none}}.bitsnap-checkout .group-data-\[disabled\=true\]\:opacity-50{.bitsnap-checkout &:is(:where(.group)[data-disabled=true] *){opacity:50%}}.bitsnap-checkout .peer-disabled\:cursor-not-allowed{.bitsnap-checkout &:is(:where(.peer):disabled~*){cursor:not-allowed}}.bitsnap-checkout .peer-disabled\:opacity-50{.bitsnap-checkout &:is(:where(.peer):disabled~*){opacity:50%}}.bitsnap-checkout .selection\:bg-primary{.bitsnap-checkout & *::-moz-selection{background-color:var(--primary)}.bitsnap-checkout & *::selection{background-color:var(--primary)}.bitsnap-checkout &::-moz-selection{background-color:var(--primary)}.bitsnap-checkout &::selection{background-color:var(--primary)}}.bitsnap-checkout .selection\:text-primary-foreground{.bitsnap-checkout & *::-moz-selection{color:var(--primary-foreground)}.bitsnap-checkout & *::selection{color:var(--primary-foreground)}.bitsnap-checkout &::-moz-selection{color:var(--primary-foreground)}.bitsnap-checkout &::selection{color:var(--primary-foreground)}}.bitsnap-checkout .file\:inline-flex{.bitsnap-checkout &::file-selector-button{display:inline-flex}}.bitsnap-checkout .file\:h-7{.bitsnap-checkout &::file-selector-button{height:calc(var(--spacing) * 7)}}.bitsnap-checkout .file\:border-0{.bitsnap-checkout &::file-selector-button{border-style:var(--tw-border-style);border-width:0px}}.bitsnap-checkout .file\:bg-transparent{.bitsnap-checkout &::file-selector-button{background-color:transparent}}.bitsnap-checkout .file\:text-sm{.bitsnap-checkout &::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}.bitsnap-checkout .file\:font-medium{.bitsnap-checkout &::file-selector-button{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}.bitsnap-checkout .file\:text-foreground{.bitsnap-checkout &::file-selector-button{color:var(--foreground)}}.bitsnap-checkout .placeholder\:text-muted-foreground{.bitsnap-checkout &::-moz-placeholder{color:var(--muted-foreground)}.bitsnap-checkout &::placeholder{color:var(--muted-foreground)}}.bitsnap-checkout .placeholder\:text-neutral-500{.bitsnap-checkout &::-moz-placeholder{color:var(--color-neutral-500)}.bitsnap-checkout &::placeholder{color:var(--color-neutral-500)}}.bitsnap-checkout .first\:rounded-l-md{.bitsnap-checkout &:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}}.bitsnap-checkout .first\:border-l{.bitsnap-checkout &:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}}.bitsnap-checkout .last\:rounded-r-md{.bitsnap-checkout &:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}}.bitsnap-checkout .last\:border-b-0{.bitsnap-checkout &:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}}.bitsnap-checkout .hover\:bg-accent{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--accent)}}}.bitsnap-checkout .hover\:bg-destructive\/90{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--destructive);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}}}.bitsnap-checkout .hover\:bg-neutral-50{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-50)}}}.bitsnap-checkout .hover\:bg-neutral-200{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-200)}}}.bitsnap-checkout .hover\:bg-neutral-300{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-300)}}}.bitsnap-checkout .hover\:bg-neutral-400{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-400)}}}.bitsnap-checkout .hover\:bg-neutral-900{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-900)}}}.bitsnap-checkout .hover\:bg-primary\/90{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--primary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}}.bitsnap-checkout .hover\:bg-secondary\/80{.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--secondary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}}}.bitsnap-checkout .hover\:bg-transparent{.bitsnap-checkout &:hover{@media (hover: hover){background-color:transparent}}}.bitsnap-checkout .hover\:font-medium{.bitsnap-checkout &:hover{@media (hover: hover){--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}}.bitsnap-checkout .hover\:text-accent-foreground{.bitsnap-checkout &:hover{@media (hover: hover){color:var(--accent-foreground)}}}.bitsnap-checkout .hover\:text-blue-600{.bitsnap-checkout &:hover{@media (hover: hover){color:var(--color-blue-600)}}}.bitsnap-checkout .hover\:underline{.bitsnap-checkout &:hover{@media (hover: hover){text-decoration-line:underline}}}.bitsnap-checkout .hover\:opacity-80{.bitsnap-checkout &:hover{@media (hover: hover){opacity:80%}}}.bitsnap-checkout .hover\:opacity-100{.bitsnap-checkout &:hover{@media (hover: hover){opacity:100%}}}.bitsnap-checkout .hover\:shadow-xl{.bitsnap-checkout &:hover{@media (hover: hover){--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.bitsnap-checkout .focus\:bg-accent{.bitsnap-checkout &:focus{background-color:var(--accent)}}.bitsnap-checkout .focus\:text-accent-foreground{.bitsnap-checkout &:focus{color:var(--accent-foreground)}}.bitsnap-checkout .focus\:ring-2{.bitsnap-checkout &:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.bitsnap-checkout .focus\:ring-neutral-950{.bitsnap-checkout &:focus{--tw-ring-color: var(--color-neutral-950)}}.bitsnap-checkout .focus\:ring-ring{.bitsnap-checkout &:focus{--tw-ring-color: var(--ring)}}.bitsnap-checkout .focus\:ring-offset-2{.bitsnap-checkout &:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.bitsnap-checkout .focus\:outline-hidden{.bitsnap-checkout &:focus{--tw-outline-style: none;outline-style:none;@media (forced-colors: active){outline:2px solid transparent;outline-offset:2px}}}.bitsnap-checkout .focus\:outline-none{.bitsnap-checkout &:focus{--tw-outline-style: none;outline-style:none}}.bitsnap-checkout .focus-visible\:border-ring{.bitsnap-checkout &:focus-visible{border-color:var(--ring)}}.bitsnap-checkout .focus-visible\:ring-2{.bitsnap-checkout &:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.bitsnap-checkout .focus-visible\:ring-\[3px\]{.bitsnap-checkout &:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.bitsnap-checkout .focus-visible\:ring-destructive\/20{.bitsnap-checkout &:focus-visible{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}}.bitsnap-checkout .focus-visible\:ring-neutral-950{.bitsnap-checkout &:focus-visible{--tw-ring-color: var(--color-neutral-950)}}.bitsnap-checkout .focus-visible\:ring-ring\/50{.bitsnap-checkout &:focus-visible{--tw-ring-color: var(--ring);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)}}}.bitsnap-checkout .focus-visible\:ring-offset-2{.bitsnap-checkout &:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.bitsnap-checkout .focus-visible\:outline-none{.bitsnap-checkout &:focus-visible{--tw-outline-style: none;outline-style:none}}.bitsnap-checkout .active\:bg-neutral-200{.bitsnap-checkout &:active{background-color:var(--color-neutral-200)}}.bitsnap-checkout .active\:opacity-80{.bitsnap-checkout &:active{opacity:80%}}.bitsnap-checkout .disabled\:pointer-events-none{.bitsnap-checkout &:disabled{pointer-events:none}}.bitsnap-checkout .disabled\:cursor-not-allowed{.bitsnap-checkout &:disabled{cursor:not-allowed}}.bitsnap-checkout .disabled\:opacity-40{.bitsnap-checkout &:disabled{opacity:40%}}.bitsnap-checkout .disabled\:opacity-50{.bitsnap-checkout &:disabled{opacity:50%}}.bitsnap-checkout .has-disabled\:opacity-50{.bitsnap-checkout &:has(*:disabled){opacity:50%}}.bitsnap-checkout .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]{.bitsnap-checkout &:has(*[data-slot=card-action]){grid-template-columns:1fr auto}}.bitsnap-checkout .has-\[\>\[data-slot\=button-group\]\]\:gap-2{.bitsnap-checkout &:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}}.bitsnap-checkout .has-\[\>svg\]\:px-1\.5{.bitsnap-checkout &:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}}.bitsnap-checkout .has-\[\>svg\]\:px-2\.5{.bitsnap-checkout &:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}}.bitsnap-checkout .has-\[\>svg\]\:px-3{.bitsnap-checkout &:has(>svg){padding-inline:calc(var(--spacing) * 3)}}.bitsnap-checkout .has-\[\>svg\]\:px-4{.bitsnap-checkout &:has(>svg){padding-inline:calc(var(--spacing) * 4)}}.bitsnap-checkout .aria-invalid\:border-destructive{.bitsnap-checkout &[aria-invalid=true]{border-color:var(--destructive)}}.bitsnap-checkout .aria-invalid\:ring-destructive\/20{.bitsnap-checkout &[aria-invalid=true]{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}}.bitsnap-checkout .data-\[active\=true\]\:z-10{.bitsnap-checkout &[data-active=true]{z-index:10}}.bitsnap-checkout .data-\[active\=true\]\:border-ring{.bitsnap-checkout &[data-active=true]{border-color:var(--ring)}}.bitsnap-checkout .data-\[active\=true\]\:ring-\[3px\]{.bitsnap-checkout &[data-active=true]{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.bitsnap-checkout .data-\[active\=true\]\:ring-ring\/50{.bitsnap-checkout &[data-active=true]{--tw-ring-color: var(--ring);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)}}}.bitsnap-checkout .data-\[active\=true\]\:aria-invalid\:border-destructive{.bitsnap-checkout &[data-active=true]{.bitsnap-checkout &[aria-invalid=true]{border-color:var(--destructive)}}}.bitsnap-checkout .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20{.bitsnap-checkout &[data-active=true]{.bitsnap-checkout &[aria-invalid=true]{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}}}.bitsnap-checkout .data-\[disabled\]\:pointer-events-none{.bitsnap-checkout &[data-disabled]{pointer-events:none}}.bitsnap-checkout .data-\[disabled\]\:opacity-50{.bitsnap-checkout &[data-disabled]{opacity:50%}}.bitsnap-checkout .data-\[orientation\=horizontal\]\:h-px{.bitsnap-checkout &[data-orientation=horizontal]{height:1px}}.bitsnap-checkout .data-\[orientation\=horizontal\]\:w-full{.bitsnap-checkout &[data-orientation=horizontal]{width:100%}}.bitsnap-checkout .data-\[orientation\=vertical\]\:h-auto{.bitsnap-checkout &[data-orientation=vertical]{height:auto}}.bitsnap-checkout .data-\[orientation\=vertical\]\:h-full{.bitsnap-checkout &[data-orientation=vertical]{height:100%}}.bitsnap-checkout .data-\[orientation\=vertical\]\:w-px{.bitsnap-checkout &[data-orientation=vertical]{width:1px}}.bitsnap-checkout .data-\[placeholder\]\:text-muted-foreground{.bitsnap-checkout &[data-placeholder]{color:var(--muted-foreground)}}.bitsnap-checkout .data-\[side\=bottom\]\:translate-y-1{.bitsnap-checkout &[data-side=bottom]{--tw-translate-y: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[side\=bottom\]\:slide-in-from-top-2{.bitsnap-checkout &[data-side=bottom]{--tw-enter-translate-y: calc(2*var(--spacing)*-1)}}.bitsnap-checkout .data-\[side\=left\]\:-translate-x-1{.bitsnap-checkout &[data-side=left]{--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[side\=left\]\:slide-in-from-right-2{.bitsnap-checkout &[data-side=left]{--tw-enter-translate-x: calc(2*var(--spacing))}}.bitsnap-checkout .data-\[side\=right\]\:translate-x-1{.bitsnap-checkout &[data-side=right]{--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[side\=right\]\:slide-in-from-left-2{.bitsnap-checkout &[data-side=right]{--tw-enter-translate-x: calc(2*var(--spacing)*-1)}}.bitsnap-checkout .data-\[side\=top\]\:-translate-y-1{.bitsnap-checkout &[data-side=top]{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[side\=top\]\:slide-in-from-bottom-2{.bitsnap-checkout &[data-side=top]{--tw-enter-translate-y: calc(2*var(--spacing))}}.bitsnap-checkout .data-\[size\=default\]\:h-9{.bitsnap-checkout &[data-size=default]{height:calc(var(--spacing) * 9)}}.bitsnap-checkout .data-\[size\=sm\]\:h-8{.bitsnap-checkout &[data-size=sm]{height:calc(var(--spacing) * 8)}}.bitsnap-checkout .\*\:data-\[slot\=select-value\]\:line-clamp-1{.bitsnap-checkout :is(>*){.bitsnap-checkout &[data-slot=select-value]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}}}.bitsnap-checkout .\*\:data-\[slot\=select-value\]\:flex{.bitsnap-checkout :is(>*){.bitsnap-checkout &[data-slot=select-value]{display:flex}}}.bitsnap-checkout .\*\:data-\[slot\=select-value\]\:items-center{.bitsnap-checkout :is(>*){.bitsnap-checkout &[data-slot=select-value]{align-items:center}}}.bitsnap-checkout .\*\:data-\[slot\=select-value\]\:gap-2{.bitsnap-checkout :is(>*){.bitsnap-checkout &[data-slot=select-value]{gap:calc(var(--spacing) * 2)}}}.bitsnap-checkout .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\]{.bitsnap-checkout &[data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[state\=checked\]\:bg-blue-500{.bitsnap-checkout &[data-state=checked]{background-color:var(--color-blue-500)}}.bitsnap-checkout .data-\[state\=checked\]\:bg-primary{.bitsnap-checkout &[data-state=checked]{background-color:var(--primary)}}.bitsnap-checkout .data-\[state\=closed\]\:animate-out{.bitsnap-checkout &[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.bitsnap-checkout .data-\[state\=closed\]\:fade-out-0{.bitsnap-checkout &[data-state=closed]{--tw-exit-opacity: 0 ;--tw-exit-opacity: 0}}.bitsnap-checkout .data-\[state\=closed\]\:zoom-out-95{.bitsnap-checkout &[data-state=closed]{--tw-exit-scale: 95% ;--tw-exit-scale: .95}}.bitsnap-checkout .data-\[state\=open\]\:animate-in{.bitsnap-checkout &[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}}.bitsnap-checkout .data-\[state\=open\]\:bg-accent{.bitsnap-checkout &[data-state=open]{background-color:var(--accent)}}.bitsnap-checkout .data-\[state\=open\]\:text-muted-foreground{.bitsnap-checkout &[data-state=open]{color:var(--muted-foreground)}}.bitsnap-checkout .data-\[state\=open\]\:fade-in-0{.bitsnap-checkout &[data-state=open]{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}}.bitsnap-checkout .data-\[state\=open\]\:zoom-in-95{.bitsnap-checkout &[data-state=open]{--tw-enter-scale: 95% ;--tw-enter-scale: .95}}.bitsnap-checkout .data-\[state\=unchecked\]\:translate-x-0{.bitsnap-checkout &[data-state=unchecked]{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.bitsnap-checkout .data-\[state\=unchecked\]\:bg-input{.bitsnap-checkout &[data-state=unchecked]{background-color:var(--input)}}.bitsnap-checkout .sm\:block{@media (width >= 40rem){display:block}}.bitsnap-checkout .sm\:max-w-\[425px\]{@media (width >= 40rem){max-width:425px}}.bitsnap-checkout .sm\:max-w-lg{@media (width >= 40rem){max-width:var(--container-lg)}}.bitsnap-checkout .sm\:max-w-none{@media (width >= 40rem){max-width:none}}.bitsnap-checkout .sm\:min-w-\[100px\]{@media (width >= 40rem){min-width:100px}}.bitsnap-checkout .sm\:flex-row{@media (width >= 40rem){flex-direction:row}}.bitsnap-checkout .sm\:justify-end{@media (width >= 40rem){justify-content:flex-end}}.bitsnap-checkout .sm\:justify-start{@media (width >= 40rem){justify-content:flex-start}}.bitsnap-checkout .sm\:pr-2\.5{@media (width >= 40rem){padding-right:calc(var(--spacing) * 2.5)}}.bitsnap-checkout .sm\:pl-2\.5{@media (width >= 40rem){padding-left:calc(var(--spacing) * 2.5)}}.bitsnap-checkout .sm\:text-left{@media (width >= 40rem){text-align:left}}.bitsnap-checkout .md\:static{@media (width >= 48rem){position:static}}.bitsnap-checkout .md\:right-8{@media (width >= 48rem){right:calc(var(--spacing) * 8)}}.bitsnap-checkout .md\:bottom-8{@media (width >= 48rem){bottom:calc(var(--spacing) * 8)}}.bitsnap-checkout .md\:z-0{@media (width >= 48rem){z-index:0}}.bitsnap-checkout .md\:flex{@media (width >= 48rem){display:flex}}.bitsnap-checkout .md\:hidden{@media (width >= 48rem){display:none}}.bitsnap-checkout .md\:inline{@media (width >= 48rem){display:inline}}.bitsnap-checkout .md\:h-full{@media (width >= 48rem){height:100%}}.bitsnap-checkout .md\:h-screen{@media (width >= 48rem){height:100vh}}.bitsnap-checkout .md\:min-h-screen{@media (width >= 48rem){min-height:100vh}}.bitsnap-checkout .md\:w-16{@media (width >= 48rem){width:calc(var(--spacing) * 16)}}.bitsnap-checkout .md\:w-52{@media (width >= 48rem){width:calc(var(--spacing) * 52)}}.bitsnap-checkout .md\:w-\[25\%\]{@media (width >= 48rem){width:25%}}.bitsnap-checkout .md\:w-\[350px\]{@media (width >= 48rem){width:350px}}.bitsnap-checkout .md\:w-auto{@media (width >= 48rem){width:auto}}.bitsnap-checkout .md\:flex-none{@media (width >= 48rem){flex:none}}.bitsnap-checkout .md\:grid-cols-2{@media (width >= 48rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.bitsnap-checkout .md\:flex-col{@media (width >= 48rem){flex-direction:column}}.bitsnap-checkout .md\:border-r{@media (width >= 48rem){border-right-style:var(--tw-border-style);border-right-width:1px}}.bitsnap-checkout .md\:px-5{@media (width >= 48rem){padding-inline:calc(var(--spacing) * 5)}}.bitsnap-checkout .md\:pb-5{@media (width >= 48rem){padding-bottom:calc(var(--spacing) * 5)}}.bitsnap-checkout .md\:text-center{@media (width >= 48rem){text-align:center}}.bitsnap-checkout .md\:text-3xl{@media (width >= 48rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}.bitsnap-checkout .md\:text-sm{@media (width >= 48rem){font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}.bitsnap-checkout .md\:text-xl{@media (width >= 48rem){font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}}.bitsnap-checkout .md\:leading-4{@media (width >= 48rem){--tw-leading: calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}}.bitsnap-checkout .lg\:max-w-36{@media (width >= 64rem){max-width:calc(var(--spacing) * 36)}}.bitsnap-checkout .lg\:grid-cols-2{@media (width >= 64rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.bitsnap-checkout .lg\:gap-6{@media (width >= 64rem){gap:calc(var(--spacing) * 6)}}.bitsnap-checkout .lg\:text-2xl{@media (width >= 64rem){font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}}.bitsnap-checkout .lg\:text-4xl{@media (width >= 64rem){font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}.bitsnap-checkout .lg\:text-lg{@media (width >= 64rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}}.bitsnap-checkout .xl\:w-\[20\%\]{@media (width >= 80rem){width:20%}}.bitsnap-checkout .xl\:w-\[420px\]{@media (width >= 80rem){width:420px}}.bitsnap-checkout .xl\:text-3xl{@media (width >= 80rem){font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}.bitsnap-checkout .xl\:text-5xl{@media (width >= 80rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}.bitsnap-checkout .dark\:block{.bitsnap-checkout &:is(.dark *){display:block}}.bitsnap-checkout .dark\:hidden{.bitsnap-checkout &:is(.dark *){display:none}}.bitsnap-checkout .dark\:inline{.bitsnap-checkout &:is(.dark *){display:inline}}.bitsnap-checkout .dark\:border{.bitsnap-checkout &:is(.dark *){border-style:var(--tw-border-style);border-width:1px}}.bitsnap-checkout .dark\:border-input{.bitsnap-checkout &:is(.dark *){border-color:var(--input)}}.bitsnap-checkout .dark\:border-neutral-700{.bitsnap-checkout &:is(.dark *){border-color:var(--color-neutral-700)}}.bitsnap-checkout .dark\:border-neutral-800{.bitsnap-checkout &:is(.dark *){border-color:var(--color-neutral-800)}}.bitsnap-checkout .dark\:border-slate-600{.bitsnap-checkout &:is(.dark *){border-color:var(--color-slate-600)}}.bitsnap-checkout .dark\:bg-black{.bitsnap-checkout &:is(.dark *){background-color:var(--color-black)}}.bitsnap-checkout .dark\:bg-destructive\/60{.bitsnap-checkout &:is(.dark *){background-color:var(--destructive);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--destructive) 60%,transparent)}}}.bitsnap-checkout .dark\:bg-input\/30{.bitsnap-checkout &:is(.dark *){background-color:var(--input);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}}.bitsnap-checkout .dark\:bg-neutral-200{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-200)}}.bitsnap-checkout .dark\:bg-neutral-300{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-300)}}.bitsnap-checkout .dark\:bg-neutral-700{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-700)}}.bitsnap-checkout .dark\:bg-neutral-800{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-800)}}.bitsnap-checkout .dark\:bg-neutral-900{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-900)}}.bitsnap-checkout .dark\:bg-neutral-950{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-950)}}.bitsnap-checkout .dark\:text-blue-400{.bitsnap-checkout &:is(.dark *){color:var(--color-blue-400)}}.bitsnap-checkout .dark\:text-neutral-100{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-100)}}.bitsnap-checkout .dark\:text-neutral-200{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-200)}}.bitsnap-checkout .dark\:text-neutral-300{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-300)}}.bitsnap-checkout .dark\:text-neutral-400{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-400)}}.bitsnap-checkout .dark\:text-neutral-500{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-500)}}.bitsnap-checkout .dark\:text-neutral-800{.bitsnap-checkout &:is(.dark *){color:var(--color-neutral-800)}}.bitsnap-checkout .dark\:text-slate-100{.bitsnap-checkout &:is(.dark *){color:var(--color-slate-100)}}.bitsnap-checkout .dark\:text-white{.bitsnap-checkout &:is(.dark *){color:var(--color-white)}}.bitsnap-checkout .dark\:ring-offset-neutral-950{.bitsnap-checkout &:is(.dark *){--tw-ring-offset-color: var(--color-neutral-950)}}.bitsnap-checkout .dark\:drop-shadow-none{.bitsnap-checkout &:is(.dark *){--tw-drop-shadow: ;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,)}}.bitsnap-checkout .dark\:placeholder\:text-neutral-400{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &::-moz-placeholder{color:var(--color-neutral-400)}.bitsnap-checkout &::placeholder{color:var(--color-neutral-400)}}}.bitsnap-checkout .dark\:hover\:border-neutral-800{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){border-color:var(--color-neutral-800)}}}}.bitsnap-checkout .dark\:hover\:bg-accent\/50{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--accent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--accent) 50%,transparent)}}}}}.bitsnap-checkout .dark\:hover\:bg-input\/50{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--input);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--input) 50%,transparent)}}}}}.bitsnap-checkout .dark\:hover\:bg-neutral-100{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-100)}}}}.bitsnap-checkout .dark\:hover\:bg-neutral-700{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:hover{@media (hover: hover){background-color:var(--color-neutral-700)}}}}.bitsnap-checkout .dark\:focus\:ring-neutral-300{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:focus{--tw-ring-color: var(--color-neutral-300)}}}.bitsnap-checkout .dark\:focus-visible\:ring-destructive\/40{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:focus-visible{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}}}.bitsnap-checkout .dark\:focus-visible\:ring-neutral-300{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:focus-visible{--tw-ring-color: var(--color-neutral-300)}}}.bitsnap-checkout .active\:dark\:bg-neutral-900{.bitsnap-checkout &:active{.bitsnap-checkout &:is(.dark *){background-color:var(--color-neutral-900)}}}.bitsnap-checkout .dark\:active\:bg-neutral-700{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &:active{background-color:var(--color-neutral-700)}}}.bitsnap-checkout .dark\:aria-invalid\:ring-destructive\/40{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[aria-invalid=true]{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}}}.bitsnap-checkout .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-active=true]{.bitsnap-checkout &[aria-invalid=true]{--tw-ring-color: var(--destructive);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}}}}.bitsnap-checkout .dark\:data-\[state\=checked\]\:bg-primary-foreground{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=checked]{background-color:var(--primary-foreground)}}}.bitsnap-checkout .dark\:data-\[state\=unchecked\]\:bg-foreground{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=unchecked]{background-color:var(--foreground)}}}.bitsnap-checkout .dark\:data-\[state\=unchecked\]\:bg-input\/80{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=unchecked]{background-color:var(--input);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--input) 80%,transparent)}}}}.bitsnap-checkout .dark\:data-\[state\=unchecked\]\:bg-neutral-600{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=unchecked]{background-color:var(--color-neutral-600)}}}.bitsnap-checkout .dark\:data-\[state\=unchecked\]\:bg-neutral-700{.bitsnap-checkout &:is(.dark *){.bitsnap-checkout &[data-state=unchecked]{background-color:var(--color-neutral-700)}}}.bitsnap-checkout .dark\:md\:border-r-neutral-900{.bitsnap-checkout &:is(.dark *){@media (width >= 48rem){border-right-color:var(--color-neutral-900)}}}.bitsnap-checkout .\[\&_svg\]\:pointer-events-none{.bitsnap-checkout & svg{pointer-events:none}}.bitsnap-checkout .\[\&_svg\]\:shrink-0{.bitsnap-checkout & svg{flex-shrink:0}}.bitsnap-checkout .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3{.bitsnap-checkout & svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}}.bitsnap-checkout .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4{.bitsnap-checkout & svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}.bitsnap-checkout .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground{.bitsnap-checkout & svg:not([class*=text-]){color:var(--muted-foreground)}}.bitsnap-checkout .\[\.border-b\]\:pb-6{.bitsnap-checkout &:is(.border-b){padding-bottom:calc(var(--spacing) * 6)}}.bitsnap-checkout .\[\.border-t\]\:pt-6{.bitsnap-checkout &:is(.border-t){padding-top:calc(var(--spacing) * 6)}}.bitsnap-checkout .\*\:\[span\]\:last\:flex{.bitsnap-checkout :is(>*){.bitsnap-checkout &:is(span){.bitsnap-checkout &:last-child{display:flex}}}}.bitsnap-checkout .\*\:\[span\]\:last\:items-center{.bitsnap-checkout :is(>*){.bitsnap-checkout &:is(span){.bitsnap-checkout &:last-child{align-items:center}}}}.bitsnap-checkout .\*\:\[span\]\:last\:gap-2{.bitsnap-checkout :is(>*){.bitsnap-checkout &:is(span){.bitsnap-checkout &:last-child{gap:calc(var(--spacing) * 2)}}}}.bitsnap-checkout .\[\&\>\*\]\:focus-visible\:relative{.bitsnap-checkout &>*{.bitsnap-checkout &:focus-visible{position:relative}}}.bitsnap-checkout .\[\&\>\*\]\:focus-visible\:z-10{.bitsnap-checkout &>*{.bitsnap-checkout &:focus-visible{z-index:10}}}.bitsnap-checkout .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none{.bitsnap-checkout &>*:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}}.bitsnap-checkout .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none{.bitsnap-checkout &>*:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}}.bitsnap-checkout .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0{.bitsnap-checkout &>*:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0px}}.bitsnap-checkout .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0{.bitsnap-checkout &>*:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0px}}.bitsnap-checkout .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none{.bitsnap-checkout &>*:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}}.bitsnap-checkout .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none{.bitsnap-checkout &>*:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}}.bitsnap-checkout .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md{.bitsnap-checkout &:has(*:is(select[aria-hidden=true]:last-child)){.bitsnap-checkout &>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}}}.bitsnap-checkout .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit{.bitsnap-checkout &>[data-slot=select-trigger]:not([class*=w-]){width:-moz-fit-content;width:fit-content}}.bitsnap-checkout .\[\&\>input\]\:flex-1{.bitsnap-checkout &>input{flex:1}}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}.bitsnap-checkout{--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.bitsnap-checkout .dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@layer base{.bitsnap-checkout *{border-color:var(--border);outline-color:var(--ring);@supports (color: color-mix(in lab,red,red)){outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}.bitsnap-checkout{background-color:var(--background);color:var(--foreground)}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){.bitsnap-checkout *,.bitsnap-checkout :before,.bitsnap-checkout :after,.bitsnap-checkout ::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;--tw-ease: initial;--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}.bitsnap-checkout #audio-player-container{--seek-before-width: 0%;--buffered-width: 0%}.bitsnap-checkout input[type=range]{position:relative;-webkit-appearance:none;width:100%;margin:0;padding:0;height:19px;float:left;outline:none;background:transparent}.bitsnap-checkout input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;background:#d9d9d9}.bitsnap-checkout input[type=range]:before{position:absolute;content:"";top:8px;left:0;width:var(--seek-before-width);height:3px;background-color:#8c8c8c;cursor:pointer}.bitsnap-checkout input[type=range]::-webkit-slider-thumb{position:relative;-webkit-appearance:none;box-sizing:content-box;border:1px solid #d9d9d9;height:15px;width:15px;border-radius:50%;background-color:#8c8c8c;cursor:pointer;margin:-7px 0 0}.bitsnap-checkout input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background:#e2e8f0}.bitsnap-checkout input[type=range]::-moz-range-track{width:100%;height:3px;cursor:pointer;background:linear-gradient(to right,rgba(0,125,181,.6) var(--buffered-width),rgba(0,125,181,.2) var(--buffered-width))}.bitsnap-checkout input[type=range]::-moz-range-progress{background-color:#007db5}.bitsnap-checkout input[type=range]::-moz-focus-outer{border:0}.bitsnap-checkout input[type=range]::-moz-range-thumb{box-sizing:content-box;border:1px solid #007db5;height:15px;width:15px;border-radius:50%;background-color:#fff;cursor:pointer}.bitsnap-checkout input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background:#007db5}.bitsnap-checkout input[type=range]::-ms-track{width:100%;height:3px;cursor:pointer;background:transparent;border:solid transparent;color:transparent}.bitsnap-checkout input[type=range]::-ms-fill-lower{background-color:#007db5}.bitsnap-checkout input[type=range]::-ms-fill-upper{background:linear-gradient(to right,rgba(0,125,181,.6) var(--buffered-width),rgba(0,125,181,.2) var(--buffered-width))}.bitsnap-checkout input[type=range]::-ms-thumb{box-sizing:content-box;border:1px solid #007db5;height:15px;width:15px;border-radius:50%;background-color:#fff;cursor:pointer}.bitsnap-checkout input[type=range]:active::-ms-thumb{transform:scale(1.2);background:#007db5}.bitsnap-checkout .SliderRoot{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:200px;height:20px}.bitsnap-checkout .SliderTrack{background-color:var(--black-a10);position:relative;flex-grow:1;border-radius:9999px;height:3px}.bitsnap-checkout .SliderRange{position:absolute;background-color:#fff;border-radius:9999px;height:100%}.bitsnap-checkout .SliderThumb{display:block;width:20px;height:20px;background-color:#fff;box-shadow:0 2px 10px var(--black-a7);border-radius:10px}.bitsnap-checkout .SliderThumb:hover{background-color:var(--violet-3)}.bitsnap-checkout .SliderThumb:focus{outline:none;box-shadow:0 0 0 5px var(--black-a8)}
|
|
2
2
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
3
3
|
/*# sourceMappingURL=index.css.map */
|