@pisell/materials 6.11.48 → 6.11.50

package/es/pisell-materials.tw.css

@@ -1,3 +1,3 @@
 *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
 
-/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none!important}.\!visible,.visible{visibility:visible!important}.collapse{visibility:collapse!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.inset-0{inset:0!important}.inset-6{inset:1.5rem!important}.inset-x-0{left:0!important;right:0!important}.inset-y-0{top:0!important;bottom:0!important}.bottom-6{bottom:1.5rem!important}.left-0{left:0!important}.left-1\/2{left:50%!important}.left-3{left:.75rem!important}.right-0{right:0!important}.right-3{right:.75rem!important}.top-0{top:0!important}.top-2{top:.5rem!important}.top-3{top:.75rem!important}.top-\[60px\]{top:60px!important}.isolate{isolation:isolate!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-50{z-index:50!important}.z-\[25\]{z-index:25!important}.z-\[26\]{z-index:26!important}.z-\[60\]{z-index:60!important}.z-\[69\]{z-index:69!important}.z-\[72\]{z-index:72!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mt-0\.5{margin-top:.125rem!important}.mt-1{margin-top:.25rem!important}.mt-10{margin-top:2.5rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-5{margin-top:1.25rem!important}.mt-6{margin-top:1.5rem!important}.mt-8{margin-top:2rem!important}.mt-auto{margin-top:auto!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.grid{display:grid!important}.contents{display:contents!important}.hidden{display:none!important}.h-10{height:2.5rem!important}.h-2\.5{height:.625rem!important}.h-3{height:.75rem!important}.h-\[52px\]{height:52px!important}.h-full{height:100%!important}.max-h-\[360px\]{max-height:360px!important}.max-h-\[72vh\]{max-height:72vh!important}.max-h-\[78vh\]{max-height:78vh!important}.max-h-\[92vh\]{max-height:92vh!important}.max-h-none{max-height:none!important}.min-h-0{min-height:0!important}.min-h-\[148px\]{min-height:148px!important}.w-14{width:3.5rem!important}.w-2\.5{width:.625rem!important}.w-3{width:.75rem!important}.w-\[132px\]{width:132px!important}.w-\[2px\]{width:2px!important}.w-\[52px\]{width:52px!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.min-w-\[132px\]{min-width:132px!important}.min-w-\[240px\]{min-width:240px!important}.min-w-\[980px\]{min-width:980px!important}.max-w-\[132px\]{max-width:132px!important}.max-w-\[260px\]{max-width:260px!important}.max-w-\[520px\]{max-width:520px!important}.max-w-\[720px\]{max-width:720px!important}.max-w-\[900px\]{max-width:900px!important}.max-w-\[92vw\]{max-width:92vw!important}.max-w-\[980px\]{max-width:980px!important}.max-w-full{max-width:100%!important}.max-w-none{max-width:none!important}.flex-1{flex:1 1 0%!important}.flex-shrink{flex-shrink:1!important}.shrink-0{flex-shrink:0!important}.flex-grow{flex-grow:1!important}.border-collapse{border-collapse:collapse!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-rotate-90,.-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-90{--tw-rotate:-90deg!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.cursor-pointer{cursor:pointer!important}.touch-pan-x{--tw-pan-x:pan-x!important}.touch-pan-x,.touch-pan-y{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)!important}.touch-pan-y{--tw-pan-y:pan-y!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.resize-none{resize:none!important}.resize{resize:both!important}.auto-rows-\[255px\]{grid-auto-rows:255px!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.grid-cols-\[0\.8fr_1fr_1\.3fr_0\.9fr_0\.9fr\]{grid-template-columns:.8fr 1fr 1.3fr .9fr .9fr!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-0\.5{gap:.125rem!important}.gap-1{gap:.25rem!important}.gap-1\.5{gap:.375rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(0.25rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(0.25rem*var(--tw-space-y-reverse))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overscroll-contain{overscroll-behavior:contain!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.break-all{word-break:break-all!important}.rounded{border-radius:.25rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-\[28px\]{border-radius:28px!important}.rounded-\[30px\]{border-radius:30px!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.rounded-md{border-radius:.375rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-t-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-b-4{border-bottom-width:4px!important}.border-l{border-left-width:1px!important}.border-r{border-right-width:1px!important}.border-dashed{border-style:dashed!important}.border-\[\#d8d0eb\]{--tw-border-opacity:1!important;border-color:rgb(216 208 235/var(--tw-border-opacity,1))!important}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)!important}.border-\[var\(--brand-light\)\]{border-color:var(--brand-light)!important}.border-amber-200\/35{border-color:rgba(253,230,138,.35)!important}.border-amber-400\/80{border-color:rgba(251,191,36,.8)!important}.border-amber-400\/95{border-color:rgba(251,191,36,.95)!important}.border-cyan-300\/35{border-color:rgba(103,232,249,.35)!important}.border-emerald-300\/35{border-color:rgba(110,231,183,.35)!important}.border-red-200{--tw-border-opacity:1!important;border-color:rgb(254 202 202/var(--tw-border-opacity,1))!important}.border-red-300\/35{border-color:rgba(252,165,165,.35)!important}.border-red-300\/55{border-color:rgba(252,165,165,.55)!important}.border-red-400{--tw-border-opacity:1!important;border-color:rgb(248 113 113/var(--tw-border-opacity,1))!important}.border-red-400\/75{border-color:rgba(248,113,113,.75)!important}.border-red-500\/70{border-color:rgba(239,68,68,.7)!important}.border-red-700\/50{border-color:rgba(185,28,28,.5)!important}.border-red-800\/40{border-color:rgba(153,27,27,.4)!important}.border-slate-200{--tw-border-opacity:1!important;border-color:rgb(226 232 240/var(--tw-border-opacity,1))!important}.border-slate-700{--tw-border-opacity:1!important;border-color:rgb(51 65 85/var(--tw-border-opacity,1))!important}.border-slate-800{--tw-border-opacity:1!important;border-color:rgb(30 41 59/var(--tw-border-opacity,1))!important}.border-violet-300{--tw-border-opacity:1!important;border-color:rgb(196 181 253/var(--tw-border-opacity,1))!important}.border-violet-300\/30{border-color:rgba(196,181,253,.3)!important}.border-violet-400{--tw-border-opacity:1!important;border-color:rgb(167 139 250/var(--tw-border-opacity,1))!important}.border-violet-400\/20{border-color:rgba(167,139,250,.2)!important}.border-violet-500\/30{border-color:rgba(139,92,246,.3)!important}.border-white\/10{border-color:hsla(0,0%,100%,.1)!important}.border-zinc-300\/30{border-color:rgba(212,212,216,.3)!important}.border-zinc-300\/45{border-color:rgba(212,212,216,.45)!important}.border-zinc-400\/45{border-color:rgba(161,161,170,.45)!important}.border-zinc-500\/70{border-color:rgba(113,113,122,.7)!important}.border-zinc-600{--tw-border-opacity:1!important;border-color:rgb(82 82 91/var(--tw-border-opacity,1))!important}.border-zinc-700{--tw-border-opacity:1!important;border-color:rgb(63 63 70/var(--tw-border-opacity,1))!important}.border-zinc-800{--tw-border-opacity:1!important;border-color:rgb(39 39 42/var(--tw-border-opacity,1))!important}.border-zinc-800\/80{border-color:rgba(39,39,42,.8)!important}.border-b-transparent{border-bottom-color:transparent!important}.border-l-transparent{border-left-color:transparent!important}.bg-\[\#101117\]{--tw-bg-opacity:1!important;background-color:rgb(16 17 23/var(--tw-bg-opacity,1))!important}.bg-\[\#111217\]{--tw-bg-opacity:1!important;background-color:rgb(17 18 23/var(--tw-bg-opacity,1))!important}.bg-\[\#111218\]{--tw-bg-opacity:1!important;background-color:rgb(17 18 24/var(--tw-bg-opacity,1))!important}.bg-\[\#121217\]{--tw-bg-opacity:1!important;background-color:rgb(18 18 23/var(--tw-bg-opacity,1))!important}.bg-\[\#151220\]{--tw-bg-opacity:1!important;background-color:rgb(21 18 32/var(--tw-bg-opacity,1))!important}.bg-\[\#151a2f\]{--tw-bg-opacity:1!important;background-color:rgb(21 26 47/var(--tw-bg-opacity,1))!important}.bg-\[\#171820\]{--tw-bg-opacity:1!important;background-color:rgb(23 24 32/var(--tw-bg-opacity,1))!important}.bg-\[\#1a1a22\]{--tw-bg-opacity:1!important;background-color:rgb(26 26 34/var(--tw-bg-opacity,1))!important}.bg-\[\#1a1b21\]{--tw-bg-opacity:1!important;background-color:rgb(26 27 33/var(--tw-bg-opacity,1))!important}.bg-\[\#1c1630\]{--tw-bg-opacity:1!important;background-color:rgb(28 22 48/var(--tw-bg-opacity,1))!important}.bg-\[\#1e1a32\]{--tw-bg-opacity:1!important;background-color:rgb(30 26 50/var(--tw-bg-opacity,1))!important}.bg-\[\#241d40\]{--tw-bg-opacity:1!important;background-color:rgb(36 29 64/var(--tw-bg-opacity,1))!important}.bg-\[var\(--bg-input\)\]{background-color:var(--bg-input)!important}.bg-\[var\(--brand-surface\)\]{background-color:var(--brand-surface)!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))!important}.bg-black\/25{background-color:rgba(0,0,0,.25)!important}.bg-black\/45{background-color:rgba(0,0,0,.45)!important}.bg-black\/55{background-color:rgba(0,0,0,.55)!important}.bg-cyan-500{--tw-bg-opacity:1!important;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))!important}.bg-emerald-400\/95{background-color:rgba(52,211,153,.95)!important}.bg-emerald-500{--tw-bg-opacity:1!important;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))!important}.bg-emerald-600{--tw-bg-opacity:1!important;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))!important}.bg-red-50{background-color:rgb(254 242 242/var(--tw-bg-opacity,1))!important}.bg-red-50,.bg-red-500{--tw-bg-opacity:1!important}.bg-red-500{background-color:rgb(239 68 68/var(--tw-bg-opacity,1))!important}.bg-red-500\/25{background-color:rgba(239,68,68,.25)!important}.bg-red-500\/85{background-color:rgba(239,68,68,.85)!important}.bg-red-600{--tw-bg-opacity:1!important;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))!important}.bg-red-700\/70{background-color:rgba(185,28,28,.7)!important}.bg-red-900\/50{background-color:rgba(127,29,29,.5)!important}.bg-red-950\/30{background-color:rgba(69,10,10,.3)!important}.bg-sky-500{background-color:rgb(14 165 233/var(--tw-bg-opacity,1))!important}.bg-sky-500,.bg-slate-100{--tw-bg-opacity:1!important}.bg-slate-100{background-color:rgb(241 245 249/var(--tw-bg-opacity,1))!important}.bg-slate-50{--tw-bg-opacity:1!important;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))!important}.bg-slate-900{--tw-bg-opacity:1!important;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))!important}.bg-slate-900\/40{background-color:rgba(15,23,42,.4)!important}.bg-slate-950{--tw-bg-opacity:1!important;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))!important}.bg-violet-200{--tw-bg-opacity:1!important;background-color:rgb(221 214 254/var(--tw-bg-opacity,1))!important}.bg-violet-50{--tw-bg-opacity:1!important;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))!important}.bg-violet-500{--tw-bg-opacity:1!important;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))!important}.bg-violet-600{--tw-bg-opacity:1!important;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))!important}.bg-violet-600\/10{background-color:rgba(124,58,237,.1)!important}.bg-violet-700\/90{background-color:rgba(109,40,217,.9)!important}.bg-violet-900{--tw-bg-opacity:1!important;background-color:rgb(76 29 149/var(--tw-bg-opacity,1))!important}.bg-violet-900\/20{background-color:rgba(76,29,149,.2)!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white\/10{background-color:hsla(0,0%,100%,.1)!important}.bg-zinc-500\/90{background-color:rgba(113,113,122,.9)!important}.bg-zinc-600{--tw-bg-opacity:1!important;background-color:rgb(82 82 91/var(--tw-bg-opacity,1))!important}.bg-zinc-600\/90{background-color:rgba(82,82,91,.9)!important}.bg-zinc-700\/55{background-color:rgba(63,63,70,.55)!important}.bg-zinc-700\/70{background-color:rgba(63,63,70,.7)!important}.bg-zinc-800{--tw-bg-opacity:1!important;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))!important}.bg-zinc-800\/80{background-color:rgba(39,39,42,.8)!important}.bg-zinc-800\/90{background-color:rgba(39,39,42,.9)!important}.bg-zinc-900{--tw-bg-opacity:1!important;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))!important}.bg-gradient-to-b{background-image:linear-gradient(180deg,var(--tw-gradient-stops))!important}.from-\[\#252038\]{--tw-gradient-from:#252038 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(37,32,56,0) var(--tw-gradient-to-position)!important}.from-\[\#252038\],.from-slate-100{--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-slate-100{--tw-gradient-from:#f1f5f9 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(241,245,249,0) var(--tw-gradient-to-position)!important}.to-\[\#1a1628\]{--tw-gradient-to:#1a1628 var(--tw-gradient-to-position)!important}.to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.px-0\.5{padding-left:.125rem!important;padding-right:.125rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.pl-4{padding-left:1rem!important}.pr-11{padding-right:2.75rem!important}.pt-1{padding-top:.25rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.align-top{vertical-align:top!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-\[10px\]{font-size:10px!important}.text-\[11px\]{font-size:11px!important}.text-\[13px\]{font-size:13px!important}.text-\[16px\]{font-size:16px!important}.text-\[20px\]{font-size:20px!important}.text-\[22px\]{font-size:22px!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.tabular-nums{--tw-numeric-spacing:tabular-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.leading-none{line-height:1!important}.leading-snug{line-height:1.375!important}.leading-tight{line-height:1.25!important}.tracking-\[0\.14em\]{letter-spacing:.14em!important}.tracking-\[0\.24em\]{letter-spacing:.24em!important}.tracking-tight{letter-spacing:-.025em!important}.text-\[\#8f86a9\]{--tw-text-opacity:1!important;color:rgb(143 134 169/var(--tw-text-opacity,1))!important}.text-amber-300{--tw-text-opacity:1!important;color:rgb(252 211 77/var(--tw-text-opacity,1))!important}.text-amber-600{--tw-text-opacity:1!important;color:rgb(217 119 6/var(--tw-text-opacity,1))!important}.text-red-100{color:rgb(254 226 226/var(--tw-text-opacity,1))!important}.text-red-100,.text-red-300{--tw-text-opacity:1!important}.text-red-300{color:rgb(252 165 165/var(--tw-text-opacity,1))!important}.text-red-600{--tw-text-opacity:1!important;color:rgb(220 38 38/var(--tw-text-opacity,1))!important}.text-slate-100{--tw-text-opacity:1!important;color:rgb(241 245 249/var(--tw-text-opacity,1))!important}.text-slate-200{--tw-text-opacity:1!important;color:rgb(226 232 240/var(--tw-text-opacity,1))!important}.text-slate-300{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.text-slate-400{--tw-text-opacity:1!important;color:rgb(148 163 184/var(--tw-text-opacity,1))!important}.text-slate-500{--tw-text-opacity:1!important;color:rgb(100 116 139/var(--tw-text-opacity,1))!important}.text-slate-600{--tw-text-opacity:1!important;color:rgb(71 85 105/var(--tw-text-opacity,1))!important}.text-slate-700{--tw-text-opacity:1!important;color:rgb(51 65 85/var(--tw-text-opacity,1))!important}.text-slate-800{--tw-text-opacity:1!important;color:rgb(30 41 59/var(--tw-text-opacity,1))!important}.text-slate-900{--tw-text-opacity:1!important;color:rgb(15 23 42/var(--tw-text-opacity,1))!important}.text-violet-100{--tw-text-opacity:1!important;color:rgb(237 233 254/var(--tw-text-opacity,1))!important}.text-violet-200{--tw-text-opacity:1!important;color:rgb(221 214 254/var(--tw-text-opacity,1))!important}.text-violet-300{--tw-text-opacity:1!important;color:rgb(196 181 253/var(--tw-text-opacity,1))!important}.text-violet-50{--tw-text-opacity:1!important;color:rgb(245 243 255/var(--tw-text-opacity,1))!important}.text-violet-800{--tw-text-opacity:1!important;color:rgb(91 33 182/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-white\/90{color:hsla(0,0%,100%,.9)!important}.text-zinc-100{--tw-text-opacity:1!important;color:rgb(244 244 245/var(--tw-text-opacity,1))!important}.text-zinc-200{--tw-text-opacity:1!important;color:rgb(228 228 231/var(--tw-text-opacity,1))!important}.text-zinc-200\/90{color:rgba(228,228,231,.9)!important}.text-zinc-300{--tw-text-opacity:1!important;color:rgb(212 212 216/var(--tw-text-opacity,1))!important}.text-zinc-300\/80{color:rgba(212,212,216,.8)!important}.text-zinc-300\/90{color:rgba(212,212,216,.9)!important}.text-zinc-400{--tw-text-opacity:1!important;color:rgb(161 161 170/var(--tw-text-opacity,1))!important}.text-zinc-500{--tw-text-opacity:1!important;color:rgb(113 113 122/var(--tw-text-opacity,1))!important}.text-zinc-600{--tw-text-opacity:1!important;color:rgb(82 82 91/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.opacity-60{opacity:.6!important}.opacity-80{opacity:.8!important}.opacity-85{opacity:.85!important}.opacity-90{opacity:.9!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,0.25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important}.shadow-\[0_0_10px_rgba\(16\2c 185\2c 129\2c 0\.65\)\]{--tw-shadow:0 0 10px rgba(16,185,129,0.65)!important;--tw-shadow-colored:0 0 10px var(--tw-shadow-color)!important}.shadow-\[0_0_10px_rgba\(16\2c 185\2c 129\2c 0\.65\)\],.shadow-\[0_30px_80px_rgba\(15\2c 23\2c 42\2c 0\.16\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-\[0_30px_80px_rgba\(15\2c 23\2c 42\2c 0\.16\)\]{--tw-shadow:0 30px 80px rgba(15,23,42,0.16)!important;--tw-shadow-colored:0 30px 80px var(--tw-shadow-color)!important}.shadow-\[0_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:0 6px 12px rgba(0,0,0,0.08)!important;--tw-shadow-colored:0 6px 12px var(--tw-shadow-color)!important}.shadow-\[0_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.08\)\],.shadow-\[0_8px_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-\[0_8px_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:0 8px 16px rgba(0,0,0,0.06)!important;--tw-shadow-colored:0 8px 16px var(--tw-shadow-color)!important}.shadow-\[8px_0_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:8px 0 16px rgba(0,0,0,0.06)!important;--tw-shadow-colored:8px 0 16px var(--tw-shadow-color)!important}.shadow-\[8px_0_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\],.shadow-\[8px_0_16px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-\[8px_0_16px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:8px 0 16px rgba(0,0,0,0.08)!important;--tw-shadow-colored:8px 0 16px var(--tw-shadow-color)!important}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important}.shadow-black\/40{--tw-shadow-color:rgba(0,0,0,0.4)!important;--tw-shadow:var(--tw-shadow-colored)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline{outline-style:solid!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-red-400\/60{--tw-ring-color:rgba(248,113,113,0.6)!important}.ring-violet-300\/60{--tw-ring-color:rgba(196,181,253,0.6)!important}.ring-violet-400\/60{--tw-ring-color:rgba(167,139,250,0.6)!important}.ring-violet-400\/70{--tw-ring-color:rgba(167,139,250,0.7)!important}.ring-zinc-600\/40{--tw-ring-color:rgba(82,82,91,0.4)!important}.blur{--tw-blur:blur(8px)!important}.blur,.grayscale-\[0\.15\]{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)!important}.grayscale-\[0\.15\]{--tw-grayscale:grayscale(0.15)!important}.grayscale-\[0\.2\]{--tw-grayscale:grayscale(0.2)!important}.grayscale-\[0\.2\],.invert{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)!important}.invert{--tw-invert:invert(100%)!important}.\!filter,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px)!important}.backdrop-blur-\[2px\],.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)!important}.backdrop-blur-xl,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-\[padding-right\]{transition-property:padding-right!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-transform{transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.\[color-scheme\:dark\]{color-scheme:dark!important}.\[color-scheme\:light\]{color-scheme:light!important}.last\:border-b-0:last-child{border-bottom-width:0!important}.hover\:border-violet-300:hover{--tw-border-opacity:1!important;border-color:rgb(196 181 253/var(--tw-border-opacity,1))!important}.hover\:border-violet-500:hover{--tw-border-opacity:1!important;border-color:rgb(139 92 246/var(--tw-border-opacity,1))!important}.hover\:bg-\[\#241c3f\]:hover{--tw-bg-opacity:1!important;background-color:rgb(36 28 63/var(--tw-bg-opacity,1))!important}.hover\:bg-red-500:hover{--tw-bg-opacity:1!important;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))!important}.hover\:bg-slate-100:hover{--tw-bg-opacity:1!important;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))!important}.hover\:bg-slate-50:hover{--tw-bg-opacity:1!important;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))!important}.hover\:bg-slate-800:hover{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.hover\:bg-violet-100\/80:hover{background-color:rgba(237,233,254,.8)!important}.hover\:bg-violet-50\/60:hover{background-color:rgba(245,243,255,.6)!important}.hover\:bg-violet-50\/70:hover{background-color:rgba(245,243,255,.7)!important}.hover\:bg-violet-500:hover{--tw-bg-opacity:1!important;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))!important}.hover\:bg-violet-600:hover{--tw-bg-opacity:1!important;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))!important}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)!important}.hover\:bg-white\/60:hover{background-color:hsla(0,0%,100%,.6)!important}.hover\:bg-white\/\[0\.04\]:hover{background-color:hsla(0,0%,100%,.04)!important}.hover\:bg-zinc-400:hover{--tw-bg-opacity:1!important;background-color:rgb(161 161 170/var(--tw-bg-opacity,1))!important}.hover\:bg-zinc-500\/90:hover{background-color:rgba(113,113,122,.9)!important}.hover\:bg-zinc-800:hover{--tw-bg-opacity:1!important;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))!important}.hover\:bg-zinc-900:hover{--tw-bg-opacity:1!important;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))!important}.hover\:text-violet-300:hover{--tw-text-opacity:1!important;color:rgb(196 181 253/var(--tw-text-opacity,1))!important}.hover\:text-violet-500:hover{--tw-text-opacity:1!important;color:rgb(139 92 246/var(--tw-text-opacity,1))!important}.active\:bg-white\/\[0\.07\]:active{background-color:hsla(0,0%,100%,.07)!important}.disabled\:opacity-50:disabled{opacity:.5!important}@media (min-width:640px){.sm\:flex-row{flex-direction:row!important}.sm\:items-center{align-items:center!important}.sm\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.sm\:px-4{padding-left:1rem!important;padding-right:1rem!important}.sm\:py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.sm\:text-\[11px\]{font-size:11px!important}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:items-center{align-items:center!important}.md\:rounded-3xl{border-radius:1.5rem!important}.md\:p-3{padding:.75rem!important}.md\:p-4{padding:1rem!important}.md\:p-6{padding:1.5rem!important}.md\:p-8{padding:2rem!important}.md\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}}.\[\&\:\:-webkit-calendar-picker-indicator\]\:ml-auto::-webkit-calendar-picker-indicator{margin-left:auto!important}.\[\&\:\:-webkit-calendar-picker-indicator\]\:mr-1::-webkit-calendar-picker-indicator{margin-right:.25rem!important}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none!important}.\!visible,.visible{visibility:visible!important}.collapse{visibility:collapse!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.inset-0{inset:0!important}.inset-6{inset:1.5rem!important}.inset-x-0{left:0!important;right:0!important}.inset-y-0{top:0!important;bottom:0!important}.bottom-6{bottom:1.5rem!important}.left-0{left:0!important}.left-1\/2{left:50%!important}.left-3{left:.75rem!important}.right-0{right:0!important}.right-3{right:.75rem!important}.top-0{top:0!important}.top-2{top:.5rem!important}.top-3{top:.75rem!important}.top-\[60px\]{top:60px!important}.isolate{isolation:isolate!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-50{z-index:50!important}.z-\[25\]{z-index:25!important}.z-\[26\]{z-index:26!important}.z-\[60\]{z-index:60!important}.z-\[69\]{z-index:69!important}.z-\[72\]{z-index:72!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mt-0\.5{margin-top:.125rem!important}.mt-1{margin-top:.25rem!important}.mt-10{margin-top:2.5rem!important}.mt-14{margin-top:3.5rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-5{margin-top:1.25rem!important}.mt-6{margin-top:1.5rem!important}.mt-auto{margin-top:auto!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.grid{display:grid!important}.contents{display:contents!important}.hidden{display:none!important}.h-10{height:2.5rem!important}.h-11{height:2.75rem!important}.h-3{height:.75rem!important}.h-\[52px\]{height:52px!important}.h-full{height:100%!important}.max-h-\[360px\]{max-height:360px!important}.max-h-\[72vh\]{max-height:72vh!important}.max-h-\[78vh\]{max-height:78vh!important}.max-h-\[92vh\]{max-height:92vh!important}.max-h-none{max-height:none!important}.min-h-0{min-height:0!important}.min-h-\[72px\]{min-height:72px!important}.w-11{width:2.75rem!important}.w-14{width:3.5rem!important}.w-3{width:.75rem!important}.w-\[132px\]{width:132px!important}.w-\[2px\]{width:2px!important}.w-\[52px\]{width:52px!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.min-w-\[132px\]{min-width:132px!important}.min-w-\[240px\]{min-width:240px!important}.min-w-\[980px\]{min-width:980px!important}.max-w-\[132px\]{max-width:132px!important}.max-w-\[260px\]{max-width:260px!important}.max-w-\[520px\]{max-width:520px!important}.max-w-\[720px\]{max-width:720px!important}.max-w-\[900px\]{max-width:900px!important}.max-w-\[92vw\]{max-width:92vw!important}.max-w-\[980px\]{max-width:980px!important}.max-w-full{max-width:100%!important}.max-w-none{max-width:none!important}.flex-1{flex:1 1 0%!important}.flex-shrink{flex-shrink:1!important}.shrink-0{flex-shrink:0!important}.flex-grow{flex-grow:1!important}.border-collapse{border-collapse:collapse!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-rotate-90,.-translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-90{--tw-rotate:-90deg!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.cursor-pointer{cursor:pointer!important}.touch-pan-x{--tw-pan-x:pan-x!important}.touch-pan-x,.touch-pan-y{touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)!important}.touch-pan-y{--tw-pan-y:pan-y!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.resize-none{resize:none!important}.resize{resize:both!important}.auto-rows-\[minmax\(72px\2c auto\)\]{grid-auto-rows:minmax(72px,auto)!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.grid-cols-\[0\.8fr_1fr_1\.3fr_0\.9fr_0\.9fr\]{grid-template-columns:.8fr 1fr 1.3fr .9fr .9fr!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.place-items-center{place-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-0\.5{gap:.125rem!important}.gap-1{gap:.25rem!important}.gap-1\.5{gap:.375rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(0.25rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(0.25rem*var(--tw-space-y-reverse))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overscroll-contain{overscroll-behavior:contain!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-\[28px\]{border-radius:28px!important}.rounded-\[30px\]{border-radius:30px!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.rounded-md{border-radius:.375rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-t-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-b-4{border-bottom-width:4px!important}.border-l{border-left-width:1px!important}.border-r{border-right-width:1px!important}.border-dashed{border-style:dashed!important}.border-\[\#d8d0eb\]{--tw-border-opacity:1!important;border-color:rgb(216 208 235/var(--tw-border-opacity,1))!important}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)!important}.border-\[var\(--brand-light\)\]{border-color:var(--brand-light)!important}.border-amber-200\/35{border-color:rgba(253,230,138,.35)!important}.border-amber-400\/80{border-color:rgba(251,191,36,.8)!important}.border-amber-400\/95{border-color:rgba(251,191,36,.95)!important}.border-cyan-300\/35{border-color:rgba(103,232,249,.35)!important}.border-emerald-300\/35{border-color:rgba(110,231,183,.35)!important}.border-red-200{--tw-border-opacity:1!important;border-color:rgb(254 202 202/var(--tw-border-opacity,1))!important}.border-red-300\/35{border-color:rgba(252,165,165,.35)!important}.border-red-300\/55{border-color:rgba(252,165,165,.55)!important}.border-red-400{--tw-border-opacity:1!important;border-color:rgb(248 113 113/var(--tw-border-opacity,1))!important}.border-red-400\/75{border-color:rgba(248,113,113,.75)!important}.border-red-500\/70{border-color:rgba(239,68,68,.7)!important}.border-red-700\/50{border-color:rgba(185,28,28,.5)!important}.border-red-800\/40{border-color:rgba(153,27,27,.4)!important}.border-slate-200{--tw-border-opacity:1!important;border-color:rgb(226 232 240/var(--tw-border-opacity,1))!important}.border-slate-700{--tw-border-opacity:1!important;border-color:rgb(51 65 85/var(--tw-border-opacity,1))!important}.border-slate-800{--tw-border-opacity:1!important;border-color:rgb(30 41 59/var(--tw-border-opacity,1))!important}.border-violet-300{--tw-border-opacity:1!important;border-color:rgb(196 181 253/var(--tw-border-opacity,1))!important}.border-violet-300\/30{border-color:rgba(196,181,253,.3)!important}.border-violet-400{--tw-border-opacity:1!important;border-color:rgb(167 139 250/var(--tw-border-opacity,1))!important}.border-violet-400\/20{border-color:rgba(167,139,250,.2)!important}.border-violet-500\/30{border-color:rgba(139,92,246,.3)!important}.border-white\/10{border-color:hsla(0,0%,100%,.1)!important}.border-zinc-300\/30{border-color:rgba(212,212,216,.3)!important}.border-zinc-300\/45{border-color:rgba(212,212,216,.45)!important}.border-zinc-400\/45{border-color:rgba(161,161,170,.45)!important}.border-zinc-500\/70{border-color:rgba(113,113,122,.7)!important}.border-zinc-600{--tw-border-opacity:1!important;border-color:rgb(82 82 91/var(--tw-border-opacity,1))!important}.border-zinc-700{--tw-border-opacity:1!important;border-color:rgb(63 63 70/var(--tw-border-opacity,1))!important}.border-zinc-800{--tw-border-opacity:1!important;border-color:rgb(39 39 42/var(--tw-border-opacity,1))!important}.border-zinc-800\/80{border-color:rgba(39,39,42,.8)!important}.border-b-transparent{border-bottom-color:transparent!important}.border-l-transparent{border-left-color:transparent!important}.bg-\[\#101117\]{--tw-bg-opacity:1!important;background-color:rgb(16 17 23/var(--tw-bg-opacity,1))!important}.bg-\[\#111217\]{--tw-bg-opacity:1!important;background-color:rgb(17 18 23/var(--tw-bg-opacity,1))!important}.bg-\[\#111218\]{--tw-bg-opacity:1!important;background-color:rgb(17 18 24/var(--tw-bg-opacity,1))!important}.bg-\[\#121217\]{--tw-bg-opacity:1!important;background-color:rgb(18 18 23/var(--tw-bg-opacity,1))!important}.bg-\[\#151220\]{--tw-bg-opacity:1!important;background-color:rgb(21 18 32/var(--tw-bg-opacity,1))!important}.bg-\[\#151a2f\]{--tw-bg-opacity:1!important;background-color:rgb(21 26 47/var(--tw-bg-opacity,1))!important}.bg-\[\#171820\]{--tw-bg-opacity:1!important;background-color:rgb(23 24 32/var(--tw-bg-opacity,1))!important}.bg-\[\#1a1a22\]{--tw-bg-opacity:1!important;background-color:rgb(26 26 34/var(--tw-bg-opacity,1))!important}.bg-\[\#1a1b21\]{--tw-bg-opacity:1!important;background-color:rgb(26 27 33/var(--tw-bg-opacity,1))!important}.bg-\[\#1c1630\]{--tw-bg-opacity:1!important;background-color:rgb(28 22 48/var(--tw-bg-opacity,1))!important}.bg-\[\#1e1a32\]{--tw-bg-opacity:1!important;background-color:rgb(30 26 50/var(--tw-bg-opacity,1))!important}.bg-\[\#241d40\]{--tw-bg-opacity:1!important;background-color:rgb(36 29 64/var(--tw-bg-opacity,1))!important}.bg-\[var\(--bg-input\)\]{background-color:var(--bg-input)!important}.bg-\[var\(--brand-surface\)\]{background-color:var(--brand-surface)!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))!important}.bg-black\/25{background-color:rgba(0,0,0,.25)!important}.bg-black\/45{background-color:rgba(0,0,0,.45)!important}.bg-black\/55{background-color:rgba(0,0,0,.55)!important}.bg-cyan-500{--tw-bg-opacity:1!important;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))!important}.bg-emerald-400\/95{background-color:rgba(52,211,153,.95)!important}.bg-emerald-500{--tw-bg-opacity:1!important;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))!important}.bg-emerald-600{--tw-bg-opacity:1!important;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))!important}.bg-red-50{background-color:rgb(254 242 242/var(--tw-bg-opacity,1))!important}.bg-red-50,.bg-red-500{--tw-bg-opacity:1!important}.bg-red-500{background-color:rgb(239 68 68/var(--tw-bg-opacity,1))!important}.bg-red-500\/25{background-color:rgba(239,68,68,.25)!important}.bg-red-500\/85{background-color:rgba(239,68,68,.85)!important}.bg-red-600{--tw-bg-opacity:1!important;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))!important}.bg-red-700\/70{background-color:rgba(185,28,28,.7)!important}.bg-red-900\/50{background-color:rgba(127,29,29,.5)!important}.bg-red-950\/30{background-color:rgba(69,10,10,.3)!important}.bg-sky-500{background-color:rgb(14 165 233/var(--tw-bg-opacity,1))!important}.bg-sky-500,.bg-slate-100{--tw-bg-opacity:1!important}.bg-slate-100{background-color:rgb(241 245 249/var(--tw-bg-opacity,1))!important}.bg-slate-50{--tw-bg-opacity:1!important;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))!important}.bg-slate-900{--tw-bg-opacity:1!important;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))!important}.bg-slate-900\/40{background-color:rgba(15,23,42,.4)!important}.bg-slate-950{--tw-bg-opacity:1!important;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))!important}.bg-violet-50{--tw-bg-opacity:1!important;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))!important}.bg-violet-500{--tw-bg-opacity:1!important;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))!important}.bg-violet-600{--tw-bg-opacity:1!important;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))!important}.bg-violet-600\/10{background-color:rgba(124,58,237,.1)!important}.bg-violet-700\/90{background-color:rgba(109,40,217,.9)!important}.bg-violet-900\/20{background-color:rgba(76,29,149,.2)!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white\/10{background-color:hsla(0,0%,100%,.1)!important}.bg-white\/\[0\.06\]{background-color:hsla(0,0%,100%,.06)!important}.bg-zinc-500\/90{background-color:rgba(113,113,122,.9)!important}.bg-zinc-600{--tw-bg-opacity:1!important;background-color:rgb(82 82 91/var(--tw-bg-opacity,1))!important}.bg-zinc-600\/90{background-color:rgba(82,82,91,.9)!important}.bg-zinc-700\/55{background-color:rgba(63,63,70,.55)!important}.bg-zinc-700\/70{background-color:rgba(63,63,70,.7)!important}.bg-zinc-800{--tw-bg-opacity:1!important;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))!important}.bg-zinc-800\/80{background-color:rgba(39,39,42,.8)!important}.bg-zinc-800\/90{background-color:rgba(39,39,42,.9)!important}.bg-zinc-900{--tw-bg-opacity:1!important;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))!important}.bg-gradient-to-b{background-image:linear-gradient(180deg,var(--tw-gradient-stops))!important}.from-\[\#252038\]{--tw-gradient-from:#252038 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(37,32,56,0) var(--tw-gradient-to-position)!important}.from-\[\#252038\],.from-slate-100{--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-slate-100{--tw-gradient-from:#f1f5f9 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(241,245,249,0) var(--tw-gradient-to-position)!important}.from-violet-50{--tw-gradient-from:#f5f3ff var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(245,243,255,0) var(--tw-gradient-to-position)!important}.from-violet-50,.from-violet-950\/40{--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.from-violet-950\/40{--tw-gradient-from:rgba(46,16,101,0.4) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(46,16,101,0) var(--tw-gradient-to-position)!important}.to-\[\#1a1628\]{--tw-gradient-to:#1a1628 var(--tw-gradient-to-position)!important}.to-\[\#1a1a22\]{--tw-gradient-to:#1a1a22 var(--tw-gradient-to-position)!important}.to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)!important}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.px-0\.5{padding-left:.125rem!important;padding-right:.125rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.pb-2{padding-bottom:.5rem!important}.pl-4{padding-left:1rem!important}.pr-11{padding-right:2.75rem!important}.pt-1{padding-top:.25rem!important}.pt-1\.5{padding-top:.375rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.align-top{vertical-align:top!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-\[10px\]{font-size:10px!important}.text-\[11px\]{font-size:11px!important}.text-\[13px\]{font-size:13px!important}.text-\[16px\]{font-size:16px!important}.text-\[20px\]{font-size:20px!important}.text-\[22px\]{font-size:22px!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.tabular-nums{--tw-numeric-spacing:tabular-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.leading-\[1\],.leading-none{line-height:1!important}.leading-snug{line-height:1.375!important}.leading-tight{line-height:1.25!important}.tracking-\[0\.14em\]{letter-spacing:.14em!important}.tracking-\[0\.24em\]{letter-spacing:.24em!important}.tracking-tight{letter-spacing:-.025em!important}.text-\[\#8f86a9\]{--tw-text-opacity:1!important;color:rgb(143 134 169/var(--tw-text-opacity,1))!important}.text-amber-300{--tw-text-opacity:1!important;color:rgb(252 211 77/var(--tw-text-opacity,1))!important}.text-amber-600{--tw-text-opacity:1!important;color:rgb(217 119 6/var(--tw-text-opacity,1))!important}.text-red-100{color:rgb(254 226 226/var(--tw-text-opacity,1))!important}.text-red-100,.text-red-300{--tw-text-opacity:1!important}.text-red-300{color:rgb(252 165 165/var(--tw-text-opacity,1))!important}.text-red-600{--tw-text-opacity:1!important;color:rgb(220 38 38/var(--tw-text-opacity,1))!important}.text-slate-100{--tw-text-opacity:1!important;color:rgb(241 245 249/var(--tw-text-opacity,1))!important}.text-slate-200{--tw-text-opacity:1!important;color:rgb(226 232 240/var(--tw-text-opacity,1))!important}.text-slate-300{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.text-slate-400{--tw-text-opacity:1!important;color:rgb(148 163 184/var(--tw-text-opacity,1))!important}.text-slate-500{--tw-text-opacity:1!important;color:rgb(100 116 139/var(--tw-text-opacity,1))!important}.text-slate-600{--tw-text-opacity:1!important;color:rgb(71 85 105/var(--tw-text-opacity,1))!important}.text-slate-700{--tw-text-opacity:1!important;color:rgb(51 65 85/var(--tw-text-opacity,1))!important}.text-slate-800{--tw-text-opacity:1!important;color:rgb(30 41 59/var(--tw-text-opacity,1))!important}.text-slate-900{--tw-text-opacity:1!important;color:rgb(15 23 42/var(--tw-text-opacity,1))!important}.text-violet-100{--tw-text-opacity:1!important;color:rgb(237 233 254/var(--tw-text-opacity,1))!important}.text-violet-200{--tw-text-opacity:1!important;color:rgb(221 214 254/var(--tw-text-opacity,1))!important}.text-violet-300{--tw-text-opacity:1!important;color:rgb(196 181 253/var(--tw-text-opacity,1))!important}.text-violet-50{--tw-text-opacity:1!important;color:rgb(245 243 255/var(--tw-text-opacity,1))!important}.text-violet-800{--tw-text-opacity:1!important;color:rgb(91 33 182/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-white\/90{color:hsla(0,0%,100%,.9)!important}.text-zinc-100{--tw-text-opacity:1!important;color:rgb(244 244 245/var(--tw-text-opacity,1))!important}.text-zinc-200{--tw-text-opacity:1!important;color:rgb(228 228 231/var(--tw-text-opacity,1))!important}.text-zinc-200\/90{color:rgba(228,228,231,.9)!important}.text-zinc-300{--tw-text-opacity:1!important;color:rgb(212 212 216/var(--tw-text-opacity,1))!important}.text-zinc-300\/80{color:rgba(212,212,216,.8)!important}.text-zinc-300\/90{color:rgba(212,212,216,.9)!important}.text-zinc-400{--tw-text-opacity:1!important;color:rgb(161 161 170/var(--tw-text-opacity,1))!important}.text-zinc-500{--tw-text-opacity:1!important;color:rgb(113 113 122/var(--tw-text-opacity,1))!important}.text-zinc-600{--tw-text-opacity:1!important;color:rgb(82 82 91/var(--tw-text-opacity,1))!important}.underline{text-decoration-line:underline!important}.opacity-60{opacity:.6!important}.opacity-80{opacity:.8!important}.opacity-85{opacity:.85!important}.opacity-90{opacity:.9!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,0.25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important}.shadow-\[0_0_10px_rgba\(16\2c 185\2c 129\2c 0\.65\)\]{--tw-shadow:0 0 10px rgba(16,185,129,0.65)!important;--tw-shadow-colored:0 0 10px var(--tw-shadow-color)!important}.shadow-\[0_0_10px_rgba\(16\2c 185\2c 129\2c 0\.65\)\],.shadow-\[0_30px_80px_rgba\(15\2c 23\2c 42\2c 0\.16\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-\[0_30px_80px_rgba\(15\2c 23\2c 42\2c 0\.16\)\]{--tw-shadow:0 30px 80px rgba(15,23,42,0.16)!important;--tw-shadow-colored:0 30px 80px var(--tw-shadow-color)!important}.shadow-\[0_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:0 6px 12px rgba(0,0,0,0.08)!important;--tw-shadow-colored:0 6px 12px var(--tw-shadow-color)!important}.shadow-\[0_6px_12px_rgba\(0\2c 0\2c 0\2c 0\.08\)\],.shadow-\[0_8px_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-\[0_8px_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:0 8px 16px rgba(0,0,0,0.06)!important;--tw-shadow-colored:0 8px 16px var(--tw-shadow-color)!important}.shadow-\[8px_0_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:8px 0 16px rgba(0,0,0,0.06)!important;--tw-shadow-colored:8px 0 16px var(--tw-shadow-color)!important}.shadow-\[8px_0_16px_rgba\(0\2c 0\2c 0\2c 0\.06\)\],.shadow-\[8px_0_16px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-\[8px_0_16px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:8px 0 16px rgba(0,0,0,0.08)!important;--tw-shadow-colored:8px 0 16px var(--tw-shadow-color)!important}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important}.shadow-black\/40{--tw-shadow-color:rgba(0,0,0,0.4)!important;--tw-shadow:var(--tw-shadow-colored)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline{outline-style:solid!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-red-400\/60{--tw-ring-color:rgba(248,113,113,0.6)!important}.ring-violet-300\/60{--tw-ring-color:rgba(196,181,253,0.6)!important}.ring-violet-400\/60{--tw-ring-color:rgba(167,139,250,0.6)!important}.ring-violet-400\/70{--tw-ring-color:rgba(167,139,250,0.7)!important}.ring-violet-500\/70{--tw-ring-color:rgba(139,92,246,0.7)!important}.ring-zinc-600\/40{--tw-ring-color:rgba(82,82,91,0.4)!important}.blur{--tw-blur:blur(8px)!important}.blur,.grayscale-\[0\.15\]{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)!important}.grayscale-\[0\.15\]{--tw-grayscale:grayscale(0.15)!important}.grayscale-\[0\.2\]{--tw-grayscale:grayscale(0.2)!important}.grayscale-\[0\.2\],.invert{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)!important}.invert{--tw-invert:invert(100%)!important}.\!filter,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px)!important}.backdrop-blur-\[2px\],.backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)!important}.backdrop-blur-xl,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-\[padding-right\]{transition-property:padding-right!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-transform{transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.\[color-scheme\:dark\]{color-scheme:dark!important}.\[color-scheme\:light\]{color-scheme:light!important}.last\:border-b-0:last-child{border-bottom-width:0!important}.hover\:border-violet-300:hover{--tw-border-opacity:1!important;border-color:rgb(196 181 253/var(--tw-border-opacity,1))!important}.hover\:border-violet-500:hover{--tw-border-opacity:1!important;border-color:rgb(139 92 246/var(--tw-border-opacity,1))!important}.hover\:bg-\[\#241c3f\]:hover{--tw-bg-opacity:1!important;background-color:rgb(36 28 63/var(--tw-bg-opacity,1))!important}.hover\:bg-red-500:hover{--tw-bg-opacity:1!important;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))!important}.hover\:bg-slate-100:hover{--tw-bg-opacity:1!important;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))!important}.hover\:bg-slate-50:hover{--tw-bg-opacity:1!important;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))!important}.hover\:bg-slate-800:hover{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.hover\:bg-violet-100\/80:hover{background-color:rgba(237,233,254,.8)!important}.hover\:bg-violet-50\/60:hover{background-color:rgba(245,243,255,.6)!important}.hover\:bg-violet-50\/70:hover{background-color:rgba(245,243,255,.7)!important}.hover\:bg-violet-500:hover{--tw-bg-opacity:1!important;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))!important}.hover\:bg-violet-600:hover{--tw-bg-opacity:1!important;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))!important}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)!important}.hover\:bg-white\/60:hover{background-color:hsla(0,0%,100%,.6)!important}.hover\:bg-white\/\[0\.04\]:hover{background-color:hsla(0,0%,100%,.04)!important}.hover\:bg-zinc-400:hover{--tw-bg-opacity:1!important;background-color:rgb(161 161 170/var(--tw-bg-opacity,1))!important}.hover\:bg-zinc-500\/90:hover{background-color:rgba(113,113,122,.9)!important}.hover\:bg-zinc-800:hover{--tw-bg-opacity:1!important;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))!important}.hover\:bg-zinc-900:hover{--tw-bg-opacity:1!important;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))!important}.hover\:text-violet-300:hover{--tw-text-opacity:1!important;color:rgb(196 181 253/var(--tw-text-opacity,1))!important}.hover\:text-violet-500:hover{--tw-text-opacity:1!important;color:rgb(139 92 246/var(--tw-text-opacity,1))!important}.active\:bg-white\/\[0\.07\]:active{background-color:hsla(0,0%,100%,.07)!important}.disabled\:opacity-50:disabled{opacity:.5!important}@media (min-width:640px){.sm\:flex-row{flex-direction:row!important}.sm\:items-center{align-items:center!important}.sm\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}.sm\:px-4{padding-left:1rem!important;padding-right:1rem!important}.sm\:py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.sm\:text-\[11px\]{font-size:11px!important}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:items-center{align-items:center!important}.md\:rounded-3xl{border-radius:1.5rem!important}.md\:p-3{padding:.75rem!important}.md\:p-4{padding:1rem!important}.md\:p-6{padding:1.5rem!important}.md\:p-8{padding:2rem!important}.md\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}}.\[\&\:\:-webkit-calendar-picker-indicator\]\:ml-auto::-webkit-calendar-picker-indicator{margin-left:auto!important}.\[\&\:\:-webkit-calendar-picker-indicator\]\:mr-1::-webkit-calendar-picker-indicator{margin-right:.25rem!important}

package/lib/components/Pagination/index.d.ts

@@ -4,7 +4,8 @@ declare const Pagination: (props: PaginationProps) => JSX.Element | null;
 export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
-    showTotal: (total: number, range: [number, number]) => string;
+    /** 无 props 上下文时仅能根据 total + range 近似推算（见 resolveCurrentPage） */
+    showTotal: (totalRecords: number, range: [number, number]) => any;
     responsive: boolean;
     size: string;
 };

package/lib/components/Pagination/index.js

@@ -49,16 +49,26 @@ function getPaginationText(key) {
   if (fromUtils !== fullKey) return fromUtils;
   return (0, import_locales.getText)(fullKey) ?? (0, import_locales.getText)(`table-pagination-${key}`);
 }
+function resolveCurrentPage(props, range, pageSize) {
+  const fromProps = props.current ?? props.defaultCurrent;
+  if (typeof fromProps === "number" && fromProps >= 1) {
+    return fromProps;
+  }
+  const start = range[0];
+  if (start == null || start < 1 || pageSize < 1) {
+    return 1;
+  }
+  return Math.floor((start - 1) / pageSize) + 1;
+}
 var Pagination = (props) => {
   const show = (0, import_react.useMemo)(() => {
     return Object.keys(props).length;
   }, [props]);
   const isMiniPagination = (0, import_useIsMobileTable.default)();
-  const effectiveConfig = (0, import_react.useMemo)(() => {
+  const itemRenderFn = (0, import_react.useMemo)(() => {
     const prevText = getPaginationText("previous");
     const nextText = getPaginationText("next");
-    const showTotalFn = getPaginationText("showTotal");
-    const itemRenderFn = (_, type, originalElement) => {
+    return (_, type, originalElement) => {
       if (type === "prev") {
         return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, prevText));
       }
@@ -67,16 +77,35 @@ var Pagination = (props) => {
       }
       return originalElement;
     };
-    const showTotal = typeof showTotalFn === "function" ? (total, range) => showTotalFn(range[0], range[1]) : (total, range) => `Page ${range[0]} of ${range[1]}`;
+  }, []);
+  const showTotalDefault = (0, import_react.useCallback)(
+    (totalRecords, range) => {
+      const pageSize = props.pageSize ?? props.defaultPageSize ?? 10;
+      const currentPage = resolveCurrentPage(props, range, pageSize);
+      const totalPages = totalRecords <= 0 ? 1 : Math.max(1, Math.ceil(totalRecords / pageSize));
+      const showTotalFn = getPaginationText("showTotal");
+      if (typeof showTotalFn === "function") {
+        return showTotalFn(currentPage, totalPages);
+      }
+      return `Page ${currentPage} of ${totalPages}`;
+    },
+    [
+      props.current,
+      props.defaultCurrent,
+      props.pageSize,
+      props.defaultPageSize
+    ]
+  );
+  const effectiveConfig = (0, import_react.useMemo)(() => {
     return {
       className: "materials-grid-paginator",
       defaultCurrent: 1,
-      showTotal,
+      showTotal: showTotalDefault,
       itemRender: itemRenderFn,
       responsive: true,
       size: "small"
     };
-  }, []);
+  }, [itemRenderFn, showTotalDefault]);
   const content = (0, import_react.useMemo)(() => {
     if (!show) {
       return null;
@@ -92,7 +121,21 @@ var Pagination = (props) => {
 var paginationConfig = {
   className: "materials-grid-paginator",
   defaultCurrent: 1,
-  showTotal: (total, range) => `Page ${range[0]} of ${range[1]}`,
+  /** 无 props 上下文时仅能根据 total + range 近似推算（见 resolveCurrentPage） */
+  showTotal: (totalRecords, range) => {
+    const pageSize = 10;
+    const currentPage = resolveCurrentPage(
+      { pageSize },
+      range,
+      pageSize
+    );
+    const totalPages = totalRecords <= 0 ? 1 : Math.max(1, Math.ceil(totalRecords / pageSize));
+    const fn = getPaginationText("showTotal");
+    if (typeof fn === "function") {
+      return fn(currentPage, totalPages);
+    }
+    return `Page ${currentPage} of ${totalPages}`;
+  },
   responsive: true,
   size: "small"
 };

package/lib/components/pisellFloorMapLayout/PisellFloorMapLayout.d.ts

@@ -0,0 +1,13 @@
+/**
+ * PisellFloorMapLayout - 空间布局视图
+ * 支持两种用法：1) 仅传入 items + renderItem（原有用法）；2) 传入 floorMapConfig + dataSources + mode 使用平面图视图（含多画布/编辑态）
+ */
+import React from 'react';
+import type { FloorMapItemBase, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from './types';
+import './PisellFloorMapLayout.less';
+/** 空间布局根组件：阅读/编辑、列表与平面图双模式，ref 见 {@link PisellFloorMapLayoutRef} */
+declare const PisellFloorMapLayout: <T extends FloorMapItemBase = FloorMapItemBase>(props: PisellFloorMapLayoutProps<T> & {
+    ref?: React.Ref<PisellFloorMapLayoutRef | null> | undefined;
+}) => React.ReactElement;
+export { PisellFloorMapLayout };
+export default PisellFloorMapLayout;

package/lib/components/pisellFloorMapLayout/PisellFloorMapLayout.js

@@ -79,6 +79,7 @@ function PisellFloorMapLayoutInner(props, ref) {
     pan = {},
     controls = {},
     enableHover = true,
+    readModeSelectedItemId,
     onItemClick,
     onItemHover,
     onItemLeave,
@@ -776,7 +777,8 @@ function PisellFloorMapLayoutInner(props, ref) {
                   onItemHover,
                   onItemLeave,
                   getMergedItemWrapperStyle,
-                  onInteractionChange: setIsInteractingWithElement
+                  onInteractionChange: setIsInteractingWithElement,
+                  readModeSelectedItemId
                 }
               ),
               isFloorMapView && mode === "edit" && (placeMode == null ? void 0 : placeMode.type) === "scene" && /* @__PURE__ */ import_react.default.createElement(

package/lib/components/pisellFloorMapLayout/components/FigmaTableCard.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import type { FloorMapMergedItem, FloorMapDataSources } from '../types';
+export declare type FigmaTableStatus = 'available' | 'reserved' | 'waiting' | 'dining' | 'billed' | 'availableSoon';
+/** 方桌/圆桌卡片展示用数据结构（与 Figma 设计一致，支持桌号/状态/人数/区域等） */
+export interface FigmaTableCardItem {
+    id: string;
+    /**
+     * 无绑定或无可展示数据行时与蘸料摆台占位一致：浅灰底 + 虚线框 + 提示文案
+     * @see getRenderItemByKindCondimentStation（RecordBoard Story）
+     */
+    isNoDataPlaceholder?: boolean;
+    placeholderBorderColor?: string;
+    placeholderHint?: string;
+    /** 占位主标题：优先图元名称，否则「餐桌」/「圆桌」 */
+    placeholderTitle?: string;
+    /** 桌号/名称，空闲态居中显示 */
+    displayName?: string;
+    status?: FigmaTableStatus;
+    customerName?: string;
+    reserveTime?: string;
+    /** 当前用餐人数（与 Figma 设计一致） */
+    guests?: number;
+    /** 可坐人数（与表格列「可坐人数」绑定） */
+    capacity?: number;
+    dishes?: string;
+    duration?: string;
+    /** 区域（与表格列「区域」绑定，如大厅/包厢A） */
+    area?: string;
+}
+/** 从 merged item + dataSources 得到卡片数据 */
+export declare function getFigmaTableCardFromMerged(item: FloorMapMergedItem, dataSources: FloorMapDataSources): FigmaTableCardItem;
+/** 渲染 Figma 样式的方桌卡片（上下小条 + 资源信息标题栏 + 白底卡片 + 状态色边框） */
+export declare function renderFigmaStyleTableCard(cardItem: FigmaTableCardItem): JSX.Element;
+/** 渲染 Figma 样式的圆桌卡片（顶部资源信息 chip + 圆形主体，圆形主体只展示状态相关内容） */
+export declare function renderFigmaStyleRoundTableCard(cardItem: FigmaTableCardItem): JSX.Element;
+/** 返回用于 renderItemByKind.table 的渲染函数（方桌） */
+export declare function getRenderItemByKindTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;
+/** 返回用于 renderItemByKind.roundTable 的渲染函数（圆桌） */
+export declare function getRenderItemByKindRoundTable(dataSources: FloorMapDataSources): (item: unknown) => JSX.Element;

package/lib/components/pisellFloorMapLayout/components/FloorMapEditPanel.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { FloorMapEditPanelParams, FloorMapViewConfig, FloorMapDataSources } from '../types';
+import './FloorMapEditPanel.less';
+export interface FloorMapEditPanelProps extends FloorMapEditPanelParams {
+    config: FloorMapViewConfig;
+    dataSources: FloorMapDataSources;
+    savingRecord?: boolean;
+    className?: string;
+}
+export declare function FloorMapEditPanel(props: FloorMapEditPanelProps): JSX.Element;
+export default FloorMapEditPanel;

package/lib/components/pisellFloorMapLayout/components/FloorMapEditTopBar.d.ts

@@ -0,0 +1,60 @@
+/**
+ * FloorMapEditTopBar - 编辑态顶栏
+ * - `mode="compact"`：画布 Tab + 可选 `canvasTabsBarTrailing`（全屏入口在左下 Dock）
+ * - `mode="full"`：画布 Tab + `canvasTabsBarTrailing` + 保存（仅非浏览器全屏时）+ 扩展操作
+ */
+import React from 'react';
+import type { CanvasTabsProps } from './CanvasTabs';
+import type { FloorMapControlsConfig, FloorMapViewConfig } from '../types';
+import './FloorMapEditTopBar.less';
+export declare type FloorMapEditTopBarMode = 'full' | 'compact';
+export interface FloorMapEditTopBarProps {
+    /** full：全屏时的完整顶栏；compact：非全屏时 Tab + 扩展区 */
+    mode?: FloorMapEditTopBarMode;
+    config: FloorMapViewConfig;
+    canvases: CanvasTabsProps['canvases'];
+    currentCanvasId: CanvasTabsProps['currentCanvasId'];
+    onTabChange: CanvasTabsProps['onTabChange'];
+    canEditTabs?: CanvasTabsProps['canEdit'];
+    onAddCanvas?: CanvasTabsProps['onAddCanvas'];
+    onRemoveCanvas?: CanvasTabsProps['onRemoveCanvas'];
+    onRenameCanvas?: CanvasTabsProps['onRenameCanvas'];
+    onSave?: () => void;
+    saving?: boolean;
+    saveError?: Error | string;
+    layoutDirty?: boolean;
+    /** full 模式：浏览器全屏时为 true，顶栏不展示保存（改由侧栏） */
+    isFullscreen?: boolean;
+    controls?: FloorMapControlsConfig;
+    /** 顶栏右侧扩展（如「区域定位」等），仅 full 模式 */
+    extraActions?: React.ReactNode;
+    /** 画布 Tab 同排最右侧业务区 */
+    canvasTabsBarTrailing?: React.ReactNode;
+    /** 启用画布仅 1 个时隐藏 Tab 行，仅保留右侧操作区（全屏顶栏保存等） */
+    hideCanvasTabs?: boolean;
+    /** 撤销当前编辑步骤（不传则不显示按钮） */
+    onUndo?: () => void;
+    /** 重做最近一次撤销（不传则不显示按钮） */
+    onRedo?: () => void;
+    /** 是否还有可撤销步骤 */
+    canUndo?: boolean;
+    /** 是否还有可重做步骤 */
+    canRedo?: boolean;
+    /**
+     * 退出编辑模式回调（不保存）。
+     * 传入后顶栏右侧会渲染「取消编辑」+「完成」两个按钮，替代原独立「保存」按钮：
+     * - 取消编辑 → `onCancelEdit?.() ?? onExitEdit()`
+     * - 完成 → `onSave?.()` + `onExitEdit()`
+     * 不传则维持旧版「保存」按钮（保存但不退出）。
+     */
+    onExitEdit?: () => void;
+    /**
+     * 「取消编辑」专用回调（可选）。传入时取消按钮优先调它，业务层可以在这里
+     * 完成「丢弃草稿 + 退出编辑」组合，从而保证回到阅读态不会看到未保存的脏数据。
+     * 不传时取消按钮回退到 `onExitEdit`。完成按钮链路不受此 prop 影响。
+     */
+    onCancelEdit?: () => void;
+    className?: string;
+}
+export declare function FloorMapEditTopBar(props: FloorMapEditTopBarProps): JSX.Element | null;
+export default FloorMapEditTopBar;

package/lib/components/pisellFloorMapLayout/components/FloorMapToolbar.d.ts

@@ -0,0 +1,35 @@
+/**
+ * FloorMapToolbar - 编辑态左侧侧边栏：按分类添加图元、绑定数据源与行；保存可选（默认用顶栏）
+ */
+import React from 'react';
+import type { FloorMapViewConfig, FloorMapDataSources, FloorMapMergedItem, FloorMapSceneElement, FloorMapPlaceMode } from '../types';
+import { type FloorMapPaletteDragPayload } from '../utils/floorMapDropUtils';
+import './FloorMapToolbar.less';
+export type { FloorMapPlaceMode as PlaceMode };
+export interface FloorMapToolbarProps {
+    config: FloorMapViewConfig;
+    dataSources: FloorMapDataSources;
+    dataSourceLabels?: Record<string, string>;
+    canCreate: boolean;
+    placeMode: FloorMapPlaceMode;
+    onPlaceModeChange: (mode: FloorMapPlaceMode) => void;
+    renderPreviewItem?: (item: FloorMapMergedItem) => React.ReactNode;
+    placementPreviewSize?: {
+        width: number;
+        height: number;
+    };
+    decorationPreviewSize?: number;
+    sceneElements?: FloorMapSceneElement[];
+    onSave?: () => void;
+    saving?: boolean;
+    saveError?: Error | string;
+    /** 布局草稿已相对持久化配置变更，提示用户点击本栏「保存」 */
+    layoutDirty?: boolean;
+    className?: string;
+    /** 触摸/笔：Pointer 拖拽落点（mouse 仍用 HTML5 DnD） */
+    onPaletteCardPointerDown?: (payload: FloorMapPaletteDragPayload, e: React.PointerEvent<HTMLButtonElement>) => void;
+    /** 触摸拖放结束后吞掉按钮 click，避免误触切换落点模式 */
+    consumeToolbarClickIfTouchDrag?: () => boolean;
+}
+export declare function FloorMapToolbar(props: FloorMapToolbarProps): JSX.Element;
+export default FloorMapToolbar;

package/lib/components/pisellFloorMapLayout/components/ItemLayer.d.ts

@@ -0,0 +1,57 @@
+/**
+ * ItemLayer - 楼层图展示层
+ * 按 items 的 (x, y) 与 cellSize 定位，用 renderItem 渲染每项内容
+ */
+import React from 'react';
+import type { FloorMapItemBase, FloorMapItemUnit } from '../types';
+import type { CSSProperties } from 'react';
+import './ItemLayer.less';
+export interface ItemLayerProps<T extends FloorMapItemBase> {
+    /** 资源列表 */
+    items: T[];
+    /** 每项渲染函数 */
+    renderItem: (item: T, index: number) => React.ReactNode;
+    /** 每项 key */
+    rowKey?: string | ((item: T, index: number) => string);
+    /** 每格像素尺寸（cell 单位时用；pixel 单位时作为缺省宽高） */
+    cellSize: number;
+    /** item 坐标与尺寸单位：cell 格子数，pixel 像素 */
+    itemUnit?: FloorMapItemUnit;
+    /** item 之间的间距（像素），仅 cell 单位时生效 */
+    itemGap?: number;
+    /** 内容区总宽度（像素），由 items 推导或外部传入 */
+    contentWidth: number;
+    /** 内容区总高度（像素） */
+    contentHeight: number;
+    /** 内容区 X 偏移（画布包围盒向左/上扩展时，图元层整体平移） */
+    contentOffsetX?: number;
+    /** 内容区 Y 偏移 */
+    contentOffsetY?: number;
+    /** 是否启用 hover 事件 */
+    enableHover?: boolean;
+    /**
+     * 是否在 hover 时显示外沿描边（选中感高亮）。默认 true。
+     * 平面图只读态可由布局关闭，仅去掉描边，不影响 onItemHover。
+     */
+    itemHoverOutline?: boolean;
+    /** 点击回调 */
+    onItemClick?: (item: T, index: number, e: React.MouseEvent<HTMLElement>) => void;
+    /** hover 进入 */
+    onItemHover?: (item: T, index: number, e: React.MouseEvent<HTMLElement>) => void;
+    /** hover 离开 */
+    onItemLeave?: (item: T, index: number, e: React.MouseEvent<HTMLElement>) => void;
+    /** 每项外层容器额外样式（与定位样式合并） */
+    getMergedItemWrapperStyle?: (item: T, index: number) => CSSProperties | undefined;
+    /**
+     * 阅读态：与 {@link rowKey} 解析 id 相等的图元加选中外圈（如详情 Modal 打开时）。
+     */
+    readModeSelectedItemId?: string | null;
+    /**
+     * 与编辑态一致：在含 `data-pisell-floor-room-scroll-surface` 的区域内按下时置 true，
+     * 用于禁用 Transform 画布平移，避免图元内纵向滑动拖动画布。
+     */
+    onInteractionChange?: (active: boolean) => void;
+    className?: string;
+}
+export declare function ItemLayer<T extends FloorMapItemBase>(props: ItemLayerProps<T>): JSX.Element;
+export default ItemLayer;

package/lib/components/pisellFloorMapLayout/components/ItemLayer.js

@@ -38,6 +38,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_ItemLayer = require("./ItemLayer.less");
 var PREFIX = "pisell-floor-map-layout";
 var ROOM_SCROLL_SURFACE_SELECTOR = "[data-pisell-floor-room-scroll-surface]";
+var READ_MODE_SELECTED_STACK_Z = 1e6;
 function getItemKey(item, index, rowKey) {
   if (!rowKey) return item.id;
   if (typeof rowKey === "string")
@@ -76,6 +77,7 @@ function ItemLayer(props) {
     onItemLeave,
     getMergedItemWrapperStyle,
     onInteractionChange,
+    readModeSelectedItemId,
     className
   } = props;
   const notifyRoomScrollSurfaceActive = (0, import_react.useCallback)(() => {
@@ -142,13 +144,15 @@ function ItemLayer(props) {
       }
       const key = getItemKey(item, index, rowKey);
       const shapeStyle = getShapeStyle(item.shape);
+      const selectedRead = readModeSelectedItemId != null && String(readModeSelectedItemId).trim() !== "" && key === String(readModeSelectedItemId);
       return /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
           key,
           className: (0, import_classnames.default)(`${PREFIX}-item`, {
             [`${PREFIX}-item-hoverable`]: enableHover,
-            [`${PREFIX}-item-hover-outline`]: enableHover && itemHoverOutline
+            [`${PREFIX}-item-hover-outline`]: enableHover && itemHoverOutline,
+            [`${PREFIX}-item-read-selected`]: selectedRead
           }),
           style: {
             position: "absolute",
@@ -157,7 +161,7 @@ function ItemLayer(props) {
             width,
             height,
             boxSizing: "border-box",
-            zIndex: item.zIndex ?? 0,
+            zIndex: selectedRead ? READ_MODE_SELECTED_STACK_Z + (item.zIndex ?? 0) : item.zIndex ?? 0,
             ...shapeStyle,
             ...getMergedItemWrapperStyle == null ? void 0 : getMergedItemWrapperStyle(item, index)
           },
@@ -184,7 +188,8 @@ function ItemLayer(props) {
     onItemLeave,
     getMergedItemWrapperStyle,
     handleItemPointerDownCapture,
-    handleItemTouchStartCapture
+    handleItemTouchStartCapture,
+    readModeSelectedItemId
   ]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",

package/lib/components/pisellFloorMapLayout/components/ItemLayer.less

@@ -13,10 +13,17 @@
 
   /** hover 描边与编辑态选中一致（见 EditableItemLayer：`pisell-floor-map-layout-editable-item-selected`） */
 
-  &-hoverable&-hover-outline:hover {
+  // &-hoverable&-hover-outline:hover {
+  //   outline: 3px solid var(--fmap-primary, #1677ff);
+  //   outline-offset: 0;
+  //   box-shadow: 0 0 0 1px rgba(22, 119, 255, 0.25);
+  //   z-index: 1;
+  // }
+
+  /** 阅读态：详情弹层等打开时由业务传入 `readModeSelectedItemId`，与编辑态选中描边一致 */
+  &-read-selected {
     outline: 3px solid var(--fmap-primary, #1677ff);
     outline-offset: 0;
     box-shadow: 0 0 0 1px rgba(22, 119, 255, 0.25);
-    z-index: 1;
   }
 }