polotno 4.0.3 → 4.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/blueprint/side-panel/select-video.d.ts +2 -0
  2. package/canvas/audio.js +1 -1
  3. package/canvas/context-menu/context-menu.js +1 -1
  4. package/canvas/page.js +1 -1
  5. package/canvas/use-mediabunny-video.js +1 -1
  6. package/canvas/use-transformer-snap.js +1 -1
  7. package/canvas/video-element.js +1 -1
  8. package/model/audio-model.d.ts +2 -0
  9. package/model/audio-model.js +1 -1
  10. package/model/group-model.d.ts +3 -0
  11. package/model/page-model.d.ts +3 -0
  12. package/model/schema.d.ts +20 -253
  13. package/model/store.d.ts +30 -0
  14. package/model/store.js +1 -1
  15. package/model/table-model.d.ts +2 -0
  16. package/model/table-model.js +1 -1
  17. package/model/text-model.d.ts +1 -0
  18. package/model/text-model.js +1 -1
  19. package/model/video-model.d.ts +1 -0
  20. package/model/video-model.js +1 -1
  21. package/package.json +4 -4
  22. package/pages-timeline/audio-track.js +1 -1
  23. package/polotno.bundle.js +114 -114
  24. package/primitives/overflow-list.d.ts +2 -1
  25. package/primitives/overflow-list.js +1 -1
  26. package/primitives/speed-control.d.ts +7 -0
  27. package/primitives/speed-control.js +1 -0
  28. package/side-panel/select-video.d.ts +2 -0
  29. package/toolbar/element-container.js +1 -1
  30. package/toolbar/figure-toolbar.js +1 -1
  31. package/toolbar/line-toolbar.js +1 -1
  32. package/toolbar/svg-toolbar.js +1 -1
  33. package/toolbar/table-toolbar.js +1 -1
  34. package/toolbar/text-toolbar.js +1 -1
  35. package/toolbar/video-toolbar.js +1 -1
  36. package/ui.css +1 -1
  37. package/utils/fonts.js +1 -1
  38. package/utils/l10n.d.ts +2 -0
  39. package/utils/l10n.js +1 -1
  40. package/utils/timeline.d.ts +11 -0
  41. package/utils/timeline.js +1 -0
  42. package/utils/validate-key.js +1 -1
