@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-acd47a1c],[data-v-acd47a1c]::backdrop,[data-v-acd47a1c]:after,[data-v-acd47a1c]:before{--tw-font-weight:initial;--tw-tracking:initial;--tw-leading:initial}}}.spark-demo-tab[data-v-acd47a1c]{align-items:center;border-radius:var(--radius-kf-sm,6px);gap:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*2.5);--tw-font-weight:var(--font-weight-medium,500);font-size:11px;font-weight:var(--font-weight-medium,500);--tw-tracking:var(--tracking-wider,.05em);color:#ffffff4d;cursor:pointer;display:inline-flex;letter-spacing:var(--tracking-wider,.05em);text-transform:uppercase}@supports (color:color-mix(in lab,red,red)){.spark-demo-tab[data-v-acd47a1c]{color:color-mix(in oklab,var(--color-white,#fff) 30%,transparent)}}.spark-demo-tab[data-v-acd47a1c]{transition:color .15s,background-color .15s}.spark-demo-tab[data-v-acd47a1c]:hover:not(.is-active){background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.spark-demo-tab[data-v-acd47a1c]:hover:not(.is-active){background-color:color-mix(in oklab,var(--color-white,#fff) 5%,transparent)}}.spark-demo-tab[data-v-acd47a1c]:hover:not(.is-active){color:#fff9}@supports (color:color-mix(in lab,red,red)){.spark-demo-tab[data-v-acd47a1c]:hover:not(.is-active){color:color-mix(in oklab,var(--color-white,#fff) 60%,transparent)}}.spark-demo-tab.is-active[data-v-acd47a1c]{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.spark-demo-tab.is-active[data-v-acd47a1c]{background-color:color-mix(in oklab,var(--color-white,#fff) 10%,transparent)}}.spark-demo-tab.is-active[data-v-acd47a1c]{color:#fffc}@supports (color:color-mix(in lab,red,red)){.spark-demo-tab.is-active[data-v-acd47a1c]{color:color-mix(in oklab,var(--color-white,#fff) 80%,transparent)}}.spark-demo-copy[data-v-acd47a1c]{align-items:center;border-radius:var(--radius-kf-sm,6px);gap:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*2.5);--tw-font-weight:var(--font-weight-medium,500);font-size:11px;font-weight:var(--font-weight-medium,500);--tw-tracking:var(--tracking-wider,.05em);color:#fff6;cursor:pointer;display:inline-flex;letter-spacing:var(--tracking-wider,.05em);text-transform:uppercase}@supports (color:color-mix(in lab,red,red)){.spark-demo-copy[data-v-acd47a1c]{color:color-mix(in oklab,var(--color-white,#fff) 40%,transparent)}}.spark-demo-copy[data-v-acd47a1c]{transition:color .15s,background-color .15s}.spark-demo-copy[data-v-acd47a1c]:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.spark-demo-copy[data-v-acd47a1c]:hover{background-color:color-mix(in oklab,var(--color-white,#fff) 5%,transparent)}}.spark-demo-copy[data-v-acd47a1c]:hover{color:#fffc}@supports (color:color-mix(in lab,red,red)){.spark-demo-copy[data-v-acd47a1c]:hover{color:color-mix(in oklab,var(--color-white,#fff) 80%,transparent)}}.spark-demo-source[data-v-acd47a1c]{max-height:28rem;overflow:auto;scrollbar-color:#ffffff2e transparent;scrollbar-width:thin}.spark-demo-source[data-v-acd47a1c]::-webkit-scrollbar{height:8px;width:8px}.spark-demo-source[data-v-acd47a1c]::-webkit-scrollbar-thumb{background:#ffffff24 padding-box padding-box;border:2px solid #0000;border-radius:999px}.spark-demo-source[data-v-acd47a1c]::-webkit-scrollbar-thumb:hover{background:#ffffff47 padding-box padding-box;border:2px solid #0000}.spark-demo-source pre[data-v-acd47a1c]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));margin:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*5);--tw-leading:var(--leading-relaxed,1.625);color:#ffffffd9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:var(--leading-relaxed,1.625);-moz-tab-size:3;-o-tab-size:3;tab-size:3}.spark-demo-source code[data-v-acd47a1c]{background:0 0;color:inherit;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);padding:0;white-space:pre}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}