package/ui.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-content:"";--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-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}}}@layer pn-reset{:where(.polotno-ui,[class*=polotno-]),:where(.polotno-ui,[class*=polotno-]) *,:where(.polotno-ui,[class*=polotno-]) :before,:where(.polotno-ui,[class*=polotno-]) :after{box-sizing:border-box}:where([class*=pn\:]),:where([class*=pn\:]):before,:where([class*=pn\:]):after{border-style:solid;border-width:0;border-color:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}:where(button[class*=pn\:]){line-height:inherit;color:inherit;background-color:#0000;background-image:none;margin:0;padding:0}:where(input[class*=pn\:],textarea[class*=pn\:],select[class*=pn\:]){font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0}}:root,:host{--pn-color-black:#000;--pn-color-white:#fff;--pn-spacing:.25rem;--pn-container-lg:32rem;--pn-text-xs:.75rem;--pn-text-xs--line-height:calc(1 / .75);--pn-text-sm:.875rem;--pn-text-sm--line-height:calc(1.25 / .875);--pn-text-base:1rem;--pn-text-base--line-height:calc(1.5 / 1);--pn-text-lg:1.125rem;--pn-text-lg--line-height:calc(1.75 / 1.125);--pn-font-weight-normal:400;--pn-font-weight-medium:500;--pn-font-weight-semibold:600;--pn-font-weight-bold:700;--pn-tracking-widest:.1em;--pn-animate-spin:pn-spin 1s linear infinite;--pn-default-transition-duration:.15s;--pn-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pn\:pointer-events-auto{pointer-events:auto}.pn\:pointer-events-none{pointer-events:none}.pn\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pn\:absolute{position:absolute}.pn\:fixed{position:fixed}.pn\:relative{position:relative}.pn\:inset-0{inset:0}.pn\:inset-x-0{inset-inline:0}.pn\:inset-y-0{inset-block:0}.pn\:-top-1{top:calc(var(--pn-spacing) * -1)}.pn\:top-0{top:0}.pn\:top-1\/2{top:50%}.pn\:top-2{top:calc(var(--pn-spacing) * 2)}.pn\:top-4{top:calc(var(--pn-spacing) * 4)}.pn\:top-\[50\%\]{top:50%}.pn\:top-px{top:1px}.pn\:-right-1{right:calc(var(--pn-spacing) * -1)}.pn\:right-0{right:0}.pn\:right-2{right:calc(var(--pn-spacing) * 2)}.pn\:right-3{right:calc(var(--pn-spacing) * 3)}.pn\:right-4{right:calc(var(--pn-spacing) * 4)}.pn\:right-\[-14px\]{right:-14px}.pn\:-bottom-1{bottom:calc(var(--pn-spacing) * -1)}.pn\:bottom-0{bottom:0}.pn\:bottom-\[5px\]{bottom:5px}.pn\:-left-1{left:calc(var(--pn-spacing) * -1)}.pn\:left-0{left:0}.pn\:left-1\/2{left:50%}.pn\:left-2{left:calc(var(--pn-spacing) * 2)}.pn\:left-\[5px\]{left:5px}.pn\:left-\[50\%\]{left:50%}.pn\:-z-10{z-index:calc(10 * -1)}.pn\:z-10{z-index:10}.pn\:z-20{z-index:20}.pn\:z-50{z-index:50}.pn\:z-\[1\]{z-index:1}.pn\:order-first{order:-9999}.pn\:order-last{order:9999}.pn\:float-left{float:left}.pn\:m-0{margin:0}.pn\:-mx-1{margin-inline:calc(var(--pn-spacing) * -1)}.pn\:mx-2{margin-inline:calc(var(--pn-spacing) * 2)}.pn\:mx-\[1px\]{margin-inline:1px}.pn\:mx-auto{margin-inline:auto}.pn\:my-1{margin-block:var(--pn-spacing)}.pn\:mt-0{margin-top:0}.pn\:mt-1{margin-top:var(--pn-spacing)}.pn\:mt-1\.5{margin-top:calc(var(--pn-spacing) * 1.5)}.pn\:mt-3{margin-top:calc(var(--pn-spacing) * 3)}.pn\:mr-1{margin-right:var(--pn-spacing)}.pn\:mr-1\.5{margin-right:calc(var(--pn-spacing) * 1.5)}.pn\:mr-2{margin-right:calc(var(--pn-spacing) * 2)}.pn\:mr-\[5px\]{margin-right:5px}.pn\:mb-1\.5{margin-bottom:calc(var(--pn-spacing) * 1.5)}.pn\:mb-2{margin-bottom:calc(var(--pn-spacing) * 2)}.pn\:mb-2\.5{margin-bottom:calc(var(--pn-spacing) * 2.5)}.pn\:mb-3{margin-bottom:calc(var(--pn-spacing) * 3)}.pn\:mb-\[5px\]{margin-bottom:5px}.pn\:mb-\[15px\]{margin-bottom:15px}.pn\:ml-auto{margin-left:auto}.pn\:box-border{box-sizing:border-box}.pn\:block{display:block}.pn\:flex{display:flex}.pn\:grid{display:grid}.pn\:hidden{display:none}.pn\:inline-block{display:inline-block}.pn\:inline-flex{display:inline-flex}.pn\:field-sizing-content{field-sizing:content}.pn\:aspect-\[5\/3\]{aspect-ratio:5/3}.pn\:aspect-square{aspect-ratio:1}.pn\:size-1{width:var(--pn-spacing);height:var(--pn-spacing)}.pn\:size-2{width:calc(var(--pn-spacing) * 2);height:calc(var(--pn-spacing) * 2)}.pn\:size-2\.5{width:calc(var(--pn-spacing) * 2.5);height:calc(var(--pn-spacing) * 2.5)}.pn\:size-3{width:calc(var(--pn-spacing) * 3);height:calc(var(--pn-spacing) * 3)}.pn\:size-3\.5{width:calc(var(--pn-spacing) * 3.5);height:calc(var(--pn-spacing) * 3.5)}.pn\:size-4{width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:size-5{width:calc(var(--pn-spacing) * 5);height:calc(var(--pn-spacing) * 5)}.pn\:size-6{width:calc(var(--pn-spacing) * 6);height:calc(var(--pn-spacing) * 6)}.pn\:size-7{width:calc(var(--pn-spacing) * 7);height:calc(var(--pn-spacing) * 7)}.pn\:size-8{width:calc(var(--pn-spacing) * 8);height:calc(var(--pn-spacing) * 8)}.pn\:size-9{width:calc(var(--pn-spacing) * 9);height:calc(var(--pn-spacing) * 9)}.pn\:size-\[25px\]{width:25px;height:25px}.pn\:size-\[30px\]{width:30px;height:30px}.pn\:\!h-5{height:calc(var(--pn-spacing) * 5)!important}.pn\:h-0{height:0}.pn\:h-1{height:var(--pn-spacing)}.pn\:h-2\.5{height:calc(var(--pn-spacing) * 2.5)}.pn\:h-5{height:calc(var(--pn-spacing) * 5)}.pn\:h-6{height:calc(var(--pn-spacing) * 6)}.pn\:h-7{height:calc(var(--pn-spacing) * 7)}.pn\:h-8{height:calc(var(--pn-spacing) * 8)}.pn\:h-9{height:calc(var(--pn-spacing) * 9)}.pn\:h-10{height:calc(var(--pn-spacing) * 10)}.pn\:h-24{height:calc(var(--pn-spacing) * 24)}.pn\:h-\[1\.15rem\]{height:1.15rem}.pn\:h-\[14px\]{height:14px}.pn\:h-\[34px\]{height:34px}.pn\:h-\[35px\]{height:35px}.pn\:h-\[72px\]{height:72px}.pn\:h-\[90px\]{height:90px}.pn\:h-\[100px\]{height:100px}.pn\:h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.pn\:h-\[calc\(100\%-2px\)\]{height:calc(100% - 2px)}.pn\:h-auto{height:auto}.pn\:h-full{height:100%}.pn\:h-px{height:1px}.pn\:max-h-\[280px\]{max-height:280px}.pn\:max-h-\[300px\]{max-height:300px}.pn\:min-h-16{min-height:calc(var(--pn-spacing) * 16)}.pn\:min-h-\[2\.5rem\]{min-height:2.5rem}.pn\:min-h-\[50px\]{min-height:50px}.pn\:w-0{width:0}.pn\:w-1\/2{width:50%}.pn\:w-3{width:calc(var(--pn-spacing) * 3)}.pn\:w-5{width:calc(var(--pn-spacing) * 5)}.pn\:w-8{width:calc(var(--pn-spacing) * 8)}.pn\:w-48{width:calc(var(--pn-spacing) * 48)}.pn\:w-72{width:calc(var(--pn-spacing) * 72)}.pn\:w-\[15px\]{width:15px}.pn\:w-\[44px\]{width:44px}.pn\:w-\[80\%\]{width:80%}.pn\:w-\[150px\]{width:150px}.pn\:w-\[170px\]{width:170px}.pn\:w-\[220px\]{width:220px}.pn\:w-\[230px\]{width:230px}.pn\:w-\[270px\]{width:270px}.pn\:w-\[280px\]{width:280px}.pn\:w-\[calc\(33\%-16px\)\]{width:calc(33% - 16px)}.pn\:w-\[var\(--pn-sidebar-width\,350px\)\]{width:var(--pn-sidebar-width,350px)}.pn\:w-auto{width:auto}.pn\:w-fit{width:fit-content}.pn\:w-full{width:100%}.pn\:w-px{width:1px}.pn\:max-w-\[700px\]{max-width:700px}.pn\:max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.pn\:max-w-full{max-width:100%}.pn\:min-w-0{min-width:0}.pn\:min-w-9{min-width:calc(var(--pn-spacing) * 9)}.pn\:min-w-16{min-width:calc(var(--pn-spacing) * 16)}.pn\:min-w-\[8rem\]{min-width:8rem}.pn\:min-w-\[80px\]{min-width:80px}.pn\:flex-1{flex:1}.pn\:shrink-0{flex-shrink:0}.pn\:flex-grow-0{flex-grow:0}.pn\:grow{flex-grow:1}.pn\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:-scale-x-100{--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.pn\:rotate-45{rotate:45deg}.pn\:animate-in{animation:pn-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)}.pn\:animate-spin{animation:var(--pn-animate-spin)}.pn\:cursor-crosshair{cursor:crosshair}.pn\:cursor-default{cursor:default}.pn\:cursor-ew-resize{cursor:ew-resize}.pn\:cursor-move{cursor:move}.pn\:cursor-ns-resize{cursor:ns-resize}.pn\:cursor-pointer{cursor:pointer}.pn\:cursor-text{cursor:text}.pn\:touch-none{touch-action:none}.pn\:scroll-my-1{scroll-margin-block:var(--pn-spacing)}.pn\:\[appearance\:textfield\]{appearance:textfield}.pn\:appearance-none{appearance:none}.pn\:auto-rows-\[32px\]{grid-auto-rows:32px}.pn\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.pn\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.pn\:grid-cols-\[repeat\(3\,32px\)\]{grid-template-columns:repeat(3,32px)}.pn\:flex-col{flex-direction:column}.pn\:flex-col-reverse{flex-direction:column-reverse}.pn\:flex-row{flex-direction:row}.pn\:items-center{align-items:center}.pn\:items-end{align-items:flex-end}.pn\:items-stretch{align-items:stretch}.pn\:justify-between{justify-content:space-between}.pn\:justify-center{justify-content:center}.pn\:justify-end{justify-content:flex-end}.pn\:justify-start{justify-content:flex-start}.pn\:gap-0{gap:0}.pn\:gap-0\.5{gap:calc(var(--pn-spacing) * .5)}.pn\:gap-1{gap:var(--pn-spacing)}.pn\:gap-1\.5{gap:calc(var(--pn-spacing) * 1.5)}.pn\:gap-2{gap:calc(var(--pn-spacing) * 2)}.pn\:gap-2\.5{gap:calc(var(--pn-spacing) * 2.5)}.pn\:gap-3{gap:calc(var(--pn-spacing) * 3)}.pn\:gap-4{gap:calc(var(--pn-spacing) * 4)}.pn\:self-center{align-self:center}.pn\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pn\:overflow-auto{overflow:auto}.pn\:overflow-hidden{overflow:hidden}.pn\:overflow-x-auto{overflow-x:auto}.pn\:overflow-x-hidden{overflow-x:hidden}.pn\:overflow-y-auto{overflow-y:auto}.pn\:overflow-y-hidden{overflow-y:hidden}.pn\:rounded-\[2px\]{border-radius:2px}.pn\:rounded-\[5px\]{border-radius:5px}.pn\:rounded-\[10px\]{border-radius:10px}.pn\:rounded-\[15px\]{border-radius:15px}.pn\:rounded-full{border-radius:3.40282e38px}.pn\:rounded-lg{border-radius:var(--pn-radius,var(--radius,.625rem))}.pn\:rounded-md{border-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px)}.pn\:rounded-none{border-radius:0}.pn\:rounded-sm{border-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 4px)}.pn\:rounded-xs{border-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 6px)}.pn\:border{border-style:var(--tw-border-style);border-width:1px}.pn\:border-0{border-style:var(--tw-border-style);border-width:0}.pn\:border-2{border-style:var(--tw-border-style);border-width:2px}.pn\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.pn\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.pn\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.pn\:border-none{--tw-border-style:none;border-style:none}.pn\:border-border{border-color:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}.pn\:border-current{border-color:currentColor}.pn\:border-foreground\/30{border-color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:border-foreground\/30{border-color:color-mix(in oklab, var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0)))) 30%, transparent)}}.pn\:border-input{border-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}.pn\:border-primary,.pn\:border-primary\/55{border-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:border-primary\/55{border-color:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 55%, transparent)}}.pn\:border-transparent{border-color:#0000}.pn\:border-white{border-color:var(--pn-color-white)}.pn\:bg-\[var\(--pn-toolbar\,var\(--background\)\)\]{background-color:var(--pn-toolbar,var(--background))}.pn\:bg-accent{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:bg-background{background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:bg-black\/5{background-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:bg-black\/5{background-color:color-mix(in oklab, var(--pn-color-black) 5%, transparent)}}.pn\:bg-black\/40{background-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:bg-black\/40{background-color:color-mix(in oklab, var(--pn-color-black) 40%, transparent)}}.pn\:bg-black\/50{background-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:bg-black\/50{background-color:color-mix(in oklab, var(--pn-color-black) 50%, transparent)}}.pn\:bg-border{background-color:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}.pn\:bg-card{background-color:var(--pn-card,var(--card,var(--pn-default-card,oklch(100% 0 0))))}.pn\:bg-current{background-color:currentColor}.pn\:bg-destructive{background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:bg-foreground{background-color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:bg-muted,.pn\:bg-muted\/60{background-color:var(--pn-muted,var(--muted,var(--pn-default-muted,oklch(97% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:bg-muted\/60{background-color:color-mix(in oklab, var(--pn-muted,var(--muted,var(--pn-default-muted,oklch(97% 0 0)))) 60%, transparent)}}.pn\:bg-popover{background-color:var(--pn-popover,var(--popover,var(--pn-default-popover,oklch(100% 0 0))))}.pn\:bg-primary,.pn\:bg-primary\/10{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:bg-primary\/10{background-color:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 10%, transparent)}}.pn\:bg-secondary{background-color:var(--pn-secondary,var(--secondary,var(--pn-default-secondary,oklch(97% 0 0))))}.pn\:bg-sidebar-accent{background-color:var(--pn-sidebar-accent,var(--sidebar-accent,var(--pn-default-sidebar-accent,oklch(97% 0 0))))}.pn\:bg-transparent{background-color:#0000}.pn\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.pn\:bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.pn\:from-primary\/15{--tw-gradient-from:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:from-primary\/15{--tw-gradient-from:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 15%, transparent)}}.pn\:from-primary\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.pn\:from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.pn\:via-black\/40{--tw-gradient-via:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:via-black\/40{--tw-gradient-via:color-mix(in oklab, var(--pn-color-black) 40%, transparent)}}.pn\:via-black\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.pn\:to-black\/60{--tw-gradient-to:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:to-black\/60{--tw-gradient-to:color-mix(in oklab, var(--pn-color-black) 60%, transparent)}}.pn\:to-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.pn\:to-primary\/35{--tw-gradient-to:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:to-primary\/35{--tw-gradient-to:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 35%, transparent)}}.pn\:to-primary\/35{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.pn\:fill-background{fill:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:fill-current{fill:currentColor}.pn\:fill-foreground{fill:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:stroke-border{stroke:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}.pn\:object-contain{object-fit:contain}.pn\:object-cover{object-fit:cover}.pn\:p-0{padding:0}.pn\:p-1{padding:var(--pn-spacing)}.pn\:p-2{padding:calc(var(--pn-spacing) * 2)}.pn\:p-2\.5{padding:calc(var(--pn-spacing) * 2.5)}.pn\:p-3{padding:calc(var(--pn-spacing) * 3)}.pn\:p-4{padding:calc(var(--pn-spacing) * 4)}.pn\:p-5{padding:calc(var(--pn-spacing) * 5)}.pn\:p-6{padding:calc(var(--pn-spacing) * 6)}.pn\:p-12{padding:calc(var(--pn-spacing) * 12)}.pn\:p-\[2px\]{padding:2px}.pn\:p-\[3px\]{padding:3px}.pn\:p-\[5px\]{padding:5px}.pn\:p-\[15px\]{padding:15px}.pn\:p-\[30px\]{padding:30px}.pn\:px-0\.5{padding-inline:calc(var(--pn-spacing) * .5)}.pn\:px-1{padding-inline:var(--pn-spacing)}.pn\:px-2{padding-inline:calc(var(--pn-spacing) * 2)}.pn\:px-2\.5{padding-inline:calc(var(--pn-spacing) * 2.5)}.pn\:px-3{padding-inline:calc(var(--pn-spacing) * 3)}.pn\:px-4{padding-inline:calc(var(--pn-spacing) * 4)}.pn\:px-5{padding-inline:calc(var(--pn-spacing) * 5)}.pn\:px-6{padding-inline:calc(var(--pn-spacing) * 6)}.pn\:px-\[5px\]{padding-inline:5px}.pn\:px-\[7px\]{padding-inline:7px}.pn\:px-\[15px\]{padding-inline:15px}.pn\:py-1{padding-block:var(--pn-spacing)}.pn\:py-1\.5{padding-block:calc(var(--pn-spacing) * 1.5)}.pn\:py-2{padding-block:calc(var(--pn-spacing) * 2)}.pn\:py-2\.5{padding-block:calc(var(--pn-spacing) * 2.5)}.pn\:py-\[2px\]{padding-block:2px}.pn\:py-\[5px\]{padding-block:5px}.pn\:pt-2{padding-top:calc(var(--pn-spacing) * 2)}.pn\:pt-2\.5{padding-top:calc(var(--pn-spacing) * 2.5)}.pn\:pt-3{padding-top:calc(var(--pn-spacing) * 3)}.pn\:pt-4{padding-top:calc(var(--pn-spacing) * 4)}.pn\:pt-\[10px\]{padding-top:10px}.pn\:pt-\[15px\]{padding-top:15px}.pn\:pt-\[25px\]{padding-top:25px}.pn\:pr-1{padding-right:var(--pn-spacing)}.pn\:pr-2{padding-right:calc(var(--pn-spacing) * 2)}.pn\:pr-3{padding-right:calc(var(--pn-spacing) * 3)}.pn\:pr-6{padding-right:calc(var(--pn-spacing) * 6)}.pn\:pr-8{padding-right:calc(var(--pn-spacing) * 8)}.pn\:pr-\[5px\]{padding-right:5px}.pn\:pr-\[10px\]{padding-right:10px}.pn\:pb-1{padding-bottom:var(--pn-spacing)}.pn\:pb-2{padding-bottom:calc(var(--pn-spacing) * 2)}.pn\:pb-3{padding-bottom:calc(var(--pn-spacing) * 3)}.pn\:pb-4{padding-bottom:calc(var(--pn-spacing) * 4)}.pn\:pb-\[15px\]{padding-bottom:15px}.pn\:pl-2{padding-left:calc(var(--pn-spacing) * 2)}.pn\:pl-3{padding-left:calc(var(--pn-spacing) * 3)}.pn\:pl-8{padding-left:calc(var(--pn-spacing) * 8)}.pn\:pl-\[5px\]{padding-left:5px}.pn\:text-center{text-align:center}.pn\:text-left{text-align:left}.pn\:font-\[\'Roboto\'\]{font-family:Roboto}.pn\:text-base{font-size:var(--pn-text-base);line-height:var(--tw-leading,var(--pn-text-base--line-height))}.pn\:text-lg{font-size:var(--pn-text-lg);line-height:var(--tw-leading,var(--pn-text-lg--line-height))}.pn\:text-sm{font-size:var(--pn-text-sm);line-height:var(--tw-leading,var(--pn-text-sm--line-height))}.pn\:text-xs{font-size:var(--pn-text-xs);line-height:var(--tw-leading,var(--pn-text-xs--line-height))}.pn\:text-\[0\.5rem\]{font-size:.5rem}.pn\:text-\[10px\]{font-size:10px}.pn\:text-\[11px\]{font-size:11px}.pn\:text-\[12px\]{font-size:12px}.pn\:text-\[13px\]{font-size:13px}.pn\:text-\[25px\]{font-size:25px}.pn\:leading-\[30px\]{--tw-leading:30px;line-height:30px}.pn\:leading-none{--tw-leading:1;line-height:1}.pn\:font-bold{--tw-font-weight:var(--pn-font-weight-bold);font-weight:var(--pn-font-weight-bold)}.pn\:font-medium{--tw-font-weight:var(--pn-font-weight-medium);font-weight:var(--pn-font-weight-medium)}.pn\:font-normal{--tw-font-weight:var(--pn-font-weight-normal);font-weight:var(--pn-font-weight-normal)}.pn\:font-semibold{--tw-font-weight:var(--pn-font-weight-semibold);font-weight:var(--pn-font-weight-semibold)}.pn\:tracking-widest{--tw-tracking:var(--pn-tracking-widest);letter-spacing:var(--pn-tracking-widest)}.pn\:text-balance{text-wrap:balance}.pn\:text-ellipsis{text-overflow:ellipsis}.pn\:whitespace-normal{white-space:normal}.pn\:whitespace-nowrap{white-space:nowrap}.pn\:whitespace-pre{white-space:pre}.pn\:text-\[\#09f\]{color:#09f}.pn\:text-\[var\(--pn-toolbar-foreground\,var\(--foreground\)\)\]{color:var(--pn-toolbar-foreground,var(--foreground))}.pn\:text-accent-foreground{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:text-background{color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:text-black\/75{color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:text-black\/75{color:color-mix(in oklab, var(--pn-color-black) 75%, transparent)}}.pn\:text-foreground,.pn\:text-foreground\/60{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:text-foreground\/60{color:color-mix(in oklab, var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0)))) 60%, transparent)}}.pn\:text-inherit{color:inherit}.pn\:text-muted-foreground{color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:text-popover-foreground{color:var(--pn-popover-foreground,var(--popover-foreground,var(--pn-default-popover-foreground,oklch(14.5% 0 0))))}.pn\:text-primary-foreground{color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:text-secondary-foreground{color:var(--pn-secondary-foreground,var(--secondary-foreground,var(--pn-default-secondary-foreground,oklch(20.5% 0 0))))}.pn\:text-sidebar-accent-foreground{color:var(--pn-sidebar-accent-foreground,var(--sidebar-accent-foreground,var(--pn-default-sidebar-accent-foreground,oklch(20.5% 0 0))))}.pn\:text-white{color:var(--pn-color-white)}.pn\:uppercase{text-transform:uppercase}.pn\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.pn\:underline{text-decoration-line:underline}.pn\:underline-offset-2{text-underline-offset:2px}.pn\:opacity-0{opacity:0}.pn\:opacity-50{opacity:.5}.pn\:opacity-60{opacity:.6}.pn\:opacity-70{opacity:.7}.pn\:opacity-\[0\.85\]{opacity:.85}.pn\:shadow-\[0_-6px_10px_-8px_rgba\(17\,20\,24\,0\.25\)\]{--tw-shadow:0 -6px 10px -8px var(--tw-shadow-color,#11141840);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_0_1px_rgba\(17\,20\,24\,0\.1\)\,0_1px_3px_0_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#1114181a), 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_5px_rgba\(16\,22\,26\,0\.3\)\,0_0_0_1px_rgba\(16\,22\,26\,0\.12\)\]{--tw-shadow:0 0 5px var(--tw-shadow-color,#10161a4d), 0 0 0 1px var(--tw-shadow-color,#10161a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_5px_rgba\(16\,22\,26\,0\.3\)\]{--tw-shadow:0 0 5px var(--tw-shadow-color,#10161a4d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_6px_10px_-8px_rgba\(17\,20\,24\,0\.25\)\]{--tw-shadow:0 6px 10px -8px var(--tw-shadow-color,#11141840);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-lg{--tw-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-md{--tw-shadow:var(--shadow-md,0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-sm{--tw-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-xs{--tw-shadow:var(--shadow-xs,0 1px 2px 0 #0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\: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)}.pn\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.pn\:ring-black\/15{--tw-ring-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:ring-black\/15{--tw-ring-color:color-mix(in oklab, var(--pn-color-black) 15%, transparent)}}.pn\:ring-black\/20{--tw-ring-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:ring-black\/20{--tw-ring-color:color-mix(in oklab, var(--pn-color-black) 20%, transparent)}}.pn\:ring-ring\/50{--tw-ring-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0)))) 50%, transparent)}}.pn\:ring-offset-background{--tw-ring-offset-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.pn\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.pn\:transition-\[border\]{transition-property:border;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\: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(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:duration-200{--tw-duration:.2s;transition-duration:.2s}.pn\:fade-in-0{--tw-enter-opacity:0}.pn\:outline-none{--tw-outline-style:none;outline-style:none}.pn\:select-none{-webkit-user-select:none;user-select:none}.pn\:zoom-in-95{--tw-enter-scale:.95}.pn\:ring-inset{--tw-ring-inset:inset}@media (hover:hover){.pn\:group-hover\/pn-resize-handle\:bg-primary:is(:where(.pn\:group\/pn-resize-handle):hover *){background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}}.pn\:group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.pn\:group\/input-group):has(>input) *){padding-top:calc(var(--pn-spacing) * 2.5)}.pn\:group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.pn\:group\/input-group):has(>input) *){padding-bottom:calc(var(--pn-spacing) * 2.5)}.pn\:group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.pn\:group\/input-group)[data-disabled=true] *){opacity:.5}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *){height:calc(var(--pn-spacing) * 9)}.pn\:group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){height:fit-content}.pn\:group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){width:100%}.pn\:group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){flex-direction:column}.pn\:group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.pn\:group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.pn\:group\/tabs-list)[data-variant=line] *){background-color:#0000}.pn\:selection\:bg-primary ::selection{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}.pn\:selection\:bg-primary::selection{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}.pn\:selection\:text-primary-foreground ::selection{color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:selection\:text-primary-foreground::selection{color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:file\:inline-flex::file-selector-button{display:inline-flex}.pn\:file\:h-7::file-selector-button{height:calc(var(--pn-spacing) * 7)}.pn\:file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.pn\:file\:bg-transparent::file-selector-button{background-color:#0000}.pn\:file\:text-sm::file-selector-button{font-size:var(--pn-text-sm);line-height:var(--tw-leading,var(--pn-text-sm--line-height))}.pn\:file\:font-medium::file-selector-button{--tw-font-weight:var(--pn-font-weight-medium);font-weight:var(--pn-font-weight-medium)}.pn\:file\:text-foreground::file-selector-button{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:placeholder\:text-muted-foreground::placeholder{color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:before\:h-3\/4:before{content:var(--tw-content);height:75%}.pn\:before\:w-2:before{content:var(--tw-content);width:calc(var(--pn-spacing) * 2)}.pn\:before\:rounded:before{content:var(--tw-content);border-radius:.25rem}.pn\:before\:border:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.pn\:before\:border-white\/60:before{content:var(--tw-content);border-color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:before\:border-white\/60:before{border-color:color-mix(in oklab, var(--pn-color-white) 60%, transparent)}}.pn\:before\:bg-black\/60:before{content:var(--tw-content);background-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:before\:bg-black\/60:before{background-color:color-mix(in oklab, var(--pn-color-black) 60%, transparent)}}.pn\:before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.pn\:after\:absolute:after{content:var(--tw-content);position:absolute}.pn\:after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--pn-spacing) * -3)}.pn\:after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--pn-spacing) * -2)}.pn\:after\:bg-foreground:after{content:var(--tw-content);background-color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:after\:opacity-0:after{content:var(--tw-content);opacity:0}.pn\:after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:0}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--pn-spacing) * .5)}.pn\:group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:0}.pn\:group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--pn-spacing) * -1)}.pn\:group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--pn-spacing) * .5)}.pn\:first\:mt-0:first-child{margin-top:0}.pn\:first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px);border-bottom-left-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px)}.pn\:first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.pn\:first\:pt-1:first-child{padding-top:var(--pn-spacing)}.pn\:last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px);border-bottom-right-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px)}@media (hover:hover){.pn\:hover\:bg-accent:hover{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:hover\:bg-destructive\/90:hover{background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 90%, transparent)}}.pn\:hover\:bg-muted:hover{background-color:var(--pn-muted,var(--muted,var(--pn-default-muted,oklch(97% 0 0))))}.pn\:hover\:bg-primary\/90:hover{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 90%, transparent)}}.pn\:hover\:bg-secondary\/80:hover{background-color:var(--pn-secondary,var(--secondary,var(--pn-default-secondary,oklch(97% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--pn-secondary,var(--secondary,var(--pn-default-secondary,oklch(97% 0 0)))) 80%, transparent)}}.pn\:hover\:bg-sidebar-accent:hover{background-color:var(--pn-sidebar-accent,var(--sidebar-accent,var(--pn-default-sidebar-accent,oklch(97% 0 0))))}.pn\:hover\:text-accent-foreground:hover{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:hover\:text-foreground:hover{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:hover\:text-muted-foreground:hover{color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:hover\:text-primary-foreground:hover{color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:hover\:text-sidebar-accent-foreground:hover{color:var(--pn-sidebar-accent-foreground,var(--sidebar-accent-foreground,var(--pn-default-sidebar-accent-foreground,oklch(20.5% 0 0))))}.pn\:hover\:opacity-100:hover{opacity:1}.pn\:hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}}.pn\:focus\:z-10:focus{z-index:10}.pn\:focus\:ring-2: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)}.pn\:focus\:ring-ring:focus{--tw-ring-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}.pn\:focus\:ring-offset-2: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)}.pn\:focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.pn\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.pn\:focus-visible\:z-10:focus-visible{z-index:10}.pn\:focus-visible\:border-ring:focus-visible{border-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}.pn\:focus-visible\:ring-0:focus-visible{--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)}.pn\:focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.pn\:focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.pn\:focus-visible\:ring-\[3px\]: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)}.pn\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 20%, transparent)}}.pn\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0)))) 50%, transparent)}}.pn\:focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.pn\:focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.pn\:focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.pn\:focus-visible\:outline-ring:focus-visible{outline-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}.pn\:disabled\:pointer-events-none:disabled{pointer-events:none}.pn\:disabled\:cursor-default:disabled{cursor:default}.pn\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.pn\:disabled\:opacity-50:disabled{opacity:.5}.pn\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}.pn\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]: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)}.pn\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0)))) 50%, transparent)}}.pn\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 20%, transparent)}}.pn\:has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.pn\:has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.pn\:has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.pn\:has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.pn\:has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--pn-spacing) * 2)}.pn\:has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.pn\:has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.pn\:has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.pn\:has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.pn\:has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--pn-spacing) * 2.5)}.pn\:has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--pn-spacing) * 3)}.pn\:has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--pn-spacing) * 4)}.pn\:has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.pn\:aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:aria-invalid\:ring-\[3px\][aria-invalid=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)}.pn\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 20%, transparent)}}.pn\:data-active\:bg-background[data-active]{background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:data-active\:text-foreground[data-active]{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.pn\:group\/tabs-list)[data-variant=default] *)[data-active]{--tw-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.pn\:group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]:after{content:var(--tw-content);opacity:1}.pn\:data-checked\:translate-x-\[calc\(100\%-2px\)\][data-checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-checked\:bg-primary[data-checked]{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}.pn\:data-disabled\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.pn\:data-disabled\:opacity-50[data-disabled]{opacity:.5}.pn\:data-highlighted\:bg-accent[data-highlighted]{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:data-highlighted\:text-accent-foreground[data-highlighted]{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:data-pressed\:bg-accent[data-pressed]{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:data-pressed\:text-accent-foreground[data-pressed]{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:data-unchecked\:translate-x-0[data-unchecked]{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-unchecked\:bg-input[data-unchecked]{background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}.pn\:data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.pn\:data-\[closed\]\:animate-out[data-closed]{animation:pn-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)}.pn\:data-\[closed\]\:fade-out-0[data-closed]{--tw-exit-opacity:0}.pn\:data-\[closed\]\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.pn\:data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.pn\:data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.pn\:data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--pn-spacing) * 8)}.pn\:data-\[open\]\:animate-in[data-open]{animation:pn-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)}.pn\:data-\[open\]\:fade-in-0[data-open]{--tw-enter-opacity:0}.pn\:data-\[open\]\:zoom-in-95[data-open]{--tw-enter-scale:.95}.pn\:data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--pn-spacing) * 1.5)}.pn\:data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.pn\:data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.pn\:data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.pn\:data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.pn\:data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.pn\:data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--pn-spacing) * 44)}.pn\:data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--pn-spacing) * 1.5)}.pn\:data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.pn\:data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.pn\:data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.pn\:data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.pn\:data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:data-\[popup-open\]\:bg-accent[data-popup-open]{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:data-\[popup-open\]\:text-accent-foreground[data-popup-open]{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:data-\[side\=bottom\]\:top-1[data-side=bottom]{top:var(--pn-spacing)}.pn\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.pn\:data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end]{top:50%!important}.pn\:data-\[side\=inline-end\]\:-left-1[data-side=inline-end]{left:calc(var(--pn-spacing) * -1)}.pn\:data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start]{top:50%!important}.pn\:data-\[side\=inline-start\]\:-right-1[data-side=inline-start]{right:calc(var(--pn-spacing) * -1)}.pn\:data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.pn\:data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--pn-spacing) * -1)}.pn\:data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.pn\:data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.pn\:data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--pn-spacing) * -1)}.pn\:data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.pn\:data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--pn-spacing) * -2.5)}.pn\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.pn\:data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--pn-spacing) * 9)}.pn\:data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--pn-spacing) * 8)}:is(.pn\:\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.pn\:\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.pn\:\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.pn\:\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--pn-spacing) * 2)}.pn\:data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 10%, transparent)}}.pn\:data-\[variant\=destructive\]\:data-highlighted\:text-destructive[data-variant=destructive][data-highlighted]{color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.pn\:data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.pn\:data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}@media not all and (min-width:48rem){.pn\:max-md\:absolute{position:absolute}.pn\:max-md\:bottom-\[54px\]{bottom:54px}.pn\:max-md\:z-\[100\]{z-index:100}.pn\:max-md\:flex{display:flex}.pn\:max-md\:hidden{display:none}.pn\:max-md\:\!h-\[50vh\]{height:50vh!important}.pn\:max-md\:h-\[54px\]{height:54px}.pn\:max-md\:h-auto{height:auto}.pn\:max-md\:\!w-auto{width:auto!important}.pn\:max-md\:w-full{width:100%}.pn\:max-md\:w-min{width:min-content}.pn\:max-md\:min-w-\[72px\]{min-width:72px}.pn\:max-md\:min-w-min{min-width:min-content}.pn\:max-md\:flex-row{flex-direction:row}.pn\:max-md\:overflow-auto{overflow:auto}.pn\:max-md\:bg-background{background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:max-md\:pt-\[9px\]{padding-top:9px}}@media (min-width:40rem){.pn\:sm\:max-w-lg{max-width:var(--pn-container-lg)}.pn\:sm\:flex-row{flex-direction:row}.pn\:sm\:justify-end{justify-content:flex-end}.pn\:sm\:text-left{text-align:left}}@media (min-width:48rem){.pn\:md\:min-w-\[72px\]{min-width:72px}.pn\:md\:overflow-x-hidden{overflow-x:hidden}.pn\:md\:overflow-y-auto{overflow-y:auto}.pn\:md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.pn\:md\:border-border{border-color:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}.pn\:md\:text-sm{font-size:var(--pn-text-sm);line-height:var(--tw-leading,var(--pn-text-sm--line-height))}}.pn\:dark\:border-input:is(.dark *){border-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}.pn\:dark\:bg-destructive\/60:is(.dark *){background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 60%, transparent)}}.pn\:dark\:bg-input\/30:is(.dark *){background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0)))) 30%, transparent)}}.pn\:dark\:bg-transparent:is(.dark *){background-color:#0000}.pn\:dark\:bg-white\/5:is(.dark *){background-color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:bg-white\/5:is(.dark *){background-color:color-mix(in oklab, var(--pn-color-white) 5%, transparent)}}.pn\:dark\:text-muted-foreground:is(.dark *){color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:dark\:text-white\/\[0\.92\]:is(.dark *){color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:text-white\/\[0\.92\]:is(.dark *){color:color-mix(in oklab, var(--pn-color-white) 92%, transparent)}}.pn\:dark\:shadow-\[0_-6px_10px_-8px_rgba\(0\,0\,0\,0\.5\)\]:is(.dark *){--tw-shadow:0 -6px 10px -8px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:dark\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\,0_1px_3px_0_rgba\(0\,0\,0\,0\.4\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.4\)\]:is(.dark *){--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff1a), 0 1px 3px 0 var(--tw-shadow-color,#0006), 0 1px 2px -1px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:dark\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.16\)\]:is(.dark *){--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:dark\:shadow-\[0_6px_10px_-8px_rgba\(0\,0\,0\,0\.5\)\]:is(.dark *){--tw-shadow:0 6px 10px -8px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:dark\:ring-white\/15:is(.dark *){--tw-ring-color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:ring-white\/15:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--pn-color-white) 15%, transparent)}}.pn\:dark\:ring-white\/20:is(.dark *){--tw-ring-color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:ring-white\/20:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--pn-color-white) 20%, transparent)}}.pn\:dark\:invert:is(.dark *){--tw-invert:invert(100%);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,)}@media (hover:hover){.pn\:dark\:hover\:bg-accent:is(.dark *):hover,.pn\:dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0)))) 50%, transparent)}}.pn\:dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0)))) 50%, transparent)}}.pn\:dark\:hover\:text-foreground:is(.dark *):hover{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}}.pn\:dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 40%, transparent)}}.pn\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 40%, transparent)}}.pn\:dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 50%, transparent)}}.pn\:dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 40%, transparent)}}.pn\:dark\:data-active\:border-input:is(.dark *)[data-active]{border-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}.pn\:dark\:data-active\:bg-input\/30:is(.dark *)[data-active]{background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:data-active\:bg-input\/30:is(.dark *)[data-active]{background-color:color-mix(in oklab, var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0)))) 30%, transparent)}}.pn\:dark\:data-active\:text-foreground:is(.dark *)[data-active]{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]{border-color:#0000}.pn\:dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.pn\:dark\:data-checked\:bg-primary-foreground:is(.dark *)[data-checked]{background-color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:dark\:data-unchecked\:bg-foreground:is(.dark *)[data-unchecked]{background-color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:dark\:data-unchecked\:bg-input\/80:is(.dark *)[data-unchecked]{background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:data-unchecked\:bg-input\/80:is(.dark *)[data-unchecked]{background-color:color-mix(in oklab, var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0)))) 80%, transparent)}}.pn\:dark\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/20:is(.dark *)[data-variant=destructive][data-highlighted]{background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/20:is(.dark *)[data-variant=destructive][data-highlighted]{background-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 20%, transparent)}}.pn\:pn-mobile\:absolute:is(.polotno-mobile *){position:absolute}.pn\:pn-mobile\:bottom-\[54px\]:is(.polotno-mobile *){bottom:54px}.pn\:pn-mobile\:z-\[100\]:is(.polotno-mobile *){z-index:100}.pn\:pn-mobile\:hidden:is(.polotno-mobile *){display:none}.pn\:pn-mobile\:\!h-\[50vh\]:is(.polotno-mobile *){height:50vh!important}.pn\:pn-mobile\:h-\[54px\]:is(.polotno-mobile *){height:54px}.pn\:pn-mobile\:h-auto:is(.polotno-mobile *){height:auto}.pn\:pn-mobile\:\!w-auto:is(.polotno-mobile *){width:auto!important}.pn\:pn-mobile\:w-full:is(.polotno-mobile *){width:100%}.pn\:pn-mobile\:w-min:is(.polotno-mobile *){width:min-content}.pn\:pn-mobile\:min-w-\[72px\]:is(.polotno-mobile *){min-width:72px}.pn\:pn-mobile\:min-w-min:is(.polotno-mobile *){min-width:min-content}.pn\:pn-mobile\:flex-row:is(.polotno-mobile *){flex-direction:row}.pn\:pn-mobile\:overflow-auto:is(.polotno-mobile *){overflow:auto}.pn\:pn-mobile\:bg-background:is(.polotno-mobile *){background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:pn-mobile\:pt-\[9px\]:is(.polotno-mobile *){padding-top:9px}.pn\:\[\&_\.credit\]\:opacity-100 .credit{opacity:1}@media (min-width:48rem){.pn\:md\:\[\&_\.credit\]\:opacity-0 .credit{opacity:0}@media (hover:hover){.pn\:md\:hover\:\[\&_\.credit\]\:opacity-100:hover .credit{opacity:1}}}@media (hover:hover){.pn\:hover\:\[\&_\.video-grid__item-credit\]\:opacity-100:hover .video-grid item-credit{opacity:1}}.pn\:\[\&_a\]\:text-white a{color:var(--pn-color-white)}.pn\:\[\&_a\]\:underline a{text-decoration-line:underline}.pn\:\[\&_path\]\:fill-black\/50 path{fill:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:\[\&_path\]\:fill-black\/50 path{fill:color-mix(in oklab, var(--pn-color-black) 50%, transparent)}}.pn\:dark\:\[\&_path\]\:fill-white\/70:is(.dark *) path{fill:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:\[\&_path\]\:fill-white\/70:is(.dark *) path{fill:color-mix(in oklab, var(--pn-color-white) 70%, transparent)}}.pn\:\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.pn\:\[\&_svg\]\:size-4 svg{width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.pn\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.pn\:\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.pn\:\[\&\:hover_\.polotno-track-menu\]\:pointer-events-auto:hover .polotno-track-menu{pointer-events:auto}.pn\:\[\&\:hover_\.polotno-track-menu\]\:opacity-100:hover .polotno-track-menu{opacity:1}.pn\:\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--pn-spacing) * 3)}.pn\:\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--pn-spacing) * 3)}:is(.pn\:\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.pn\:\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.pn\:\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--pn-spacing) * 2)}:is(.pn\:data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):is(svg){color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))!important}.pn\:\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.pn\:\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.pn\:\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.pn\:\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.pn\:\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.pn\:\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.pn\:\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.pn\:\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.pn\:has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px);border-bottom-right-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px)}.pn\:\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.pn\:\[\&\>input\]\:flex-1>input{flex:1}.pn\:has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--pn-spacing) * 3)}.pn\:has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--pn-spacing) * 3)}.pn\:has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--pn-spacing) * 2)}.pn\:has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--pn-spacing) * 2)}.pn\:\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.pn\:\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}@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}.dark .polotno-ui,.polotno-ui.dark,[data-polotno-theme=dark]{--pn-default-background:oklch(14.5% 0 0);--pn-default-foreground:oklch(98.5% 0 0);--pn-default-card:oklch(20.5% 0 0);--pn-default-card-foreground:oklch(98.5% 0 0);--pn-default-popover:oklch(20.5% 0 0);--pn-default-popover-foreground:oklch(98.5% 0 0);--pn-default-primary:oklch(92.2% 0 0);--pn-default-primary-foreground:oklch(20.5% 0 0);--pn-default-secondary:oklch(26.9% 0 0);--pn-default-secondary-foreground:oklch(98.5% 0 0);--pn-default-muted:oklch(26.9% 0 0);--pn-default-muted-foreground:oklch(70.8% 0 0);--pn-default-accent:oklch(26.9% 0 0);--pn-default-accent-foreground:oklch(98.5% 0 0);--pn-default-destructive:oklch(70.4% .191 22.216);--pn-default-destructive-foreground:oklch(98.5% 0 0);--pn-default-border:oklch(100% 0 0/.1);--pn-default-input:oklch(100% 0 0/.15);--pn-default-ring:oklch(55.6% 0 0);--pn-default-chart-1:oklch(83.64% .097 301.177);--pn-default-chart-2:oklch(72.22% .1229 192.748);--pn-default-chart-3:oklch(75.59% .1672 354.525);--pn-default-chart-4:oklch(66.62% .2088 22.1341);--pn-default-chart-5:oklch(94.12% .2004 105.689);--pn-default-sidebar:oklch(20.5% 0 0);--pn-default-sidebar-foreground:oklch(98.5% 0 0);--pn-default-sidebar-primary:oklch(48.8% .243 264.376);--pn-default-sidebar-primary-foreground:oklch(98.5% 0 0);--pn-default-sidebar-accent:oklch(26.9% 0 0);--pn-default-sidebar-accent-foreground:oklch(98.5% 0 0);--pn-default-sidebar-border:oklch(100% 0 0/.1);--pn-default-sidebar-ring:oklch(55.6% 0 0)}[data-polotno-theme=light]{--pn-default-background:initial;--pn-default-foreground:initial;--pn-default-card:initial;--pn-default-card-foreground:initial;--pn-default-popover:initial;--pn-default-popover-foreground:initial;--pn-default-primary:initial;--pn-default-primary-foreground:initial;--pn-default-secondary:initial;--pn-default-secondary-foreground:initial;--pn-default-muted:initial;--pn-default-muted-foreground:initial;--pn-default-accent:initial;--pn-default-accent-foreground:initial;--pn-default-destructive:initial;--pn-default-destructive-foreground:initial;--pn-default-border:initial;--pn-default-input:initial;--pn-default-ring:initial;--pn-default-chart-1:initial;--pn-default-chart-2:initial;--pn-default-chart-3:initial;--pn-default-chart-4:initial;--pn-default-chart-5:initial;--pn-default-sidebar:initial;--pn-default-sidebar-foreground:initial;--pn-default-sidebar-primary:initial;--pn-default-sidebar-primary-foreground:initial;--pn-default-sidebar-accent:initial;--pn-default-sidebar-accent-foreground:initial;--pn-default-sidebar-border:initial;--pn-default-sidebar-ring:initial}[data-polotno-isolated]{--pn-background:var(--pn-default-background,oklch(100% 0 0));--pn-foreground:var(--pn-default-foreground,oklch(14.5% 0 0));--pn-card:var(--pn-default-card,oklch(100% 0 0));--pn-card-foreground:var(--pn-default-card-foreground,oklch(14.5% 0 0));--pn-popover:var(--pn-default-popover,oklch(100% 0 0));--pn-popover-foreground:var(--pn-default-popover-foreground,oklch(14.5% 0 0));--pn-primary:var(--pn-default-primary,oklch(20.5% 0 0));--pn-primary-foreground:var(--pn-default-primary-foreground,oklch(98.5% 0 0));--pn-secondary:var(--pn-default-secondary,oklch(97% 0 0));--pn-secondary-foreground:var(--pn-default-secondary-foreground,oklch(20.5% 0 0));--pn-muted:var(--pn-default-muted,oklch(97% 0 0));--pn-muted-foreground:var(--pn-default-muted-foreground,oklch(55.6% 0 0));--pn-accent:var(--pn-default-accent,oklch(97% 0 0));--pn-accent-foreground:var(--pn-default-accent-foreground,oklch(20.5% 0 0));--pn-destructive:var(--pn-default-destructive,oklch(57.7% .245 27.325));--pn-destructive-foreground:var(--pn-default-destructive-foreground,oklch(98.5% 0 0));--pn-border:var(--pn-default-border,oklch(92.2% 0 0));--pn-input:var(--pn-default-input,oklch(92.2% 0 0));--pn-ring:var(--pn-default-ring,oklch(70.8% 0 0));--pn-chart-1:var(--pn-default-chart-1,oklch(57.37% .2579 294.891));--pn-chart-2:var(--pn-default-chart-2,oklch(53.24% .0917 190.843));--pn-chart-3:var(--pn-default-chart-3,oklch(75.59% .1672 354.525));--pn-chart-4:var(--pn-default-chart-4,oklch(66.62% .2088 22.1341));--pn-chart-5:var(--pn-default-chart-5,oklch(94.12% .2004 105.689));--pn-sidebar:var(--pn-default-sidebar,oklch(98.5% 0 0));--pn-sidebar-foreground:var(--pn-default-sidebar-foreground,oklch(14.5% 0 0));--pn-sidebar-primary:var(--pn-default-sidebar-primary,oklch(20.5% 0 0));--pn-sidebar-primary-foreground:var(--pn-default-sidebar-primary-foreground,oklch(98.5% 0 0));--pn-sidebar-accent:var(--pn-default-sidebar-accent,oklch(97% 0 0));--pn-sidebar-accent-foreground:var(--pn-default-sidebar-accent-foreground,oklch(20.5% 0 0));--pn-sidebar-border:var(--pn-default-sidebar-border,oklch(92.2% 0 0));--pn-sidebar-ring:var(--pn-default-sidebar-ring,oklch(70.8% 0 0))}:where(.polotno-ui,[class*=polotno-]){font-family:var(--pn-font-sans,var(--font-sans,ui-sans-serif, system-ui, sans-serif))}.polotno-ui{background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))));color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}[class*=polotno-] [data-slot=button][data-active]{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(55.65% .243 261.953))))}@supports (color:color-mix(in lab, red, red)){[class*=polotno-] [data-slot=button][data-active]{background-color:color-mix(in srgb, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(55.65% .243 261.953)))) 15%, transparent)}}[class*=polotno-] [data-slot=button][data-active]{color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(55.65% .243 261.953))))}:where(.polotno-ui,[class*=polotno-]) :where(button,[role=button]){cursor:pointer}[data-pn-icon]{vertical-align:middle;display:inline-block}.dark .polotno-ui .polotno-text-preview-plain,.polotno-ui.dark .polotno-text-preview-plain,[data-polotno-theme=dark] .polotno-text-preview-plain,.dark .polotno-ui .polotno-element-preview,.polotno-ui.dark .polotno-element-preview,[data-polotno-theme=dark] .polotno-element-preview{filter:invert()}@layer polotno{.pn-toolbar{white-space:nowrap}.pn-toolbar--condensed .pn-toolbar-text{display:none}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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:0}@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-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes pn-spin{to{transform:rotate(360deg)}}@keyframes pn-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 pn-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))}}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-content:"";--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-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}}}@layer pn-reset{:where(.polotno-ui,[class*=polotno-]),:where(.polotno-ui,[class*=polotno-]) *,:where(.polotno-ui,[class*=polotno-]) :before,:where(.polotno-ui,[class*=polotno-]) :after{box-sizing:border-box}:where([class*=pn\:]),:where([class*=pn\:]):before,:where([class*=pn\:]):after{border-style:solid;border-width:0;border-color:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}:where(button[class*=pn\:]){line-height:inherit;color:inherit;background-color:#0000;background-image:none;margin:0;padding:0}:where(input[class*=pn\:],textarea[class*=pn\:],select[class*=pn\:]){font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0}}:root,:host{--pn-color-black:#000;--pn-color-white:#fff;--pn-spacing:.25rem;--pn-container-lg:32rem;--pn-text-xs:.75rem;--pn-text-xs--line-height:calc(1 / .75);--pn-text-sm:.875rem;--pn-text-sm--line-height:calc(1.25 / .875);--pn-text-base:1rem;--pn-text-base--line-height:calc(1.5 / 1);--pn-text-lg:1.125rem;--pn-text-lg--line-height:calc(1.75 / 1.125);--pn-font-weight-normal:400;--pn-font-weight-medium:500;--pn-font-weight-semibold:600;--pn-font-weight-bold:700;--pn-tracking-widest:.1em;--pn-animate-spin:pn-spin 1s linear infinite;--pn-default-transition-duration:.15s;--pn-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pn\:pointer-events-auto{pointer-events:auto}.pn\:pointer-events-none{pointer-events:none}.pn\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pn\:absolute{position:absolute}.pn\:fixed{position:fixed}.pn\:relative{position:relative}.pn\:inset-0{inset:0}.pn\:inset-x-0{inset-inline:0}.pn\:inset-y-0{inset-block:0}.pn\:-top-1{top:calc(var(--pn-spacing) * -1)}.pn\:top-0{top:0}.pn\:top-1\/2{top:50%}.pn\:top-2{top:calc(var(--pn-spacing) * 2)}.pn\:top-4{top:calc(var(--pn-spacing) * 4)}.pn\:top-\[50\%\]{top:50%}.pn\:top-px{top:1px}.pn\:-right-1{right:calc(var(--pn-spacing) * -1)}.pn\:right-0{right:0}.pn\:right-2{right:calc(var(--pn-spacing) * 2)}.pn\:right-3{right:calc(var(--pn-spacing) * 3)}.pn\:right-4{right:calc(var(--pn-spacing) * 4)}.pn\:right-\[-14px\]{right:-14px}.pn\:-bottom-1{bottom:calc(var(--pn-spacing) * -1)}.pn\:bottom-0{bottom:0}.pn\:bottom-\[5px\]{bottom:5px}.pn\:-left-1{left:calc(var(--pn-spacing) * -1)}.pn\:left-0{left:0}.pn\:left-1\/2{left:50%}.pn\:left-2{left:calc(var(--pn-spacing) * 2)}.pn\:left-\[5px\]{left:5px}.pn\:left-\[50\%\]{left:50%}.pn\:-z-10{z-index:calc(10 * -1)}.pn\:z-10{z-index:10}.pn\:z-20{z-index:20}.pn\:z-50{z-index:50}.pn\:z-\[1\]{z-index:1}.pn\:order-first{order:-9999}.pn\:order-last{order:9999}.pn\:float-left{float:left}.pn\:m-0{margin:0}.pn\:-mx-1{margin-inline:calc(var(--pn-spacing) * -1)}.pn\:mx-2{margin-inline:calc(var(--pn-spacing) * 2)}.pn\:mx-\[1px\]{margin-inline:1px}.pn\:mx-auto{margin-inline:auto}.pn\:my-1{margin-block:var(--pn-spacing)}.pn\:mt-0{margin-top:0}.pn\:mt-1{margin-top:var(--pn-spacing)}.pn\:mt-1\.5{margin-top:calc(var(--pn-spacing) * 1.5)}.pn\:mt-3{margin-top:calc(var(--pn-spacing) * 3)}.pn\:mr-1{margin-right:var(--pn-spacing)}.pn\:mr-1\.5{margin-right:calc(var(--pn-spacing) * 1.5)}.pn\:mr-2{margin-right:calc(var(--pn-spacing) * 2)}.pn\:mb-1\.5{margin-bottom:calc(var(--pn-spacing) * 1.5)}.pn\:mb-2{margin-bottom:calc(var(--pn-spacing) * 2)}.pn\:mb-2\.5{margin-bottom:calc(var(--pn-spacing) * 2.5)}.pn\:mb-3{margin-bottom:calc(var(--pn-spacing) * 3)}.pn\:mb-\[5px\]{margin-bottom:5px}.pn\:mb-\[15px\]{margin-bottom:15px}.pn\:ml-auto{margin-left:auto}.pn\:box-border{box-sizing:border-box}.pn\:block{display:block}.pn\:flex{display:flex}.pn\:grid{display:grid}.pn\:hidden{display:none}.pn\:inline-block{display:inline-block}.pn\:inline-flex{display:inline-flex}.pn\:field-sizing-content{field-sizing:content}.pn\:aspect-\[5\/3\]{aspect-ratio:5/3}.pn\:aspect-square{aspect-ratio:1}.pn\:size-1{width:var(--pn-spacing);height:var(--pn-spacing)}.pn\:size-2{width:calc(var(--pn-spacing) * 2);height:calc(var(--pn-spacing) * 2)}.pn\:size-2\.5{width:calc(var(--pn-spacing) * 2.5);height:calc(var(--pn-spacing) * 2.5)}.pn\:size-3{width:calc(var(--pn-spacing) * 3);height:calc(var(--pn-spacing) * 3)}.pn\:size-3\.5{width:calc(var(--pn-spacing) * 3.5);height:calc(var(--pn-spacing) * 3.5)}.pn\:size-4{width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:size-5{width:calc(var(--pn-spacing) * 5);height:calc(var(--pn-spacing) * 5)}.pn\:size-6{width:calc(var(--pn-spacing) * 6);height:calc(var(--pn-spacing) * 6)}.pn\:size-7{width:calc(var(--pn-spacing) * 7);height:calc(var(--pn-spacing) * 7)}.pn\:size-8{width:calc(var(--pn-spacing) * 8);height:calc(var(--pn-spacing) * 8)}.pn\:size-9{width:calc(var(--pn-spacing) * 9);height:calc(var(--pn-spacing) * 9)}.pn\:size-\[25px\]{width:25px;height:25px}.pn\:size-\[30px\]{width:30px;height:30px}.pn\:\!h-5{height:calc(var(--pn-spacing) * 5)!important}.pn\:h-0{height:0}.pn\:h-1{height:var(--pn-spacing)}.pn\:h-2\.5{height:calc(var(--pn-spacing) * 2.5)}.pn\:h-5{height:calc(var(--pn-spacing) * 5)}.pn\:h-6{height:calc(var(--pn-spacing) * 6)}.pn\:h-7{height:calc(var(--pn-spacing) * 7)}.pn\:h-8{height:calc(var(--pn-spacing) * 8)}.pn\:h-9{height:calc(var(--pn-spacing) * 9)}.pn\:h-10{height:calc(var(--pn-spacing) * 10)}.pn\:h-24{height:calc(var(--pn-spacing) * 24)}.pn\:h-\[1\.15rem\]{height:1.15rem}.pn\:h-\[14px\]{height:14px}.pn\:h-\[34px\]{height:34px}.pn\:h-\[35px\]{height:35px}.pn\:h-\[72px\]{height:72px}.pn\:h-\[90px\]{height:90px}.pn\:h-\[100px\]{height:100px}.pn\:h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.pn\:h-\[calc\(100\%-2px\)\]{height:calc(100% - 2px)}.pn\:h-auto{height:auto}.pn\:h-full{height:100%}.pn\:h-px{height:1px}.pn\:max-h-\[280px\]{max-height:280px}.pn\:max-h-\[300px\]{max-height:300px}.pn\:min-h-16{min-height:calc(var(--pn-spacing) * 16)}.pn\:min-h-\[2\.5rem\]{min-height:2.5rem}.pn\:min-h-\[50px\]{min-height:50px}.pn\:w-0{width:0}.pn\:w-1\/2{width:50%}.pn\:w-3{width:calc(var(--pn-spacing) * 3)}.pn\:w-5{width:calc(var(--pn-spacing) * 5)}.pn\:w-8{width:calc(var(--pn-spacing) * 8)}.pn\:w-48{width:calc(var(--pn-spacing) * 48)}.pn\:w-72{width:calc(var(--pn-spacing) * 72)}.pn\:w-\[15px\]{width:15px}.pn\:w-\[44px\]{width:44px}.pn\:w-\[80\%\]{width:80%}.pn\:w-\[150px\]{width:150px}.pn\:w-\[170px\]{width:170px}.pn\:w-\[220px\]{width:220px}.pn\:w-\[230px\]{width:230px}.pn\:w-\[270px\]{width:270px}.pn\:w-\[280px\]{width:280px}.pn\:w-\[calc\(33\%-16px\)\]{width:calc(33% - 16px)}.pn\:w-\[var\(--pn-sidebar-width\,350px\)\]{width:var(--pn-sidebar-width,350px)}.pn\:w-auto{width:auto}.pn\:w-fit{width:fit-content}.pn\:w-full{width:100%}.pn\:w-px{width:1px}.pn\:max-w-\[700px\]{max-width:700px}.pn\:max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.pn\:max-w-full{max-width:100%}.pn\:min-w-0{min-width:0}.pn\:min-w-9{min-width:calc(var(--pn-spacing) * 9)}.pn\:min-w-16{min-width:calc(var(--pn-spacing) * 16)}.pn\:min-w-\[8rem\]{min-width:8rem}.pn\:min-w-\[80px\]{min-width:80px}.pn\:flex-1{flex:1}.pn\:shrink-0{flex-shrink:0}.pn\:flex-grow-0{flex-grow:0}.pn\:grow{flex-grow:1}.pn\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:-scale-x-100{--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.pn\:rotate-45{rotate:45deg}.pn\:animate-in{animation:pn-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)}.pn\:animate-spin{animation:var(--pn-animate-spin)}.pn\:cursor-crosshair{cursor:crosshair}.pn\:cursor-default{cursor:default}.pn\:cursor-ew-resize{cursor:ew-resize}.pn\:cursor-move{cursor:move}.pn\:cursor-ns-resize{cursor:ns-resize}.pn\:cursor-pointer{cursor:pointer}.pn\:cursor-text{cursor:text}.pn\:touch-none{touch-action:none}.pn\:scroll-my-1{scroll-margin-block:var(--pn-spacing)}.pn\:\[appearance\:textfield\]{appearance:textfield}.pn\:appearance-none{appearance:none}.pn\:auto-rows-\[32px\]{grid-auto-rows:32px}.pn\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.pn\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.pn\:grid-cols-\[repeat\(3\,32px\)\]{grid-template-columns:repeat(3,32px)}.pn\:flex-col{flex-direction:column}.pn\:flex-col-reverse{flex-direction:column-reverse}.pn\:flex-row{flex-direction:row}.pn\:items-center{align-items:center}.pn\:items-end{align-items:flex-end}.pn\:items-stretch{align-items:stretch}.pn\:justify-between{justify-content:space-between}.pn\:justify-center{justify-content:center}.pn\:justify-end{justify-content:flex-end}.pn\:justify-start{justify-content:flex-start}.pn\:gap-0{gap:0}.pn\:gap-0\.5{gap:calc(var(--pn-spacing) * .5)}.pn\:gap-1{gap:var(--pn-spacing)}.pn\:gap-1\.5{gap:calc(var(--pn-spacing) * 1.5)}.pn\:gap-2{gap:calc(var(--pn-spacing) * 2)}.pn\:gap-2\.5{gap:calc(var(--pn-spacing) * 2.5)}.pn\:gap-3{gap:calc(var(--pn-spacing) * 3)}.pn\:gap-4{gap:calc(var(--pn-spacing) * 4)}.pn\:self-center{align-self:center}.pn\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pn\:overflow-auto{overflow:auto}.pn\:overflow-hidden{overflow:hidden}.pn\:overflow-x-auto{overflow-x:auto}.pn\:overflow-x-hidden{overflow-x:hidden}.pn\:overflow-y-auto{overflow-y:auto}.pn\:overflow-y-hidden{overflow-y:hidden}.pn\:rounded-\[2px\]{border-radius:2px}.pn\:rounded-\[5px\]{border-radius:5px}.pn\:rounded-\[10px\]{border-radius:10px}.pn\:rounded-\[15px\]{border-radius:15px}.pn\:rounded-full{border-radius:3.40282e38px}.pn\:rounded-lg{border-radius:var(--pn-radius,var(--radius,.625rem))}.pn\:rounded-md{border-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px)}.pn\:rounded-none{border-radius:0}.pn\:rounded-sm{border-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 4px)}.pn\:rounded-xs{border-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 6px)}.pn\:border{border-style:var(--tw-border-style);border-width:1px}.pn\:border-0{border-style:var(--tw-border-style);border-width:0}.pn\:border-2{border-style:var(--tw-border-style);border-width:2px}.pn\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.pn\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.pn\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.pn\:border-none{--tw-border-style:none;border-style:none}.pn\:border-border{border-color:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}.pn\:border-current{border-color:currentColor}.pn\:border-foreground\/30{border-color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:border-foreground\/30{border-color:color-mix(in oklab, var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0)))) 30%, transparent)}}.pn\:border-input{border-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}.pn\:border-primary,.pn\:border-primary\/55{border-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:border-primary\/55{border-color:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 55%, transparent)}}.pn\:border-transparent{border-color:#0000}.pn\:border-white{border-color:var(--pn-color-white)}.pn\:bg-\[var\(--pn-toolbar\,var\(--background\)\)\]{background-color:var(--pn-toolbar,var(--background))}.pn\:bg-accent{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:bg-background{background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:bg-black\/5{background-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:bg-black\/5{background-color:color-mix(in oklab, var(--pn-color-black) 5%, transparent)}}.pn\:bg-black\/40{background-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:bg-black\/40{background-color:color-mix(in oklab, var(--pn-color-black) 40%, transparent)}}.pn\:bg-black\/50{background-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:bg-black\/50{background-color:color-mix(in oklab, var(--pn-color-black) 50%, transparent)}}.pn\:bg-border{background-color:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}.pn\:bg-card{background-color:var(--pn-card,var(--card,var(--pn-default-card,oklch(100% 0 0))))}.pn\:bg-current{background-color:currentColor}.pn\:bg-destructive{background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:bg-foreground{background-color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:bg-muted,.pn\:bg-muted\/60{background-color:var(--pn-muted,var(--muted,var(--pn-default-muted,oklch(97% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:bg-muted\/60{background-color:color-mix(in oklab, var(--pn-muted,var(--muted,var(--pn-default-muted,oklch(97% 0 0)))) 60%, transparent)}}.pn\:bg-popover{background-color:var(--pn-popover,var(--popover,var(--pn-default-popover,oklch(100% 0 0))))}.pn\:bg-primary,.pn\:bg-primary\/10{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:bg-primary\/10{background-color:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 10%, transparent)}}.pn\:bg-secondary{background-color:var(--pn-secondary,var(--secondary,var(--pn-default-secondary,oklch(97% 0 0))))}.pn\:bg-sidebar-accent{background-color:var(--pn-sidebar-accent,var(--sidebar-accent,var(--pn-default-sidebar-accent,oklch(97% 0 0))))}.pn\:bg-transparent{background-color:#0000}.pn\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.pn\:bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.pn\:from-primary\/15{--tw-gradient-from:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:from-primary\/15{--tw-gradient-from:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 15%, transparent)}}.pn\:from-primary\/15{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.pn\:from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.pn\:via-black\/40{--tw-gradient-via:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:via-black\/40{--tw-gradient-via:color-mix(in oklab, var(--pn-color-black) 40%, transparent)}}.pn\:via-black\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.pn\:to-black\/60{--tw-gradient-to:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:to-black\/60{--tw-gradient-to:color-mix(in oklab, var(--pn-color-black) 60%, transparent)}}.pn\:to-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.pn\:to-primary\/35{--tw-gradient-to:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:to-primary\/35{--tw-gradient-to:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 35%, transparent)}}.pn\:to-primary\/35{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.pn\:fill-background{fill:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:fill-current{fill:currentColor}.pn\:fill-foreground{fill:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:stroke-border{stroke:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}.pn\:object-contain{object-fit:contain}.pn\:object-cover{object-fit:cover}.pn\:p-0{padding:0}.pn\:p-1{padding:var(--pn-spacing)}.pn\:p-2{padding:calc(var(--pn-spacing) * 2)}.pn\:p-2\.5{padding:calc(var(--pn-spacing) * 2.5)}.pn\:p-3{padding:calc(var(--pn-spacing) * 3)}.pn\:p-4{padding:calc(var(--pn-spacing) * 4)}.pn\:p-5{padding:calc(var(--pn-spacing) * 5)}.pn\:p-6{padding:calc(var(--pn-spacing) * 6)}.pn\:p-12{padding:calc(var(--pn-spacing) * 12)}.pn\:p-\[2px\]{padding:2px}.pn\:p-\[3px\]{padding:3px}.pn\:p-\[5px\]{padding:5px}.pn\:p-\[15px\]{padding:15px}.pn\:p-\[30px\]{padding:30px}.pn\:px-0\.5{padding-inline:calc(var(--pn-spacing) * .5)}.pn\:px-1{padding-inline:var(--pn-spacing)}.pn\:px-2{padding-inline:calc(var(--pn-spacing) * 2)}.pn\:px-2\.5{padding-inline:calc(var(--pn-spacing) * 2.5)}.pn\:px-3{padding-inline:calc(var(--pn-spacing) * 3)}.pn\:px-4{padding-inline:calc(var(--pn-spacing) * 4)}.pn\:px-5{padding-inline:calc(var(--pn-spacing) * 5)}.pn\:px-6{padding-inline:calc(var(--pn-spacing) * 6)}.pn\:px-\[5px\]{padding-inline:5px}.pn\:px-\[7px\]{padding-inline:7px}.pn\:px-\[15px\]{padding-inline:15px}.pn\:py-1{padding-block:var(--pn-spacing)}.pn\:py-1\.5{padding-block:calc(var(--pn-spacing) * 1.5)}.pn\:py-2{padding-block:calc(var(--pn-spacing) * 2)}.pn\:py-2\.5{padding-block:calc(var(--pn-spacing) * 2.5)}.pn\:py-\[2px\]{padding-block:2px}.pn\:py-\[5px\]{padding-block:5px}.pn\:pt-2{padding-top:calc(var(--pn-spacing) * 2)}.pn\:pt-2\.5{padding-top:calc(var(--pn-spacing) * 2.5)}.pn\:pt-3{padding-top:calc(var(--pn-spacing) * 3)}.pn\:pt-4{padding-top:calc(var(--pn-spacing) * 4)}.pn\:pt-\[10px\]{padding-top:10px}.pn\:pt-\[15px\]{padding-top:15px}.pn\:pt-\[25px\]{padding-top:25px}.pn\:pr-1{padding-right:var(--pn-spacing)}.pn\:pr-2{padding-right:calc(var(--pn-spacing) * 2)}.pn\:pr-3{padding-right:calc(var(--pn-spacing) * 3)}.pn\:pr-6{padding-right:calc(var(--pn-spacing) * 6)}.pn\:pr-8{padding-right:calc(var(--pn-spacing) * 8)}.pn\:pr-\[5px\]{padding-right:5px}.pn\:pr-\[10px\]{padding-right:10px}.pn\:pb-1{padding-bottom:var(--pn-spacing)}.pn\:pb-2{padding-bottom:calc(var(--pn-spacing) * 2)}.pn\:pb-3{padding-bottom:calc(var(--pn-spacing) * 3)}.pn\:pb-4{padding-bottom:calc(var(--pn-spacing) * 4)}.pn\:pb-\[15px\]{padding-bottom:15px}.pn\:pl-2{padding-left:calc(var(--pn-spacing) * 2)}.pn\:pl-3{padding-left:calc(var(--pn-spacing) * 3)}.pn\:pl-8{padding-left:calc(var(--pn-spacing) * 8)}.pn\:pl-\[5px\]{padding-left:5px}.pn\:text-center{text-align:center}.pn\:text-left{text-align:left}.pn\:font-\[\'Roboto\'\]{font-family:Roboto}.pn\:text-base{font-size:var(--pn-text-base);line-height:var(--tw-leading,var(--pn-text-base--line-height))}.pn\:text-lg{font-size:var(--pn-text-lg);line-height:var(--tw-leading,var(--pn-text-lg--line-height))}.pn\:text-sm{font-size:var(--pn-text-sm);line-height:var(--tw-leading,var(--pn-text-sm--line-height))}.pn\:text-xs{font-size:var(--pn-text-xs);line-height:var(--tw-leading,var(--pn-text-xs--line-height))}.pn\:text-\[0\.5rem\]{font-size:.5rem}.pn\:text-\[10px\]{font-size:10px}.pn\:text-\[11px\]{font-size:11px}.pn\:text-\[12px\]{font-size:12px}.pn\:text-\[13px\]{font-size:13px}.pn\:text-\[25px\]{font-size:25px}.pn\:leading-\[30px\]{--tw-leading:30px;line-height:30px}.pn\:leading-none{--tw-leading:1;line-height:1}.pn\:font-bold{--tw-font-weight:var(--pn-font-weight-bold);font-weight:var(--pn-font-weight-bold)}.pn\:font-medium{--tw-font-weight:var(--pn-font-weight-medium);font-weight:var(--pn-font-weight-medium)}.pn\:font-normal{--tw-font-weight:var(--pn-font-weight-normal);font-weight:var(--pn-font-weight-normal)}.pn\:font-semibold{--tw-font-weight:var(--pn-font-weight-semibold);font-weight:var(--pn-font-weight-semibold)}.pn\:tracking-widest{--tw-tracking:var(--pn-tracking-widest);letter-spacing:var(--pn-tracking-widest)}.pn\:text-balance{text-wrap:balance}.pn\:text-ellipsis{text-overflow:ellipsis}.pn\:whitespace-normal{white-space:normal}.pn\:whitespace-nowrap{white-space:nowrap}.pn\:whitespace-pre{white-space:pre}.pn\:text-\[\#09f\]{color:#09f}.pn\:text-\[var\(--pn-toolbar-foreground\,var\(--foreground\)\)\]{color:var(--pn-toolbar-foreground,var(--foreground))}.pn\:text-accent-foreground{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:text-background{color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:text-black\/75{color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:text-black\/75{color:color-mix(in oklab, var(--pn-color-black) 75%, transparent)}}.pn\:text-foreground,.pn\:text-foreground\/60{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:text-foreground\/60{color:color-mix(in oklab, var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0)))) 60%, transparent)}}.pn\:text-inherit{color:inherit}.pn\:text-muted-foreground{color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:text-popover-foreground{color:var(--pn-popover-foreground,var(--popover-foreground,var(--pn-default-popover-foreground,oklch(14.5% 0 0))))}.pn\:text-primary-foreground{color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:text-secondary-foreground{color:var(--pn-secondary-foreground,var(--secondary-foreground,var(--pn-default-secondary-foreground,oklch(20.5% 0 0))))}.pn\:text-sidebar-accent-foreground{color:var(--pn-sidebar-accent-foreground,var(--sidebar-accent-foreground,var(--pn-default-sidebar-accent-foreground,oklch(20.5% 0 0))))}.pn\:text-white{color:var(--pn-color-white)}.pn\:uppercase{text-transform:uppercase}.pn\:tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.pn\:underline{text-decoration-line:underline}.pn\:underline-offset-2{text-underline-offset:2px}.pn\:opacity-0{opacity:0}.pn\:opacity-50{opacity:.5}.pn\:opacity-60{opacity:.6}.pn\:opacity-70{opacity:.7}.pn\:opacity-\[0\.85\]{opacity:.85}.pn\:shadow-\[0_-6px_10px_-8px_rgba\(17\,20\,24\,0\.25\)\]{--tw-shadow:0 -6px 10px -8px var(--tw-shadow-color,#11141840);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_0_1px_rgba\(17\,20\,24\,0\.1\)\,0_1px_3px_0_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#1114181a), 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_5px_rgba\(16\,22\,26\,0\.3\)\,0_0_0_1px_rgba\(16\,22\,26\,0\.12\)\]{--tw-shadow:0 0 5px var(--tw-shadow-color,#10161a4d), 0 0 0 1px var(--tw-shadow-color,#10161a1f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_0_5px_rgba\(16\,22\,26\,0\.3\)\]{--tw-shadow:0 0 5px var(--tw-shadow-color,#10161a4d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-\[0_6px_10px_-8px_rgba\(17\,20\,24\,0\.25\)\]{--tw-shadow:0 6px 10px -8px var(--tw-shadow-color,#11141840);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-lg{--tw-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-md{--tw-shadow:var(--shadow-md,0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-sm{--tw-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:shadow-xs{--tw-shadow:var(--shadow-xs,0 1px 2px 0 #0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\: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)}.pn\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.pn\:ring-black\/15{--tw-ring-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:ring-black\/15{--tw-ring-color:color-mix(in oklab, var(--pn-color-black) 15%, transparent)}}.pn\:ring-black\/20{--tw-ring-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:ring-black\/20{--tw-ring-color:color-mix(in oklab, var(--pn-color-black) 20%, transparent)}}.pn\:ring-ring\/50{--tw-ring-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0)))) 50%, transparent)}}.pn\:ring-offset-background{--tw-ring-offset-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.pn\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.pn\:transition-\[border\]{transition-property:border;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\: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(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:duration-200{--tw-duration:.2s;transition-duration:.2s}.pn\:fade-in-0{--tw-enter-opacity:0}.pn\:outline-none{--tw-outline-style:none;outline-style:none}.pn\:select-none{-webkit-user-select:none;user-select:none}.pn\:zoom-in-95{--tw-enter-scale:.95}.pn\:ring-inset{--tw-ring-inset:inset}@media (hover:hover){.pn\:group-hover\/pn-resize-handle\:bg-primary:is(:where(.pn\:group\/pn-resize-handle):hover *){background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}}.pn\:group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.pn\:group\/input-group):has(>input) *){padding-top:calc(var(--pn-spacing) * 2.5)}.pn\:group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.pn\:group\/input-group):has(>input) *){padding-bottom:calc(var(--pn-spacing) * 2.5)}.pn\:group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.pn\:group\/input-group)[data-disabled=true] *){opacity:.5}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *){height:calc(var(--pn-spacing) * 9)}.pn\:group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){height:fit-content}.pn\:group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){width:100%}.pn\:group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){flex-direction:column}.pn\:group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.pn\:group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.pn\:group\/tabs-list)[data-variant=line] *){background-color:#0000}.pn\:selection\:bg-primary ::selection{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}.pn\:selection\:bg-primary::selection{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}.pn\:selection\:text-primary-foreground ::selection{color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:selection\:text-primary-foreground::selection{color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:file\:inline-flex::file-selector-button{display:inline-flex}.pn\:file\:h-7::file-selector-button{height:calc(var(--pn-spacing) * 7)}.pn\:file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.pn\:file\:bg-transparent::file-selector-button{background-color:#0000}.pn\:file\:text-sm::file-selector-button{font-size:var(--pn-text-sm);line-height:var(--tw-leading,var(--pn-text-sm--line-height))}.pn\:file\:font-medium::file-selector-button{--tw-font-weight:var(--pn-font-weight-medium);font-weight:var(--pn-font-weight-medium)}.pn\:file\:text-foreground::file-selector-button{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:placeholder\:text-muted-foreground::placeholder{color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:before\:h-3\/4:before{content:var(--tw-content);height:75%}.pn\:before\:w-2:before{content:var(--tw-content);width:calc(var(--pn-spacing) * 2)}.pn\:before\:rounded:before{content:var(--tw-content);border-radius:.25rem}.pn\:before\:border:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.pn\:before\:border-white\/60:before{content:var(--tw-content);border-color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:before\:border-white\/60:before{border-color:color-mix(in oklab, var(--pn-color-white) 60%, transparent)}}.pn\:before\:bg-black\/60:before{content:var(--tw-content);background-color:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:before\:bg-black\/60:before{background-color:color-mix(in oklab, var(--pn-color-black) 60%, transparent)}}.pn\:before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.pn\:after\:absolute:after{content:var(--tw-content);position:absolute}.pn\:after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--pn-spacing) * -3)}.pn\:after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--pn-spacing) * -2)}.pn\:after\:bg-foreground:after{content:var(--tw-content);background-color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:after\:opacity-0:after{content:var(--tw-content);opacity:0}.pn\:after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pn-default-transition-duration))}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:0}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--pn-spacing) * .5)}.pn\:group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:0}.pn\:group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--pn-spacing) * -1)}.pn\:group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--pn-spacing) * .5)}.pn\:first\:mt-0:first-child{margin-top:0}.pn\:first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px);border-bottom-left-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px)}.pn\:first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.pn\:first\:pt-1:first-child{padding-top:var(--pn-spacing)}.pn\:last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px);border-bottom-right-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px)}@media (hover:hover){.pn\:hover\:bg-accent:hover{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:hover\:bg-destructive\/90:hover{background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 90%, transparent)}}.pn\:hover\:bg-muted:hover{background-color:var(--pn-muted,var(--muted,var(--pn-default-muted,oklch(97% 0 0))))}.pn\:hover\:bg-primary\/90:hover{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0)))) 90%, transparent)}}.pn\:hover\:bg-secondary\/80:hover{background-color:var(--pn-secondary,var(--secondary,var(--pn-default-secondary,oklch(97% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--pn-secondary,var(--secondary,var(--pn-default-secondary,oklch(97% 0 0)))) 80%, transparent)}}.pn\:hover\:bg-sidebar-accent:hover{background-color:var(--pn-sidebar-accent,var(--sidebar-accent,var(--pn-default-sidebar-accent,oklch(97% 0 0))))}.pn\:hover\:text-accent-foreground:hover{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:hover\:text-foreground:hover{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:hover\:text-muted-foreground:hover{color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:hover\:text-primary-foreground:hover{color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:hover\:text-sidebar-accent-foreground:hover{color:var(--pn-sidebar-accent-foreground,var(--sidebar-accent-foreground,var(--pn-default-sidebar-accent-foreground,oklch(20.5% 0 0))))}.pn\:hover\:opacity-100:hover{opacity:1}.pn\:hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}}.pn\:focus\:z-10:focus{z-index:10}.pn\:focus\:ring-2: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)}.pn\:focus\:ring-ring:focus{--tw-ring-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}.pn\:focus\:ring-offset-2: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)}.pn\:focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.pn\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.pn\:focus-visible\:z-10:focus-visible{z-index:10}.pn\:focus-visible\:border-ring:focus-visible{border-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}.pn\:focus-visible\:ring-0:focus-visible{--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)}.pn\:focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.pn\:focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.pn\:focus-visible\:ring-\[3px\]: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)}.pn\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 20%, transparent)}}.pn\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0)))) 50%, transparent)}}.pn\:focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.pn\:focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.pn\:focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.pn\:focus-visible\:outline-ring:focus-visible{outline-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}.pn\:disabled\:pointer-events-none:disabled{pointer-events:none}.pn\:disabled\:cursor-default:disabled{cursor:default}.pn\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.pn\:disabled\:opacity-50:disabled{opacity:.5}.pn\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}.pn\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]: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)}.pn\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--pn-ring,var(--ring,var(--pn-default-ring,oklch(70.8% 0 0)))) 50%, transparent)}}.pn\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 20%, transparent)}}.pn\:has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.pn\:has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.pn\:has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.pn\:has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.pn\:has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--pn-spacing) * 2)}.pn\:has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.pn\:has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.pn\:has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.pn\:has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.pn\:has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--pn-spacing) * 2.5)}.pn\:has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--pn-spacing) * 3)}.pn\:has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--pn-spacing) * 4)}.pn\:has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.pn\:aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:aria-invalid\:ring-\[3px\][aria-invalid=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)}.pn\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 20%, transparent)}}.pn\:data-active\:bg-background[data-active]{background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:data-active\:text-foreground[data-active]{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.pn\:group\/tabs-list)[data-variant=default] *)[data-active]{--tw-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.pn\:group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]:after{content:var(--tw-content);opacity:1}.pn\:data-checked\:translate-x-\[calc\(100\%-2px\)\][data-checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-checked\:bg-primary[data-checked]{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(20.5% 0 0))))}.pn\:data-disabled\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.pn\:data-disabled\:opacity-50[data-disabled]{opacity:.5}.pn\:data-highlighted\:bg-accent[data-highlighted]{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:data-highlighted\:text-accent-foreground[data-highlighted]{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:data-pressed\:bg-accent[data-pressed]{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:data-pressed\:text-accent-foreground[data-pressed]{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:data-unchecked\:translate-x-0[data-unchecked]{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-unchecked\:bg-input[data-unchecked]{background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}.pn\:data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.pn\:data-\[closed\]\:animate-out[data-closed]{animation:pn-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)}.pn\:data-\[closed\]\:fade-out-0[data-closed]{--tw-exit-opacity:0}.pn\:data-\[closed\]\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.pn\:data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.pn\:data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.pn\:data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--pn-spacing) * 8)}.pn\:data-\[open\]\:animate-in[data-open]{animation:pn-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)}.pn\:data-\[open\]\:fade-in-0[data-open]{--tw-enter-opacity:0}.pn\:data-\[open\]\:zoom-in-95[data-open]{--tw-enter-scale:.95}.pn\:data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--pn-spacing) * 1.5)}.pn\:data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.pn\:data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.pn\:data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.pn\:data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.pn\:data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.pn\:data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--pn-spacing) * 44)}.pn\:data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--pn-spacing) * 1.5)}.pn\:data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.pn\:data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.pn\:data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.pn\:data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.pn\:data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:data-\[popup-open\]\:bg-accent[data-popup-open]{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}.pn\:data-\[popup-open\]\:text-accent-foreground[data-popup-open]{color:var(--pn-accent-foreground,var(--accent-foreground,var(--pn-default-accent-foreground,oklch(20.5% 0 0))))}.pn\:data-\[side\=bottom\]\:top-1[data-side=bottom]{top:var(--pn-spacing)}.pn\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.pn\:data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end]{top:50%!important}.pn\:data-\[side\=inline-end\]\:-left-1[data-side=inline-end]{left:calc(var(--pn-spacing) * -1)}.pn\:data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start]{top:50%!important}.pn\:data-\[side\=inline-start\]\:-right-1[data-side=inline-start]{right:calc(var(--pn-spacing) * -1)}.pn\:data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.pn\:data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--pn-spacing) * -1)}.pn\:data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.pn\:data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.pn\:data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--pn-spacing) * -1)}.pn\:data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pn\:data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.pn\:data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--pn-spacing) * -2.5)}.pn\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.pn\:data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--pn-spacing) * 9)}.pn\:data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--pn-spacing) * 8)}:is(.pn\:\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.pn\:\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.pn\:\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.pn\:\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--pn-spacing) * 2)}.pn\:data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 10%, transparent)}}.pn\:data-\[variant\=destructive\]\:data-highlighted\:text-destructive[data-variant=destructive][data-highlighted]{color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}.pn\:data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.pn\:data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.pn\:data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}@media not all and (min-width:48rem){.pn\:max-md\:absolute{position:absolute}.pn\:max-md\:bottom-\[54px\]{bottom:54px}.pn\:max-md\:z-\[100\]{z-index:100}.pn\:max-md\:flex{display:flex}.pn\:max-md\:hidden{display:none}.pn\:max-md\:\!h-\[50vh\]{height:50vh!important}.pn\:max-md\:h-\[54px\]{height:54px}.pn\:max-md\:h-auto{height:auto}.pn\:max-md\:\!w-auto{width:auto!important}.pn\:max-md\:w-full{width:100%}.pn\:max-md\:w-min{width:min-content}.pn\:max-md\:min-w-\[72px\]{min-width:72px}.pn\:max-md\:min-w-min{min-width:min-content}.pn\:max-md\:flex-row{flex-direction:row}.pn\:max-md\:overflow-auto{overflow:auto}.pn\:max-md\:bg-background{background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:max-md\:pt-\[9px\]{padding-top:9px}}@media (min-width:40rem){.pn\:sm\:max-w-lg{max-width:var(--pn-container-lg)}.pn\:sm\:flex-row{flex-direction:row}.pn\:sm\:justify-end{justify-content:flex-end}.pn\:sm\:text-left{text-align:left}}@media (min-width:48rem){.pn\:md\:min-w-\[72px\]{min-width:72px}.pn\:md\:overflow-x-hidden{overflow-x:hidden}.pn\:md\:overflow-y-auto{overflow-y:auto}.pn\:md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.pn\:md\:border-border{border-color:var(--pn-border,var(--border,var(--pn-default-border,oklch(92.2% 0 0))))}.pn\:md\:text-sm{font-size:var(--pn-text-sm);line-height:var(--tw-leading,var(--pn-text-sm--line-height))}}.pn\:dark\:border-input:is(.dark *){border-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}.pn\:dark\:bg-destructive\/60:is(.dark *){background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 60%, transparent)}}.pn\:dark\:bg-input\/30:is(.dark *){background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0)))) 30%, transparent)}}.pn\:dark\:bg-transparent:is(.dark *){background-color:#0000}.pn\:dark\:bg-white\/5:is(.dark *){background-color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:bg-white\/5:is(.dark *){background-color:color-mix(in oklab, var(--pn-color-white) 5%, transparent)}}.pn\:dark\:text-muted-foreground:is(.dark *){color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:dark\:text-white\/\[0\.92\]:is(.dark *){color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:text-white\/\[0\.92\]:is(.dark *){color:color-mix(in oklab, var(--pn-color-white) 92%, transparent)}}.pn\:dark\:shadow-\[0_-6px_10px_-8px_rgba\(0\,0\,0\,0\.5\)\]:is(.dark *){--tw-shadow:0 -6px 10px -8px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:dark\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\,0_1px_3px_0_rgba\(0\,0\,0\,0\.4\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.4\)\]:is(.dark *){--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff1a), 0 1px 3px 0 var(--tw-shadow-color,#0006), 0 1px 2px -1px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:dark\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.16\)\]:is(.dark *){--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff29);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:dark\:shadow-\[0_6px_10px_-8px_rgba\(0\,0\,0\,0\.5\)\]:is(.dark *){--tw-shadow:0 6px 10px -8px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.pn\:dark\:ring-white\/15:is(.dark *){--tw-ring-color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:ring-white\/15:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--pn-color-white) 15%, transparent)}}.pn\:dark\:ring-white\/20:is(.dark *){--tw-ring-color:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:ring-white\/20:is(.dark *){--tw-ring-color:color-mix(in oklab, var(--pn-color-white) 20%, transparent)}}.pn\:dark\:invert:is(.dark *){--tw-invert:invert(100%);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,)}@media (hover:hover){.pn\:dark\:hover\:bg-accent:is(.dark *):hover,.pn\:dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--pn-accent,var(--accent,var(--pn-default-accent,oklch(97% 0 0)))) 50%, transparent)}}.pn\:dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0)))) 50%, transparent)}}.pn\:dark\:hover\:text-foreground:is(.dark *):hover{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}}.pn\:dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 40%, transparent)}}.pn\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 40%, transparent)}}.pn\:dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 50%, transparent)}}.pn\:dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 40%, transparent)}}.pn\:dark\:data-active\:border-input:is(.dark *)[data-active]{border-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}.pn\:dark\:data-active\:bg-input\/30:is(.dark *)[data-active]{background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:data-active\:bg-input\/30:is(.dark *)[data-active]{background-color:color-mix(in oklab, var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0)))) 30%, transparent)}}.pn\:dark\:data-active\:text-foreground:is(.dark *)[data-active]{color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]{border-color:#0000}.pn\:dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.pn\:dark\:data-checked\:bg-primary-foreground:is(.dark *)[data-checked]{background-color:var(--pn-primary-foreground,var(--primary-foreground,var(--pn-default-primary-foreground,oklch(98.5% 0 0))))}.pn\:dark\:data-unchecked\:bg-foreground:is(.dark *)[data-unchecked]{background-color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}.pn\:dark\:data-unchecked\:bg-input\/80:is(.dark *)[data-unchecked]{background-color:var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:data-unchecked\:bg-input\/80:is(.dark *)[data-unchecked]{background-color:color-mix(in oklab, var(--pn-input,var(--input,var(--pn-default-input,oklch(92.2% 0 0)))) 80%, transparent)}}.pn\:dark\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/20:is(.dark *)[data-variant=destructive][data-highlighted]{background-color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:data-\[variant\=destructive\]\:data-highlighted\:bg-destructive\/20:is(.dark *)[data-variant=destructive][data-highlighted]{background-color:color-mix(in oklab, var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325)))) 20%, transparent)}}.pn\:pn-mobile\:absolute:is(.polotno-mobile *){position:absolute}.pn\:pn-mobile\:bottom-\[54px\]:is(.polotno-mobile *){bottom:54px}.pn\:pn-mobile\:z-\[100\]:is(.polotno-mobile *){z-index:100}.pn\:pn-mobile\:hidden:is(.polotno-mobile *){display:none}.pn\:pn-mobile\:\!h-\[50vh\]:is(.polotno-mobile *){height:50vh!important}.pn\:pn-mobile\:h-\[54px\]:is(.polotno-mobile *){height:54px}.pn\:pn-mobile\:h-auto:is(.polotno-mobile *){height:auto}.pn\:pn-mobile\:\!w-auto:is(.polotno-mobile *){width:auto!important}.pn\:pn-mobile\:w-full:is(.polotno-mobile *){width:100%}.pn\:pn-mobile\:w-min:is(.polotno-mobile *){width:min-content}.pn\:pn-mobile\:min-w-\[72px\]:is(.polotno-mobile *){min-width:72px}.pn\:pn-mobile\:min-w-min:is(.polotno-mobile *){min-width:min-content}.pn\:pn-mobile\:flex-row:is(.polotno-mobile *){flex-direction:row}.pn\:pn-mobile\:overflow-auto:is(.polotno-mobile *){overflow:auto}.pn\:pn-mobile\:bg-background:is(.polotno-mobile *){background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))))}.pn\:pn-mobile\:pt-\[9px\]:is(.polotno-mobile *){padding-top:9px}.pn\:\[\&_\.credit\]\:opacity-100 .credit{opacity:1}@media (min-width:48rem){.pn\:md\:\[\&_\.credit\]\:opacity-0 .credit{opacity:0}@media (hover:hover){.pn\:md\:hover\:\[\&_\.credit\]\:opacity-100:hover .credit{opacity:1}}}@media (hover:hover){.pn\:hover\:\[\&_\.video-grid__item-credit\]\:opacity-100:hover .video-grid item-credit{opacity:1}}.pn\:\[\&_a\]\:text-white a{color:var(--pn-color-white)}.pn\:\[\&_a\]\:underline a{text-decoration-line:underline}.pn\:\[\&_path\]\:fill-black\/50 path{fill:var(--pn-color-black)}@supports (color:color-mix(in lab, red, red)){.pn\:\[\&_path\]\:fill-black\/50 path{fill:color-mix(in oklab, var(--pn-color-black) 50%, transparent)}}.pn\:dark\:\[\&_path\]\:fill-white\/70:is(.dark *) path{fill:var(--pn-color-white)}@supports (color:color-mix(in lab, red, red)){.pn\:dark\:\[\&_path\]\:fill-white\/70:is(.dark *) path{fill:color-mix(in oklab, var(--pn-color-white) 70%, transparent)}}.pn\:\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.pn\:\[\&_svg\]\:size-4 svg{width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.pn\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--pn-muted-foreground,var(--muted-foreground,var(--pn-default-muted-foreground,oklch(55.6% 0 0))))}.pn\:\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.pn\:\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.pn\:\[\&\:hover_\.polotno-track-menu\]\:pointer-events-auto:hover .polotno-track-menu{pointer-events:auto}.pn\:\[\&\:hover_\.polotno-track-menu\]\:opacity-100:hover .polotno-track-menu{opacity:1}.pn\:\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--pn-spacing) * 3)}.pn\:\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--pn-spacing) * 3)}:is(.pn\:\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.pn\:\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.pn\:\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--pn-spacing) * 2)}:is(.pn\:data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):is(svg){color:var(--pn-destructive,var(--destructive,var(--pn-default-destructive,oklch(57.7% .245 27.325))))!important}.pn\:\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.pn\:\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.pn\:\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.pn\:\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.pn\:\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.pn\:\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.pn\:\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.pn\:\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.pn\:has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px);border-bottom-right-radius:calc(var(--pn-radius,var(--radius,.625rem)) - 2px)}.pn\:\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.pn\:\[\&\>input\]\:flex-1>input{flex:1}.pn\:has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--pn-spacing) * 3)}.pn\:has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--pn-spacing) * 3)}.pn\:has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--pn-spacing) * 2)}.pn\:has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--pn-spacing) * 2)}.pn\:\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.pn\:\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}@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}.dark .polotno-ui,.polotno-ui.dark,[data-polotno-theme=dark]{--pn-default-background:oklch(14.5% 0 0);--pn-default-foreground:oklch(98.5% 0 0);--pn-default-card:oklch(20.5% 0 0);--pn-default-card-foreground:oklch(98.5% 0 0);--pn-default-popover:oklch(20.5% 0 0);--pn-default-popover-foreground:oklch(98.5% 0 0);--pn-default-primary:oklch(92.2% 0 0);--pn-default-primary-foreground:oklch(20.5% 0 0);--pn-default-secondary:oklch(26.9% 0 0);--pn-default-secondary-foreground:oklch(98.5% 0 0);--pn-default-muted:oklch(26.9% 0 0);--pn-default-muted-foreground:oklch(70.8% 0 0);--pn-default-accent:oklch(26.9% 0 0);--pn-default-accent-foreground:oklch(98.5% 0 0);--pn-default-destructive:oklch(70.4% .191 22.216);--pn-default-destructive-foreground:oklch(98.5% 0 0);--pn-default-border:oklch(100% 0 0/.1);--pn-default-input:oklch(100% 0 0/.15);--pn-default-ring:oklch(55.6% 0 0);--pn-default-chart-1:oklch(83.64% .097 301.177);--pn-default-chart-2:oklch(72.22% .1229 192.748);--pn-default-chart-3:oklch(75.59% .1672 354.525);--pn-default-chart-4:oklch(66.62% .2088 22.1341);--pn-default-chart-5:oklch(94.12% .2004 105.689);--pn-default-sidebar:oklch(20.5% 0 0);--pn-default-sidebar-foreground:oklch(98.5% 0 0);--pn-default-sidebar-primary:oklch(48.8% .243 264.376);--pn-default-sidebar-primary-foreground:oklch(98.5% 0 0);--pn-default-sidebar-accent:oklch(26.9% 0 0);--pn-default-sidebar-accent-foreground:oklch(98.5% 0 0);--pn-default-sidebar-border:oklch(100% 0 0/.1);--pn-default-sidebar-ring:oklch(55.6% 0 0)}[data-polotno-theme=light]{--pn-default-background:initial;--pn-default-foreground:initial;--pn-default-card:initial;--pn-default-card-foreground:initial;--pn-default-popover:initial;--pn-default-popover-foreground:initial;--pn-default-primary:initial;--pn-default-primary-foreground:initial;--pn-default-secondary:initial;--pn-default-secondary-foreground:initial;--pn-default-muted:initial;--pn-default-muted-foreground:initial;--pn-default-accent:initial;--pn-default-accent-foreground:initial;--pn-default-destructive:initial;--pn-default-destructive-foreground:initial;--pn-default-border:initial;--pn-default-input:initial;--pn-default-ring:initial;--pn-default-chart-1:initial;--pn-default-chart-2:initial;--pn-default-chart-3:initial;--pn-default-chart-4:initial;--pn-default-chart-5:initial;--pn-default-sidebar:initial;--pn-default-sidebar-foreground:initial;--pn-default-sidebar-primary:initial;--pn-default-sidebar-primary-foreground:initial;--pn-default-sidebar-accent:initial;--pn-default-sidebar-accent-foreground:initial;--pn-default-sidebar-border:initial;--pn-default-sidebar-ring:initial}[data-polotno-isolated]{--pn-background:var(--pn-default-background,oklch(100% 0 0));--pn-foreground:var(--pn-default-foreground,oklch(14.5% 0 0));--pn-card:var(--pn-default-card,oklch(100% 0 0));--pn-card-foreground:var(--pn-default-card-foreground,oklch(14.5% 0 0));--pn-popover:var(--pn-default-popover,oklch(100% 0 0));--pn-popover-foreground:var(--pn-default-popover-foreground,oklch(14.5% 0 0));--pn-primary:var(--pn-default-primary,oklch(20.5% 0 0));--pn-primary-foreground:var(--pn-default-primary-foreground,oklch(98.5% 0 0));--pn-secondary:var(--pn-default-secondary,oklch(97% 0 0));--pn-secondary-foreground:var(--pn-default-secondary-foreground,oklch(20.5% 0 0));--pn-muted:var(--pn-default-muted,oklch(97% 0 0));--pn-muted-foreground:var(--pn-default-muted-foreground,oklch(55.6% 0 0));--pn-accent:var(--pn-default-accent,oklch(97% 0 0));--pn-accent-foreground:var(--pn-default-accent-foreground,oklch(20.5% 0 0));--pn-destructive:var(--pn-default-destructive,oklch(57.7% .245 27.325));--pn-destructive-foreground:var(--pn-default-destructive-foreground,oklch(98.5% 0 0));--pn-border:var(--pn-default-border,oklch(92.2% 0 0));--pn-input:var(--pn-default-input,oklch(92.2% 0 0));--pn-ring:var(--pn-default-ring,oklch(70.8% 0 0));--pn-chart-1:var(--pn-default-chart-1,oklch(57.37% .2579 294.891));--pn-chart-2:var(--pn-default-chart-2,oklch(53.24% .0917 190.843));--pn-chart-3:var(--pn-default-chart-3,oklch(75.59% .1672 354.525));--pn-chart-4:var(--pn-default-chart-4,oklch(66.62% .2088 22.1341));--pn-chart-5:var(--pn-default-chart-5,oklch(94.12% .2004 105.689));--pn-sidebar:var(--pn-default-sidebar,oklch(98.5% 0 0));--pn-sidebar-foreground:var(--pn-default-sidebar-foreground,oklch(14.5% 0 0));--pn-sidebar-primary:var(--pn-default-sidebar-primary,oklch(20.5% 0 0));--pn-sidebar-primary-foreground:var(--pn-default-sidebar-primary-foreground,oklch(98.5% 0 0));--pn-sidebar-accent:var(--pn-default-sidebar-accent,oklch(97% 0 0));--pn-sidebar-accent-foreground:var(--pn-default-sidebar-accent-foreground,oklch(20.5% 0 0));--pn-sidebar-border:var(--pn-default-sidebar-border,oklch(92.2% 0 0));--pn-sidebar-ring:var(--pn-default-sidebar-ring,oklch(70.8% 0 0))}:where(.polotno-ui,[class*=polotno-]){font-family:var(--pn-font-sans,var(--font-sans,ui-sans-serif, system-ui, sans-serif))}.polotno-ui{background-color:var(--pn-background,var(--background,var(--pn-default-background,oklch(100% 0 0))));color:var(--pn-foreground,var(--foreground,var(--pn-default-foreground,oklch(14.5% 0 0))))}[class*=polotno-] [data-slot=button][data-active]{background-color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(55.65% .243 261.953))))}@supports (color:color-mix(in lab, red, red)){[class*=polotno-] [data-slot=button][data-active]{background-color:color-mix(in srgb, var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(55.65% .243 261.953)))) 15%, transparent)}}[class*=polotno-] [data-slot=button][data-active]{color:var(--pn-primary,var(--primary,var(--pn-default-primary,oklch(55.65% .243 261.953))))}:where(.polotno-ui,[class*=polotno-]) :where(button,[role=button]){cursor:pointer}[data-pn-icon]{vertical-align:middle;display:inline-block}.dark .polotno-ui .polotno-text-preview-plain,.polotno-ui.dark .polotno-text-preview-plain,[data-polotno-theme=dark] .polotno-text-preview-plain,.dark .polotno-ui .polotno-element-preview,.polotno-ui.dark .polotno-element-preview,[data-polotno-theme=dark] .polotno-element-preview{filter:invert()}@layer polotno{.pn-toolbar{white-space:nowrap}.pn-toolbar--condensed .pn-toolbar-text{display:none}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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:0}@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-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes pn-spin{to{transform:rotate(360deg)}}@keyframes pn-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 pn-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))}}
package/utils/fonts.js CHANGED
@@ -1 +1 @@
1
- import*as t from"mobx";import{triggerLoadError as n,getFontLoadTimeout as o}from"./loader.js";import{removeTags as e}from"./text.js";let a=t.observable(["Roboto","Amatic SC","Press Start 2P","Marck Script","Rubik Mono One"]),s=t.observable({value:!1});export function isGoogleFontChanged(){return s.value}export function setGoogleFonts(t){"default"!==t?(s.value=!0,a.splice(0,a.length),a.push(...t)):s.value=!1}export function getFontsList(){return a}export const globalFonts=t.observable([]);export function addGlobalFont(t){globalFonts.push(t)}export function removeGlobalFont(t){const n=globalFonts.findIndex(n=>n.fontFamily===t);-1!==n&&globalFonts.splice(n,1)}export function replaceGlobalFonts(t){globalFonts.replace(t)}const r="BESbswy 0123456789 Il1Ww",i=["sans-serif","serif","monospace"];function l(t){const n=function(t=""){const n=e(t).replace(/\s+/g," ").trim();return n?Array.from(n).slice(0,10).join(""):""}(t);return n?`${r} ${n}`:r}export function _getFontProbeTextForTesting(t){return l(t)}let c;function u(t){return{width:t.width,actualBoundingBoxLeft:t.actualBoundingBoxLeft||0,actualBoundingBoxRight:t.actualBoundingBoxRight||0,actualBoundingBoxAscent:t.actualBoundingBoxAscent||0,actualBoundingBoxDescent:t.actualBoundingBoxDescent||0}}function f(t="sans-serif",n="normal",o="normal",e=r){c||(c=document.createElement("canvas"));const a=c.getContext("2d");return a.font=`${n} ${o} 40px ${t}`,u(a.measureText(e))}function d(t,n,o,e,a){return i.some(s=>{const i=function(t,n="sans-serif",o="normal",e="normal",a=r){c||(c=document.createElement("canvas"));const s=c.getContext("2d");return s.font=`${o} ${e} 40px '${t}', ${n}`,u(s.measureText(a))}(t,s,n,o,e);return function(t,n,o=.01){return Math.abs(t.width-n.width)>o||Math.abs(t.actualBoundingBoxLeft-n.actualBoundingBoxLeft)>o||Math.abs(t.actualBoundingBoxRight-n.actualBoundingBoxRight)>o||Math.abs(t.actualBoundingBoxAscent-n.actualBoundingBoxAscent)>o||Math.abs(t.actualBoundingBoxDescent-n.actualBoundingBoxDescent)>o}(i,a[s])})}export function measureFontDom(t,n="sans-serif",o="normal",e="normal",a=r){if("undefined"==typeof document||!document.body){return 0}const s=document.createElement("span");s.textContent=a,s.style.cssText=`\n position:absolute;\n visibility:hidden;\n white-space:nowrap;\n top:-9999px;\n left:-9999px;\n font:${o} ${e} 90px '${t}', ${n};\n `,document.body.appendChild(s);const i=s.getBoundingClientRect().width;return s.remove(),i}const m={Arial:!0};export const isFontLoaded=(t,n,o)=>n&&o?!!m[`${t}_${n}_${o}`]:Object.keys(m).some(n=>n.startsWith(t+"_"))||!!m[t];export function _setFontLoadedForTesting(t,n){n?m[t]=!0:delete m[t]}export async function loadFont(t,e,a,s){var r;const i=`${t}_${e}_${a}`;if(m[i]){return}const c=!!(null===(r=document.fonts)||void 0===r?void 0:r.load),u=l(s),g={"sans-serif":f("sans-serif",e,a,u),serif:f("serif",e,a,u),monospace:f("monospace",e,a,u)};if(c){try{if(await document.fonts.load(`${e} ${a} 16px '${t}'`,u),d(t,e,a,u,g)){return void(m[i]=!0)}}catch(h){}}const x=Math.min(6e3,o())/60;for(let n=0;n<x;n++){if(t in p&&!p[t]&&injectGoogleFont(t),c){try{await document.fonts.load(`${e} ${a} 16px '${t}'`,u)}catch(B){}}if(d(t,e,a,u,g)){return void(m[i]=!0)}await new Promise(t=>setTimeout(t,60))}console.warn(`Timeout for loading font "${t}". Looks like polotno can't load it. Is it a correct font family?`),n(`Timeout for loading font "${t}"`)}const p={};let g="400,400italic,700,700italic";export function setGoogleFontsVariants(t){g=t}export function getGoogleFontsVariants(){return g}export function getGoogleFontsUrl(t){return`https://fonts.googleapis.com/css?family=${t.replace(/ /g,"+")}:${g}`}export function injectGoogleFont(t){if(p[t]){return}const n=getGoogleFontsUrl(t),o=document.createElement("link");o.type="text/css",o.href=n,o.rel="stylesheet",o.onerror=()=>{o.remove(),p[t]=!1},document.getElementsByTagName("head")[0].appendChild(o),p[t]=!0}const x={};let h;export function injectCustomFont(t){const n=t.fontFamily;if(x[n]){return}if(!t.url&&!t.styles){return}const o=t.styles||(t.url?[{src:`url("${t.url}")`}]:[]),e=(h||(h=document.getElementById("polotno-font-style"),h||(h=document.createElement("style"),h.id="polotno-font-style",document.head.appendChild(h)),h)).sheet;o.forEach(t=>{e.insertRule(`\n @font-face{\n font-family:'${n}';\n src:${t.src};\n font-style:${t.fontStyle||"normal"};\n font-weight:${t.fontWeight||"normal"};\n font-display:swap; /* optional but recommended */\n }`,e.cssRules.length)}),x[t.fontFamily]=!0}
1
+ import*as t from"mobx";import{triggerLoadError as n,getFontLoadTimeout as o}from"./loader.js";import{removeTags as e}from"./text.js";let r=t.observable(["Roboto","Amatic SC","Press Start 2P","Marck Script","Rubik Mono One"]),s=t.observable({value:!1});export function isGoogleFontChanged(){return s.value}export function setGoogleFonts(t){"default"!==t?(s.value=!0,r.splice(0,r.length),r.push(...t)):s.value=!1}export function getFontsList(){return r}export const globalFonts=t.observable([]);export function addGlobalFont(t){globalFonts.push(t)}export function removeGlobalFont(t){const n=globalFonts.findIndex(n=>n.fontFamily===t);-1!==n&&globalFonts.splice(n,1)}export function replaceGlobalFonts(t){globalFonts.replace(t)}const a="BESbswy 0123456789 Il1Ww",i=["sans-serif","serif","monospace"];function l(t){const n=function(t=""){const n=e(t).replace(/\s+/g," ").trim();return n?Array.from(n).slice(0,10).join(""):""}(t);return n?`${a} ${n}`:a}export function _getFontProbeTextForTesting(t){return l(t)}let c;function u(t){return{width:t.width,actualBoundingBoxLeft:t.actualBoundingBoxLeft||0,actualBoundingBoxRight:t.actualBoundingBoxRight||0,actualBoundingBoxAscent:t.actualBoundingBoxAscent||0,actualBoundingBoxDescent:t.actualBoundingBoxDescent||0}}function d(t="sans-serif",n="normal",o="normal",e=a){c||(c=document.createElement("canvas"));const r=c.getContext("2d");return r.font=`${n} ${o} 40px ${t}`,u(r.measureText(e))}function f(t,n,o,e,r){return i.some(s=>{const i=function(t,n="sans-serif",o="normal",e="normal",r=a){c||(c=document.createElement("canvas"));const s=c.getContext("2d");return s.font=`${o} ${e} 40px '${t}', ${n}`,u(s.measureText(r))}(t,s,n,o,e);return function(t,n,o=.01){return Math.abs(t.width-n.width)>o||Math.abs(t.actualBoundingBoxLeft-n.actualBoundingBoxLeft)>o||Math.abs(t.actualBoundingBoxRight-n.actualBoundingBoxRight)>o||Math.abs(t.actualBoundingBoxAscent-n.actualBoundingBoxAscent)>o||Math.abs(t.actualBoundingBoxDescent-n.actualBoundingBoxDescent)>o}(i,r[s])})}export function measureFontDom(t,n="sans-serif",o="normal",e="normal",r=a){if("undefined"==typeof document||!document.body){return 0}const s=document.createElement("span");s.textContent=r,s.style.cssText=`\n position:absolute;\n visibility:hidden;\n white-space:nowrap;\n top:-9999px;\n left:-9999px;\n font:${o} ${e} 90px '${t}', ${n};\n `,document.body.appendChild(s);const i=s.getBoundingClientRect().width;return s.remove(),i}const m={Arial:!0};export const isFontLoaded=(t,n,o)=>n&&o?!!m[`${t}_${n}_${o}`]:Object.keys(m).some(n=>n.startsWith(t+"_"))||!!m[t];export function _setFontLoadedForTesting(t,n){n?m[t]=!0:delete m[t]}export async function loadFont(t,e,r,s){var a;const i=`${t}_${e}_${r}`;if(m[i]){return}const c=!!(null===(a=document.fonts)||void 0===a?void 0:a.load),u=l(s),h={"sans-serif":d("sans-serif",e,r,u),serif:d("serif",e,r,u),monospace:d("monospace",e,r,u)};if(c){try{if(await document.fonts.load(`${e} ${r} 16px '${t}'`,u),f(t,e,r,u,h)){return void x(i,t)}}catch($){}}const B=Math.min(6e3,o())/60;for(let o=0;o<B;o++){if("missing"===p[t]){const o=`Font "${t}" not found: not registered and no matching Google Font.`;return console.warn(o),void n(o)}if(t in g&&!g[t]&&"errored"===p[t]&&injectGoogleFont(t),c){try{await document.fonts.load(`${e} ${r} 16px '${t}'`,u)}catch(b){}}if(f(t,e,r,u,h)){return void x(i,t)}await new Promise(t=>setTimeout(t,60))}console.warn(`Timeout for loading font "${t}". Looks like polotno can't load it. Is it a correct font family?`),n(`Timeout for loading font "${t}"`)}const g={},p={};function x(t,n){m[t]=!0,delete p[n]}let h="400,400italic,700,700italic";export function setGoogleFontsVariants(t){h=t}export function getGoogleFontsVariants(){return h}export function getGoogleFontsUrl(t){return`https://fonts.googleapis.com/css?family=${t.replace(/ /g,"+")}:${h}`}export function injectGoogleFont(t){if(g[t]){return}const n=getGoogleFontsUrl(t),o=document.createElement("link");o.type="text/css",o.href=n,o.rel="stylesheet",o.onerror=()=>{o.remove(),g[t]=!1,"errored"===p[t]?function(t){p[t]="probing",fetch(getGoogleFontsUrl(t),{mode:"no-cors"}).then(()=>{p[t]="missing"}).catch(()=>{delete p[t]})}(t):p[t]||(p[t]="errored")},document.getElementsByTagName("head")[0].appendChild(o),g[t]=!0}const B={};let $;export function injectCustomFont(t){const n=t.fontFamily;if(B[n]){return}if(!t.url&&!t.styles){return}delete p[n];const o=t.styles||(t.url?[{src:`url("${t.url}")`}]:[]),e=($||($=document.getElementById("polotno-font-style"),$||($=document.createElement("style"),$.id="polotno-font-style",document.head.appendChild($)),$)).sheet;o.forEach(t=>{e.insertRule(`\n @font-face{\n font-family:'${n}';\n src:${t.src};\n font-style:${t.fontStyle||"normal"};\n font-weight:${t.fontWeight||"normal"};\n font-display:swap; /* optional but recommended */\n }`,e.cssRules.length)}),B[t.fontFamily]=!0}
package/utils/l10n.d.ts CHANGED
@@ -99,6 +99,7 @@ export declare const getTranslations: () => {
99
99
  strokeSettings: string;
100
100
  spacing: string;
101
101
  volume: string;
102
+ speed: string;
102
103
  lineStyle: string;
103
104
  lineStartHead: string;
104
105
  lineEndHead: string;
@@ -247,6 +248,7 @@ export declare const getTranslations: () => {
247
248
  muteAudio: string;
248
249
  unmuteAudio: string;
249
250
  volume: string;
251
+ speed: string;
250
252
  };
251
253
  contextMenu: {
252
254
  duplicate: string;
package/utils/l10n.js CHANGED
@@ -1 +1 @@
1
- import{observable as e,action as o,toJS as r}from"mobx";const a=e({toolbar:{duration:"Duration",opacity:"Opacity",effects:"Effects",blur:"Blur",curvedText:"Curved text",curvePower:"Power",temperature:"Temperature",saturation:"Saturation",contrast:"Contrast",shadows:"Shadows",white:"White",black:"Black",vibrance:"Vibrance",textBackground:"Background",backgroundCornerRadius:"Corner radius",backgroundOpacity:"Opacity",backgroundPadding:"Padding",brightness:"Brightness",filters:"Filters",sepia:"Sepia",grayscale:"Grayscale",cold:"Cold",natural:"Natural",warm:"Warm",textStroke:"Text Stroke",shadow:"Shadow",border:"Border",cornerRadius:"Corner Radius",copyStyle:"Copy style",uppercase:"Uppercase",position:"Position",layering:"Layering",toForward:"To Front",up:"Forward",down:"Backward",toBottom:"To back",alignLeft:"Align left",alignCenter:"Align center",alignRight:"Align right",alignTop:"Align top",alignMiddle:"Align middle",alignBottom:"Align bottom",flip:"Flip",flipHorizontally:"Flip horizontally",flipVertically:"Flip vertically",fitToBackground:"Fit to page",removeBackground:"Remove background",removeBackgroundTitle:"Remove background from image",cancelRemoveBackground:"Cancel",confirmRemoveBackground:"Confirm",crop:"Crop",cropDone:"Done",cropCancel:"Cancel",clip:"Apply mask",removeClip:"Remove mask",removeMask:"Remove mask",transparency:"Transparency",lockedDescription:"Object is locked. Unlock it to allow changes from canvas.",unlockedDescription:"Object is unlocked. Lock it to prevent changes from canvas.",removeElements:"Remove elements",duplicateElements:"Duplicate elements",download:"Download",saveAsImage:"Save as image",saveAsPDF:"Save as PDF",lineHeight:"Line height",letterSpacing:"Letter spacing",offsetX:"Offset X",offsetY:"Offset Y",color:"Color",selectable:"Selectable",draggable:"Draggable",removable:"Removable",resizable:"Resizable",contentEditable:"Can change content",styleEditable:"Can change style",alwaysOnTop:"Always on top",showInExport:"Show in export",ungroupElements:"Ungroup",groupElements:"Group",lineSize:"Line size",fade:"Fade",move:"Move",zoom:"Zoom",animate:"Animate",rotate:"Rotate",none:"None",bounce:"Bounce",blink:"Blink",strength:"Strength",spaceEvenly:"Space evenly",horizontalDistribution:"Horizontally",verticalDistribution:"Vertically",strokeWidth:"Stroke Width",strokeSettings:"Stroke settings",spacing:"Spacing",volume:"Volume",lineStyle:"Line style",lineStartHead:"Line start",lineEndHead:"Line end",textDirection:"Text direction",fontSize:"Font size",fontFamily:"Font family",fontFamilyMixed:"Mixed",fontsInSelection:"Fonts in selection",textAlign:"Text align",verticalAlign:"Vertical align",bold:"Bold",italic:"Italic",underline:"Underline",strikethrough:"Strikethrough",cellBackground:"Cell background",tableBorderSettings:"Border settings",tableBorderColor:"Border color",tableBorderWidth:"Border width",tableBorderStyle:"Border style",borderModeAll:"All borders",borderModeOuter:"Outer borders",borderModeInner:"Inner borders",borderModeBottomOnly:"Bottom only",borderModeTopOnly:"Top only",borderModeLeftOnly:"Left only",borderModeRightOnly:"Right only",borderModeInnerHorizontal:"Inner horizontal",borderModeInnerVertical:"Inner vertical",tableStructure:"Table structure",tableRows:"Rows",tableColumns:"Columns",insertRowAbove:"Insert row above",insertRowBelow:"Insert row below",deleteRow:"Delete row",insertColumnLeft:"Insert column left",insertColumnRight:"Insert column right",deleteColumn:"Delete column",deleteRows:"Delete rows",deleteColumns:"Delete columns",distributeRowsEvenly:"Distribute rows evenly",distributeColumnsEvenly:"Distribute columns evenly",cellPadding:"Cell padding",listFormat:"List",colorPicker:{solid:"Solid",linear:"Linear",angle:"Angle",colors:"Colors",resetColors:"Reset",recolorAll:"Recolor all"},aiText:{aiWrite:"AI write",rewrite:"Rewrite",shorten:"Shorten",continue:"Continue writing",proofread:"Proofread",tones:"Tones",friendly:"Friendly",professional:"Professional",humorous:"Humorous",formal:"Formal",customPrompt:"Custom prompt",generatedResult:"Generated result",cancel:"Cancel",generate:"Generate",back:"Back",tryAgain:"Try Again",insert:"Insert",promptPlaceholder:"Describe what you want to generate"}},workspace:{noPages:"There are no pages yet...",addPage:"Add page",removePage:"Remove page",duplicatePage:"Duplicate page",moveUp:"Move up",moveDown:"Move down",moveLeft:"Move left",moveRight:"Move right"},scale:{reset:"Reset"},error:{removeBackground:"Ops! Something went wrong. Background can not be removed."},sidePanel:{templates:"Templates",searchTemplatesWithSameSize:"Show templates with the same size",searchPlaceholder:"Search...",otherFormats:"Other formats",noResults:"No results",error:"Loading is failed...",text:"Text",uploadFont:"Upload font",myFonts:"My fonts",photos:"Photos",videos:"Videos",animations:"Animations",effects:"Effects",elements:"Elements",shapes:"Shapes",tables:"Tables",lines:"Lines",draw:"Draw",upload:"Upload",uploadImage:"Add file",uploadTip:"Upload your assets",background:"Background",resize:"Resize",layers:"Layers",animate:"Animate",layerTypes:{image:"Image",text:"Text",svg:"SVG",line:"Line",figure:"Figure",group:"Group"},layersTip:"Elements on your active page:",noLayers:"No elements on the page...",namePlaceholder:"Type element name...",useMagicResize:"Use magic resize",clipImage:"Mask image",width:"Width",height:"Height",units:"Units",magicResizeDescription:"Magic resize will automatically resize and move all elements on the canvas",headerText:"Header",createHeader:"Create header",subHeaderText:"Sub Header",createSubHeader:"Create sub header",bodyText:"Body text",createBody:"Create body text"},pagesTimeline:{pages:"Pages",removePage:"Remove page",addPage:"Add page",duplicatePage:"Duplicate page",removeAudio:"Remove audio",duplicateAudio:"Duplicate audio",muteAudio:"Mute",unmuteAudio:"Unmute",volume:"Volume"},contextMenu:{duplicate:"Duplicate",remove:"Remove",lock:"Lock",unlock:"Unlock",copy:"Copy",paste:"Paste",copyStyle:"Copy style",moveUp:"Move up",moveDown:"Move down",moveBack:"Move back",moveForward:"Move forward"}}),n=e=>e&&"object"==typeof e;function l(e,o){Object.keys(o).forEach(r=>{const a=e[r],i=o[r];n(i)&&n(a)?l(a,i):e[r]=i})}function i(e,o,r=""){Object.keys(o).forEach(a=>{const l=o[a],s=r?`${r}.${a}`:a;n(l)?n(e[a])?i(e[a],l,s):console.warn(`Missing nested translation object at '${s}'`):void 0===e[a]&&console.warn(`Missing translation '${s}'`)})}export const setTranslations=o((e,{validate:o=!1}={})=>{o&&i(e,a),l(a,e)});export const getTranslations=()=>r(a);const s={};export const t=e=>{const o=function(e,o){var r,a=o.split("."),n=e;for(r=0;r<a.length;++r){if(null==n[a[r]]){return}n=n[a[r]]}return n}(a,e);if(void 0!==o){return o}s[e]||(s[e]=!0,console.warn(`Missing translation '${e}'`));const r=e.split("."),n=r[r.length-1]||" ";return n.charAt(0).toUpperCase()+n.slice(1)};
1
+ import{observable as e,action as o,toJS as r}from"mobx";const a=e({toolbar:{duration:"Duration",opacity:"Opacity",effects:"Effects",blur:"Blur",curvedText:"Curved text",curvePower:"Power",temperature:"Temperature",saturation:"Saturation",contrast:"Contrast",shadows:"Shadows",white:"White",black:"Black",vibrance:"Vibrance",textBackground:"Background",backgroundCornerRadius:"Corner radius",backgroundOpacity:"Opacity",backgroundPadding:"Padding",brightness:"Brightness",filters:"Filters",sepia:"Sepia",grayscale:"Grayscale",cold:"Cold",natural:"Natural",warm:"Warm",textStroke:"Text Stroke",shadow:"Shadow",border:"Border",cornerRadius:"Corner Radius",copyStyle:"Copy style",uppercase:"Uppercase",position:"Position",layering:"Layering",toForward:"To Front",up:"Forward",down:"Backward",toBottom:"To back",alignLeft:"Align left",alignCenter:"Align center",alignRight:"Align right",alignTop:"Align top",alignMiddle:"Align middle",alignBottom:"Align bottom",flip:"Flip",flipHorizontally:"Flip horizontally",flipVertically:"Flip vertically",fitToBackground:"Fit to page",removeBackground:"Remove background",removeBackgroundTitle:"Remove background from image",cancelRemoveBackground:"Cancel",confirmRemoveBackground:"Confirm",crop:"Crop",cropDone:"Done",cropCancel:"Cancel",clip:"Apply mask",removeClip:"Remove mask",removeMask:"Remove mask",transparency:"Transparency",lockedDescription:"Object is locked. Unlock it to allow changes from canvas.",unlockedDescription:"Object is unlocked. Lock it to prevent changes from canvas.",removeElements:"Remove elements",duplicateElements:"Duplicate elements",download:"Download",saveAsImage:"Save as image",saveAsPDF:"Save as PDF",lineHeight:"Line height",letterSpacing:"Letter spacing",offsetX:"Offset X",offsetY:"Offset Y",color:"Color",selectable:"Selectable",draggable:"Draggable",removable:"Removable",resizable:"Resizable",contentEditable:"Can change content",styleEditable:"Can change style",alwaysOnTop:"Always on top",showInExport:"Show in export",ungroupElements:"Ungroup",groupElements:"Group",lineSize:"Line size",fade:"Fade",move:"Move",zoom:"Zoom",animate:"Animate",rotate:"Rotate",none:"None",bounce:"Bounce",blink:"Blink",strength:"Strength",spaceEvenly:"Space evenly",horizontalDistribution:"Horizontally",verticalDistribution:"Vertically",strokeWidth:"Stroke Width",strokeSettings:"Stroke settings",spacing:"Spacing",volume:"Volume",speed:"Speed",lineStyle:"Line style",lineStartHead:"Line start",lineEndHead:"Line end",textDirection:"Text direction",fontSize:"Font size",fontFamily:"Font family",fontFamilyMixed:"Mixed",fontsInSelection:"Fonts in selection",textAlign:"Text align",verticalAlign:"Vertical align",bold:"Bold",italic:"Italic",underline:"Underline",strikethrough:"Strikethrough",cellBackground:"Cell background",tableBorderSettings:"Border settings",tableBorderColor:"Border color",tableBorderWidth:"Border width",tableBorderStyle:"Border style",borderModeAll:"All borders",borderModeOuter:"Outer borders",borderModeInner:"Inner borders",borderModeBottomOnly:"Bottom only",borderModeTopOnly:"Top only",borderModeLeftOnly:"Left only",borderModeRightOnly:"Right only",borderModeInnerHorizontal:"Inner horizontal",borderModeInnerVertical:"Inner vertical",tableStructure:"Table structure",tableRows:"Rows",tableColumns:"Columns",insertRowAbove:"Insert row above",insertRowBelow:"Insert row below",deleteRow:"Delete row",insertColumnLeft:"Insert column left",insertColumnRight:"Insert column right",deleteColumn:"Delete column",deleteRows:"Delete rows",deleteColumns:"Delete columns",distributeRowsEvenly:"Distribute rows evenly",distributeColumnsEvenly:"Distribute columns evenly",cellPadding:"Cell padding",listFormat:"List",colorPicker:{solid:"Solid",linear:"Linear",angle:"Angle",colors:"Colors",resetColors:"Reset",recolorAll:"Recolor all"},aiText:{aiWrite:"AI write",rewrite:"Rewrite",shorten:"Shorten",continue:"Continue writing",proofread:"Proofread",tones:"Tones",friendly:"Friendly",professional:"Professional",humorous:"Humorous",formal:"Formal",customPrompt:"Custom prompt",generatedResult:"Generated result",cancel:"Cancel",generate:"Generate",back:"Back",tryAgain:"Try Again",insert:"Insert",promptPlaceholder:"Describe what you want to generate"}},workspace:{noPages:"There are no pages yet...",addPage:"Add page",removePage:"Remove page",duplicatePage:"Duplicate page",moveUp:"Move up",moveDown:"Move down",moveLeft:"Move left",moveRight:"Move right"},scale:{reset:"Reset"},error:{removeBackground:"Ops! Something went wrong. Background can not be removed."},sidePanel:{templates:"Templates",searchTemplatesWithSameSize:"Show templates with the same size",searchPlaceholder:"Search...",otherFormats:"Other formats",noResults:"No results",error:"Loading is failed...",text:"Text",uploadFont:"Upload font",myFonts:"My fonts",photos:"Photos",videos:"Videos",animations:"Animations",effects:"Effects",elements:"Elements",shapes:"Shapes",tables:"Tables",lines:"Lines",draw:"Draw",upload:"Upload",uploadImage:"Add file",uploadTip:"Upload your assets",background:"Background",resize:"Resize",layers:"Layers",animate:"Animate",layerTypes:{image:"Image",text:"Text",svg:"SVG",line:"Line",figure:"Figure",group:"Group"},layersTip:"Elements on your active page:",noLayers:"No elements on the page...",namePlaceholder:"Type element name...",useMagicResize:"Use magic resize",clipImage:"Mask image",width:"Width",height:"Height",units:"Units",magicResizeDescription:"Magic resize will automatically resize and move all elements on the canvas",headerText:"Header",createHeader:"Create header",subHeaderText:"Sub Header",createSubHeader:"Create sub header",bodyText:"Body text",createBody:"Create body text"},pagesTimeline:{pages:"Pages",removePage:"Remove page",addPage:"Add page",duplicatePage:"Duplicate page",removeAudio:"Remove audio",duplicateAudio:"Duplicate audio",muteAudio:"Mute",unmuteAudio:"Unmute",volume:"Volume",speed:"Speed"},contextMenu:{duplicate:"Duplicate",remove:"Remove",lock:"Lock",unlock:"Unlock",copy:"Copy",paste:"Paste",copyStyle:"Copy style",moveUp:"Move up",moveDown:"Move down",moveBack:"Move back",moveForward:"Move forward"}}),n=e=>e&&"object"==typeof e;function l(e,o){Object.keys(o).forEach(r=>{const a=e[r],i=o[r];n(i)&&n(a)?l(a,i):e[r]=i})}function i(e,o,r=""){Object.keys(o).forEach(a=>{const l=o[a],s=r?`${r}.${a}`:a;n(l)?n(e[a])?i(e[a],l,s):console.warn(`Missing nested translation object at '${s}'`):void 0===e[a]&&console.warn(`Missing translation '${s}'`)})}export const setTranslations=o((e,{validate:o=!1}={})=>{o&&i(e,a),l(a,e)});export const getTranslations=()=>r(a);const s={};export const t=e=>{const o=function(e,o){var r,a=o.split("."),n=e;for(r=0;r<a.length;++r){if(null==n[a[r]]){return}n=n[a[r]]}return n}(a,e);if(void 0!==o){return o}s[e]||(s[e]=!0,console.warn(`Missing translation '${e}'`));const r=e.split("."),n=r[r.length-1]||" ";return n.charAt(0).toUpperCase()+n.slice(1)};
package/utils/timeline.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ type AnimationTiming = {
2
+ type: string;
3
+ enabled: boolean;
4
+ delay: number;
5
+ };
6
+ export declare function getElementTimeRange(animations: AnimationTiming[] | undefined, pageDuration: number): {
7
+ start: number;
8
+ end: number;
9
+ };
10
+ export declare function getVideoRestMs(currentTime: number, pageStartTime: number, enterStart: number, trimDurationMs: number, offsetMs: number, speed?: number): number;
11
+ export {};
package/utils/timeline.js ADDED
@@ -0,0 +1 @@
1
+ export function getElementTimeRange(e,n){const t=null==e?void 0:e.find(e=>"enter"===e.type),l=null==e?void 0:e.find(e=>"exit"===e.type);return{start:(null==t?void 0:t.enabled)?t.delay:0,end:(null==l?void 0:l.enabled)?n-l.delay:n}}export function getVideoRestMs(e,n,t,l,d,i=1){const o=(e||n)-n-t;return(o<=0?0:o*i%l)+d}
package/utils/validate-key.js CHANGED
@@ -1 +1 @@
1
- import*as e from"mobx";import{getAPI as o}from"./api.js";import{setRemoveBackgroundEnabled as t}from"./flags.js";const n=e.observable({value:!1}),a=e.observable({value:"v1"});export const ___=()=>a.value;const i=e.observable({value:0});export const ____=()=>i.value;export const isCreditVisible=()=>n.value;const r=e.action(()=>{n.value=!0});let s="";export const getKey=()=>s||"";export const setKey=e=>{s=e||""};let l="undefined"!=typeof window?window.location.origin:"";const c="undefined"!=typeof navigator&&navigator.userAgent.indexOf("Headless")>-1,d="undefined"!=typeof navigator&&navigator.userAgent.indexOf("Electron")>-1;"file://"===l&&c&&(l="headless"),"file://"===l&&d&&(l="electron");const p=`%cPolotno error! Current domain is not allowed. It may lead to unexpected behavior and stop working. Please add "${l}" here: https://polotno.com/cabinet`;let u=fetch;export const __=e=>{u=e};export async function isKeyPaid(n){for(let s=0;s<5;s++){try{const r=await u(o()+"/validate-key",{method:"POST",body:JSON.stringify({key:n,site:location.host,skdVersion:"4.0.3"})});if(e.runInAction(()=>{a.value=r.headers.get("x-api-version")||""}),!n){return console.error("Polotno API is initialized without API key. It may lead to unexpected behavior and stop working. Please create API key here: https://polotno.com/cabinet"),e.runInAction(()=>{i.value=1}),!1}if(200!==r.status){await new Promise(e=>setTimeout(e,3e3));continue}const s=await r.json();return s.is_valid||(console.error("Polotno API key is not valid. Please get new API key here: https://polotno.com/cabinet"),e.runInAction(()=>{i.value=1})),s.is_paid||(console.log("%cPolotno Free Version. For development usage only. https://polotno.com/","background: rgb(0, 161, 255); color: white; padding: 5px; margin: 5px;"),e.runInAction(()=>{0===i.value&&(i.value=2)})),s.is_domain_valid||console.log(p,"background: rgba(247, 101, 68, 1); color: white; padding: 5px; margin: 5px;"),t(s.remove_background_enabled),s.is_paid||!1}catch(r){await new Promise(e=>setTimeout(e,3e3))}}return console.error("Can not validate Polotno API key. Please report to anton@polotno.com immediately."),!0}export async function validateKey(e){await isKeyPaid(s)&&!e||r()}
1
+ import*as e from"mobx";import{getAPI as o}from"./api.js";import{setRemoveBackgroundEnabled as t}from"./flags.js";const n=e.observable({value:!1}),a=e.observable({value:"v1"});export const ___=()=>a.value;const i=e.observable({value:0});export const ____=()=>i.value;export const isCreditVisible=()=>n.value;const r=e.action(()=>{n.value=!0});let s="";export const getKey=()=>s||"";export const setKey=e=>{s=e||""};let l="undefined"!=typeof window?window.location.origin:"";const c="undefined"!=typeof navigator&&navigator.userAgent.indexOf("Headless")>-1,d="undefined"!=typeof navigator&&navigator.userAgent.indexOf("Electron")>-1;"file://"===l&&c&&(l="headless"),"file://"===l&&d&&(l="electron");const p=`%cPolotno error! Current domain is not allowed. It may lead to unexpected behavior and stop working. Please add "${l}" here: https://polotno.com/cabinet`;let u=fetch;export const __=e=>{u=e};export async function isKeyPaid(n){for(let s=0;s<5;s++){try{const r=await u(o()+"/validate-key",{method:"POST",body:JSON.stringify({key:n,site:location.host,skdVersion:"4.1.1"})});if(e.runInAction(()=>{a.value=r.headers.get("x-api-version")||""}),!n){return console.error("Polotno API is initialized without API key. It may lead to unexpected behavior and stop working. Please create API key here: https://polotno.com/cabinet"),e.runInAction(()=>{i.value=1}),!1}if(200!==r.status){await new Promise(e=>setTimeout(e,3e3));continue}const s=await r.json();return s.is_valid||(console.error("Polotno API key is not valid. Please get new API key here: https://polotno.com/cabinet"),e.runInAction(()=>{i.value=1})),s.is_paid||(console.log("%cPolotno Free Version. For development usage only. https://polotno.com/","background: rgb(0, 161, 255); color: white; padding: 5px; margin: 5px;"),e.runInAction(()=>{0===i.value&&(i.value=2)})),s.is_domain_valid||console.log(p,"background: rgba(247, 101, 68, 1); color: white; padding: 5px; margin: 5px;"),t(s.remove_background_enabled),s.is_paid||!1}catch(r){await new Promise(e=>setTimeout(e,3e3))}}return console.error("Can not validate Polotno API key. Please report to anton@polotno.com immediately."),!0}export async function validateKey(e){await isKeyPaid(s)&&!e||r()}