@sprinklrjs/spaceweb-themes 11.0.0 → 12.14.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/common-theme/theme.js +2 -2
  2. package/common-theme/utilities.d.ts +52 -0
  3. package/common-theme/utilities.js +14 -0
  4. package/hyperspace/dark/index.d.ts +112 -16
  5. package/hyperspace/dark/theme.d.ts +60 -16
  6. package/hyperspace/dark/theme.js +50 -38
  7. package/hyperspace/dark/utilities.d.ts +52 -0
  8. package/hyperspace/light/index.d.ts +112 -16
  9. package/hyperspace/light/theme.d.ts +60 -16
  10. package/hyperspace/light/theme.js +63 -51
  11. package/hyperspace/light/utilities.d.ts +52 -0
  12. package/hyperspace/light/utilities.js +5 -5
  13. package/hyperspace/themeVars.css +5 -5
  14. package/hyperspace/themeVars.min.css +1 -1
  15. package/package.json +2 -2
  16. package/space/dark/index.d.ts +67 -4
  17. package/space/dark/theme.d.ts +15 -4
  18. package/space/dark/theme.js +15 -4
  19. package/space/dark/utilities.d.ts +52 -0
  20. package/space/light/index.d.ts +67 -4
  21. package/space/light/theme.d.ts +15 -4
  22. package/space/light/theme.js +15 -4
  23. package/space/light/utilities.d.ts +52 -0
  24. package/styles/tailwind.css +9177 -0
  25. package/styles/tailwind.min.css +1 -0
  26. package/styles/tokens.scss +488 -0
  27. package/types.d.ts +34 -1
  28. package/utilities.css +61 -4
  29. package/utilities.min.css +1 -1
package/styles/tailwind.min.css ADDED
@@ -0,0 +1 @@
1
+ *,::after,::before{border-width:0;border-style:solid}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:sr-only:focus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-bottom{background-position:bottom}.bg-center{background-position:center}.bg-left{background-position:left}.bg-left-bottom{background-position:left bottom}.bg-left-top{background-position:left top}.bg-right{background-position:right}.bg-right-bottom{background-position:right bottom}.bg-right-top{background-position:right top}.bg-top{background-position:top}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-auto{background-size:auto}.bg-cover{background-size:cover}.bg-contain{background-size:contain}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.rounded-1{border-radius:1px}.rounded-2{border-radius:2px}.rounded-4{border-radius:4px}.rounded-6{border-radius:6px}.rounded-8{border-radius:8px}.rounded-12{border-radius:12px}.rounded-16{border-radius:16px}.rounded-none{border-radius:0}.rounded-full{border-radius:100%}.rounded-t-1{border-top-left-radius:1px;border-top-right-radius:1px}.rounded-r-1{border-top-right-radius:1px;border-bottom-right-radius:1px}.rounded-b-1{border-bottom-right-radius:1px;border-bottom-left-radius:1px}.rounded-l-1{border-top-left-radius:1px;border-bottom-left-radius:1px}.rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}.rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}.rounded-b-2{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}.rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}.rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}.rounded-b-4{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-t-6{border-top-left-radius:6px;border-top-right-radius:6px}.rounded-r-6{border-top-right-radius:6px;border-bottom-right-radius:6px}.rounded-b-6{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.rounded-l-6{border-top-left-radius:6px;border-bottom-left-radius:6px}.rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}.rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}.rounded-b-8{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}.rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}.rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}.rounded-b-12{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}.rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}.rounded-b-16{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-t-full{border-top-left-radius:100%;border-top-right-radius:100%}.rounded-r-full{border-top-right-radius:100%;border-bottom-right-radius:100%}.rounded-b-full{border-bottom-right-radius:100%;border-bottom-left-radius:100%}.rounded-l-full{border-top-left-radius:100%;border-bottom-left-radius:100%}.rounded-tl-1{border-top-left-radius:1px}.rounded-tr-1{border-top-right-radius:1px}.rounded-br-1{border-bottom-right-radius:1px}.rounded-bl-1{border-bottom-left-radius:1px}.rounded-tl-2{border-top-left-radius:2px}.rounded-tr-2{border-top-right-radius:2px}.rounded-br-2{border-bottom-right-radius:2px}.rounded-bl-2{border-bottom-left-radius:2px}.rounded-tl-4{border-top-left-radius:4px}.rounded-tr-4{border-top-right-radius:4px}.rounded-br-4{border-bottom-right-radius:4px}.rounded-bl-4{border-bottom-left-radius:4px}.rounded-tl-6{border-top-left-radius:6px}.rounded-tr-6{border-top-right-radius:6px}.rounded-br-6{border-bottom-right-radius:6px}.rounded-bl-6{border-bottom-left-radius:6px}.rounded-tl-8{border-top-left-radius:8px}.rounded-tr-8{border-top-right-radius:8px}.rounded-br-8{border-bottom-right-radius:8px}.rounded-bl-8{border-bottom-left-radius:8px}.rounded-tl-12{border-top-left-radius:12px}.rounded-tr-12{border-top-right-radius:12px}.rounded-br-12{border-bottom-right-radius:12px}.rounded-bl-12{border-bottom-left-radius:12px}.rounded-tl-16{border-top-left-radius:16px}.rounded-tr-16{border-top-right-radius:16px}.rounded-br-16{border-bottom-right-radius:16px}.rounded-bl-16{border-bottom-left-radius:16px}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tl-full{border-top-left-radius:100%}.rounded-tr-full{border-top-right-radius:100%}.rounded-br-full{border-bottom-right-radius:100%}.rounded-bl-full{border-bottom-left-radius:100%}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-none{border-style:none}.border-0{border-width:0}.border-1{border-width:1px}.border-2{border-width:2px}.border{border-width:1px}.border-t-0{border-top-width:0}.border-r-0{border-right-width:0}.border-b-0{border-bottom-width:0}.border-l-0{border-left-width:0}.border-t-1{border-top-width:1px}.border-r-1{border-right-width:1px}.border-b-1{border-bottom-width:1px}.border-l-1{border-left-width:1px}.border-t-2{border-top-width:2px}.border-r-2{border-right-width:2px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-copy{cursor:copy}.cursor-not-allowed{cursor:not-allowed}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-no-wrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.float-right{float:right}.float-left{float:left}.float-none{float:none}.clearfix:after{content:"";display:table;clear:both}.font-sans{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.font-serif{font-family:Georgia,Cambria,"Times New Roman",Times,serif}.font-mono{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.font-300{font-weight:300}.font-400{font-weight:400}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-0{height:0}.h-1{height:.4rem}.h-2{height:.8rem}.h-3{height:1.2rem}.h-4{height:1.6rem}.h-5{height:2rem}.h-6{height:2.4rem}.h-7{height:2.8rem}.h-8{height:3.2rem}.h-9{height:3.6rem}.h-10{height:4rem}.h-11{height:4.4rem}.h-12{height:4.8rem}.h-auto{height:auto}.h-1\.5{height:.6rem}.h-full{height:100%}.h-screen{height:100vh}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-loose{line-height:2}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.m-0{margin:0}.m-1{margin:.4rem}.m-2{margin:.8rem}.m-3{margin:1.2rem}.m-4{margin:1.6rem}.m-5{margin:2rem}.m-6{margin:2.4rem}.m-7{margin:2.8rem}.m-8{margin:3.2rem}.m-9{margin:3.6rem}.m-10{margin:4rem}.m-11{margin:4.4rem}.m-12{margin:4.8rem}.m-auto{margin:auto}.m-1\.5{margin:.6rem}.-m-1{margin:-.4rem}.-m-2{margin:-.8rem}.-m-3{margin:-1.2rem}.-m-4{margin:-1.6rem}.-m-5{margin:-2rem}.-m-6{margin:-2.4rem}.-m-7{margin:-2.8rem}.-m-8{margin:-3.2rem}.-m-9{margin:-3.6rem}.-m-10{margin:-4rem}.-m-11{margin:-4.4rem}.-m-12{margin:-4.8rem}.-m-1\.5{margin:-.6rem}.my-0{margin-top:0;margin-bottom:0}.mx-0{margin-left:0;margin-right:0}.my-1{margin-top:.4rem;margin-bottom:.4rem}.mx-1{margin-left:.4rem;margin-right:.4rem}.my-2{margin-top:.8rem;margin-bottom:.8rem}.mx-2{margin-left:.8rem;margin-right:.8rem}.my-3{margin-top:1.2rem;margin-bottom:1.2rem}.mx-3{margin-left:1.2rem;margin-right:1.2rem}.my-4{margin-top:1.6rem;margin-bottom:1.6rem}.mx-4{margin-left:1.6rem;margin-right:1.6rem}.my-5{margin-top:2rem;margin-bottom:2rem}.mx-5{margin-left:2rem;margin-right:2rem}.my-6{margin-top:2.4rem;margin-bottom:2.4rem}.mx-6{margin-left:2.4rem;margin-right:2.4rem}.my-7{margin-top:2.8rem;margin-bottom:2.8rem}.mx-7{margin-left:2.8rem;margin-right:2.8rem}.my-8{margin-top:3.2rem;margin-bottom:3.2rem}.mx-8{margin-left:3.2rem;margin-right:3.2rem}.my-9{margin-top:3.6rem;margin-bottom:3.6rem}.mx-9{margin-left:3.6rem;margin-right:3.6rem}.my-10{margin-top:4rem;margin-bottom:4rem}.mx-10{margin-left:4rem;margin-right:4rem}.my-11{margin-top:4.4rem;margin-bottom:4.4rem}.mx-11{margin-left:4.4rem;margin-right:4.4rem}.my-12{margin-top:4.8rem;margin-bottom:4.8rem}.mx-12{margin-left:4.8rem;margin-right:4.8rem}.my-auto{margin-top:auto;margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-1\.5{margin-top:.6rem;margin-bottom:.6rem}.mx-1\.5{margin-left:.6rem;margin-right:.6rem}.-my-1{margin-top:-.4rem;margin-bottom:-.4rem}.-mx-1{margin-left:-.4rem;margin-right:-.4rem}.-my-2{margin-top:-.8rem;margin-bottom:-.8rem}.-mx-2{margin-left:-.8rem;margin-right:-.8rem}.-my-3{margin-top:-1.2rem;margin-bottom:-1.2rem}.-mx-3{margin-left:-1.2rem;margin-right:-1.2rem}.-my-4{margin-top:-1.6rem;margin-bottom:-1.6rem}.-mx-4{margin-left:-1.6rem;margin-right:-1.6rem}.-my-5{margin-top:-2rem;margin-bottom:-2rem}.-mx-5{margin-left:-2rem;margin-right:-2rem}.-my-6{margin-top:-2.4rem;margin-bottom:-2.4rem}.-mx-6{margin-left:-2.4rem;margin-right:-2.4rem}.-my-7{margin-top:-2.8rem;margin-bottom:-2.8rem}.-mx-7{margin-left:-2.8rem;margin-right:-2.8rem}.-my-8{margin-top:-3.2rem;margin-bottom:-3.2rem}.-mx-8{margin-left:-3.2rem;margin-right:-3.2rem}.-my-9{margin-top:-3.6rem;margin-bottom:-3.6rem}.-mx-9{margin-left:-3.6rem;margin-right:-3.6rem}.-my-10{margin-top:-4rem;margin-bottom:-4rem}.-mx-10{margin-left:-4rem;margin-right:-4rem}.-my-11{margin-top:-4.4rem;margin-bottom:-4.4rem}.-mx-11{margin-left:-4.4rem;margin-right:-4.4rem}.-my-12{margin-top:-4.8rem;margin-bottom:-4.8rem}.-mx-12{margin-left:-4.8rem;margin-right:-4.8rem}.-my-1\.5{margin-top:-.6rem;margin-bottom:-.6rem}.-mx-1\.5{margin-left:-.6rem;margin-right:-.6rem}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-1{margin-top:.4rem}.mr-1{margin-right:.4rem}.mb-1{margin-bottom:.4rem}.ml-1{margin-left:.4rem}.mt-2{margin-top:.8rem}.mr-2{margin-right:.8rem}.mb-2{margin-bottom:.8rem}.ml-2{margin-left:.8rem}.mt-3{margin-top:1.2rem}.mr-3{margin-right:1.2rem}.mb-3{margin-bottom:1.2rem}.ml-3{margin-left:1.2rem}.mt-4{margin-top:1.6rem}.mr-4{margin-right:1.6rem}.mb-4{margin-bottom:1.6rem}.ml-4{margin-left:1.6rem}.mt-5{margin-top:2rem}.mr-5{margin-right:2rem}.mb-5{margin-bottom:2rem}.ml-5{margin-left:2rem}.mt-6{margin-top:2.4rem}.mr-6{margin-right:2.4rem}.mb-6{margin-bottom:2.4rem}.ml-6{margin-left:2.4rem}.mt-7{margin-top:2.8rem}.mr-7{margin-right:2.8rem}.mb-7{margin-bottom:2.8rem}.ml-7{margin-left:2.8rem}.mt-8{margin-top:3.2rem}.mr-8{margin-right:3.2rem}.mb-8{margin-bottom:3.2rem}.ml-8{margin-left:3.2rem}.mt-9{margin-top:3.6rem}.mr-9{margin-right:3.6rem}.mb-9{margin-bottom:3.6rem}.ml-9{margin-left:3.6rem}.mt-10{margin-top:4rem}.mr-10{margin-right:4rem}.mb-10{margin-bottom:4rem}.ml-10{margin-left:4rem}.mt-11{margin-top:4.4rem}.mr-11{margin-right:4.4rem}.mb-11{margin-bottom:4.4rem}.ml-11{margin-left:4.4rem}.mt-12{margin-top:4.8rem}.mr-12{margin-right:4.8rem}.mb-12{margin-bottom:4.8rem}.ml-12{margin-left:4.8rem}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mt-1\.5{margin-top:.6rem}.mr-1\.5{margin-right:.6rem}.mb-1\.5{margin-bottom:.6rem}.ml-1\.5{margin-left:.6rem}.-mt-1{margin-top:-.4rem}.-mr-1{margin-right:-.4rem}.-mb-1{margin-bottom:-.4rem}.-ml-1{margin-left:-.4rem}.-mt-2{margin-top:-.8rem}.-mr-2{margin-right:-.8rem}.-mb-2{margin-bottom:-.8rem}.-ml-2{margin-left:-.8rem}.-mt-3{margin-top:-1.2rem}.-mr-3{margin-right:-1.2rem}.-mb-3{margin-bottom:-1.2rem}.-ml-3{margin-left:-1.2rem}.-mt-4{margin-top:-1.6rem}.-mr-4{margin-right:-1.6rem}.-mb-4{margin-bottom:-1.6rem}.-ml-4{margin-left:-1.6rem}.-mt-5{margin-top:-2rem}.-mr-5{margin-right:-2rem}.-mb-5{margin-bottom:-2rem}.-ml-5{margin-left:-2rem}.-mt-6{margin-top:-2.4rem}.-mr-6{margin-right:-2.4rem}.-mb-6{margin-bottom:-2.4rem}.-ml-6{margin-left:-2.4rem}.-mt-7{margin-top:-2.8rem}.-mr-7{margin-right:-2.8rem}.-mb-7{margin-bottom:-2.8rem}.-ml-7{margin-left:-2.8rem}.-mt-8{margin-top:-3.2rem}.-mr-8{margin-right:-3.2rem}.-mb-8{margin-bottom:-3.2rem}.-ml-8{margin-left:-3.2rem}.-mt-9{margin-top:-3.6rem}.-mr-9{margin-right:-3.6rem}.-mb-9{margin-bottom:-3.6rem}.-ml-9{margin-left:-3.6rem}.-mt-10{margin-top:-4rem}.-mr-10{margin-right:-4rem}.-mb-10{margin-bottom:-4rem}.-ml-10{margin-left:-4rem}.-mt-11{margin-top:-4.4rem}.-mr-11{margin-right:-4.4rem}.-mb-11{margin-bottom:-4.4rem}.-ml-11{margin-left:-4.4rem}.-mt-12{margin-top:-4.8rem}.-mr-12{margin-right:-4.8rem}.-mb-12{margin-bottom:-4.8rem}.-ml-12{margin-left:-4.8rem}.-mt-1\.5{margin-top:-.6rem}.-mr-1\.5{margin-right:-.6rem}.-mb-1\.5{margin-bottom:-.6rem}.-ml-1\.5{margin-left:-.6rem}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.min-w-full{min-width:100%}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.object-left-bottom{-o-object-position:left bottom;object-position:left bottom}.object-left-top{-o-object-position:left top;object-position:left top}.object-right{-o-object-position:right;object-position:right}.object-right-bottom{-o-object-position:right bottom;object-position:right bottom}.object-right-top{-o-object-position:right top;object-position:right top}.object-top{-o-object-position:top;object-position:top}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-7{opacity:.07}.opacity-10{opacity:.1}.opacity-12{opacity:.12}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.outline-none{outline:0}.focus\:outline-none:focus{outline:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.scrolling-touch{-webkit-overflow-scrolling:touch}.scrolling-auto{-webkit-overflow-scrolling:auto}.p-0{padding:0}.p-1{padding:.4rem}.p-2{padding:.8rem}.p-3{padding:1.2rem}.p-4{padding:1.6rem}.p-5{padding:2rem}.p-6{padding:2.4rem}.p-7{padding:2.8rem}.p-8{padding:3.2rem}.p-9{padding:3.6rem}.p-10{padding:4rem}.p-11{padding:4.4rem}.p-12{padding:4.8rem}.p-1\.5{padding:.6rem}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-left:0;padding-right:0}.py-1{padding-top:.4rem;padding-bottom:.4rem}.px-1{padding-left:.4rem;padding-right:.4rem}.py-2{padding-top:.8rem;padding-bottom:.8rem}.px-2{padding-left:.8rem;padding-right:.8rem}.py-3{padding-top:1.2rem;padding-bottom:1.2rem}.px-3{padding-left:1.2rem;padding-right:1.2rem}.py-4{padding-top:1.6rem;padding-bottom:1.6rem}.px-4{padding-left:1.6rem;padding-right:1.6rem}.py-5{padding-top:2rem;padding-bottom:2rem}.px-5{padding-left:2rem;padding-right:2rem}.py-6{padding-top:2.4rem;padding-bottom:2.4rem}.px-6{padding-left:2.4rem;padding-right:2.4rem}.py-7{padding-top:2.8rem;padding-bottom:2.8rem}.px-7{padding-left:2.8rem;padding-right:2.8rem}.py-8{padding-top:3.2rem;padding-bottom:3.2rem}.px-8{padding-left:3.2rem;padding-right:3.2rem}.py-9{padding-top:3.6rem;padding-bottom:3.6rem}.px-9{padding-left:3.6rem;padding-right:3.6rem}.py-10{padding-top:4rem;padding-bottom:4rem}.px-10{padding-left:4rem;padding-right:4rem}.py-11{padding-top:4.4rem;padding-bottom:4.4rem}.px-11{padding-left:4.4rem;padding-right:4.4rem}.py-12{padding-top:4.8rem;padding-bottom:4.8rem}.px-12{padding-left:4.8rem;padding-right:4.8rem}.py-1\.5{padding-top:.6rem;padding-bottom:.6rem}.px-1\.5{padding-left:.6rem;padding-right:.6rem}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pt-1{padding-top:.4rem}.pr-1{padding-right:.4rem}.pb-1{padding-bottom:.4rem}.pl-1{padding-left:.4rem}.pt-2{padding-top:.8rem}.pr-2{padding-right:.8rem}.pb-2{padding-bottom:.8rem}.pl-2{padding-left:.8rem}.pt-3{padding-top:1.2rem}.pr-3{padding-right:1.2rem}.pb-3{padding-bottom:1.2rem}.pl-3{padding-left:1.2rem}.pt-4{padding-top:1.6rem}.pr-4{padding-right:1.6rem}.pb-4{padding-bottom:1.6rem}.pl-4{padding-left:1.6rem}.pt-5{padding-top:2rem}.pr-5{padding-right:2rem}.pb-5{padding-bottom:2rem}.pl-5{padding-left:2rem}.pt-6{padding-top:2.4rem}.pr-6{padding-right:2.4rem}.pb-6{padding-bottom:2.4rem}.pl-6{padding-left:2.4rem}.pt-7{padding-top:2.8rem}.pr-7{padding-right:2.8rem}.pb-7{padding-bottom:2.8rem}.pl-7{padding-left:2.8rem}.pt-8{padding-top:3.2rem}.pr-8{padding-right:3.2rem}.pb-8{padding-bottom:3.2rem}.pl-8{padding-left:3.2rem}.pt-9{padding-top:3.6rem}.pr-9{padding-right:3.6rem}.pb-9{padding-bottom:3.6rem}.pl-9{padding-left:3.6rem}.pt-10{padding-top:4rem}.pr-10{padding-right:4rem}.pb-10{padding-bottom:4rem}.pl-10{padding-left:4rem}.pt-11{padding-top:4.4rem}.pr-11{padding-right:4.4rem}.pb-11{padding-bottom:4.4rem}.pl-11{padding-left:4.4rem}.pt-12{padding-top:4.8rem}.pr-12{padding-right:4.8rem}.pb-12{padding-bottom:4.8rem}.pl-12{padding-left:4.8rem}.pt-1\.5{padding-top:.6rem}.pr-1\.5{padding-right:.6rem}.pb-1\.5{padding-bottom:.6rem}.pl-1\.5{padding-left:.6rem}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-auto{top:auto;right:auto;bottom:auto;left:auto}.inset-y-0{top:0;bottom:0}.inset-x-0{right:0;left:0}.inset-y-auto{top:auto;bottom:auto}.inset-x-auto{right:auto;left:auto}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-auto{top:auto}.right-auto{right:auto}.bottom-auto{bottom:auto}.left-auto{left:auto}.shadow-none{box-shadow:none}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-10{font-size:1rem}.text-11{font-size:1.1rem}.text-12{font-size:1.2rem}.text-13{font-size:1.3rem}.text-14{font-size:1.4rem}.text-16{font-size:1.6rem}.text-20{font-size:2rem}.text-24{font-size:2.4rem}.text-32{font-size:3.2rem}.text-40{font-size:4rem}.text-56{font-size:5.6rem}.text-72{font-size:7.2rem}.italic{font-style:italic}.not-italic{font-style:normal}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.visible{visibility:visible}.invisible{visibility:hidden}.whitespace-normal{white-space:normal}.whitespace-no-wrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-0{width:0}.w-1{width:.4rem}.w-2{width:.8rem}.w-3{width:1.2rem}.w-4{width:1.6rem}.w-5{width:2rem}.w-6{width:2.4rem}.w-7{width:2.8rem}.w-8{width:3.2rem}.w-9{width:3.6rem}.w-10{width:4rem}.w-11{width:4.4rem}.w-12{width:4.8rem}.w-auto{width:auto}.w-1\.5{width:.6rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}.w-screen{width:100vw}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.spr-ui-01{background-color:#fff;background-color:var(--spr-ui-01,#fff)}.spr-ui-02{background-color:#f8f8fa;background-color:var(--spr-ui-02,#f8f8fa)}.spr-ui-03{background-color:#f2f2f4;background-color:var(--spr-ui-03,#f2f2f4)}.spr-ui-04{background-color:#0828cc;background-color:var(--spr-ui-04,#0828cc)}.spr-ui-05{background-color:#f2f2f4;background-color:var(--spr-ui-05,#f2f2f4)}.spr-ui-06{background-color:#e6e6e9;background-color:var(--spr-ui-06,#e6e6e9)}.spr-ui-focus{background-color:rgba(8,40,204,.07);background-color:var(--spr-ui-focus,rgba(8,40,204,.07))}.spr-ui-focus-reverse{background-color:rgba(255,255,255,.2);background-color:var(--spr-ui-focus-reverse,rgba(255,255,255,.2))}.spr-ui-hover{background-color:rgba(8,40,204,.05);background-color:var(--spr-ui-hover,rgba(8,40,204,.05))}.spr-ui-hover-reverse{background-color:rgba(255,255,255,.1);background-color:var(--spr-ui-hover-reverse,rgba(255,255,255,.1))}.spr-support-error{background-color:#e44045;background-color:var(--spr-support-error,#e44045)}.spr-support-error-highlight{background-color:rgba(255,96,96,.1);background-color:var(--spr-support-error-highlight,rgba(255,96,96,.1))}.spr-support-success{background-color:#3fbf41;background-color:var(--spr-support-success,#3fbf41)}.spr-support-success-highlight{background-color:rgba(63,191,65,.07);background-color:var(--spr-support-success-highlight,rgba(63,191,65,.07))}.spr-support-warning{background-color:#eec202;background-color:var(--spr-support-warning,#eec202)}.spr-support-warning-highlight{background-color:rgba(238,194,2,.1);background-color:var(--spr-support-warning-highlight,rgba(238,194,2,.1))}.spr-clr-blue-highlight{background-color:#e8f0fe;background-color:var(--spr-clr-blue-highlight,#e8f0fe)}.spr-tag{background-color:#f2f2f4;background-color:var(--spr-tag,#f2f2f4)}.spr-tag-01{background-color:#f2f2f4;background-color:var(--spr-tag-01,#f2f2f4)}.spr-tag-02{background-color:rgba(8,40,204,.07);background-color:var(--spr-tag-02,rgba(8,40,204,.07))}.spr-field{background-color:#dbdbdb;background-color:var(--spr-field,#dbdbdb)}.spr-popup{background-color:#fff;background-color:var(--spr-popup,#fff)}.spr-overlay{background-color:rgba(10,10,20,.9);background-color:var(--spr-overlay,rgba(10,10,20,.9))}.spr-tooltip-01{background-color:#0a0a14;background-color:var(--spr-tooltip-01,#0a0a14)}.spr-highlight{background-color:rgba(255,231,173,.7);background-color:var(--spr-highlight,rgba(255,231,173,.7))}.spr-favourite{background-color:#ff9f21;background-color:var(--spr-favourite,#ff9f21)}.spr-notification{background-color:#c6202b;background-color:var(--spr-notification,#c6202b)}.spr-interactive-01{background-color:#0828cc;background-color:var(--spr-interactive-01,#0828cc)}.spr-interactive-hover{background-color:#0729a0;background-color:var(--spr-interactive-hover,#0729a0)}.spr-interactive-disable{background-color:rgba(255,255,255,.8);background-color:var(--spr-interactive-disable,rgba(255,255,255,.8))}.spr-interactive-02{background-color:#646470;background-color:var(--spr-interactive-02,#646470)}.spr-clr-blue{background-color:#0aa2ff;background-color:var(--spr-clr-blue,#0aa2ff)}.spr-clr-green{background-color:#20963a;background-color:var(--spr-clr-green,#20963a)}.spr-clr-lavender{background-color:#7f36f6;background-color:var(--spr-clr-lavender,#7f36f6)}.spr-clr-orange{background-color:#f08c1a;background-color:var(--spr-clr-orange,#f08c1a)}.spr-clr-pink{background-color:#de456b;background-color:var(--spr-clr-pink,#de456b)}.spr-clr-red{background-color:#e44045;background-color:var(--spr-clr-red,#e44045)}.spr-clr-sea{background-color:#16aad2;background-color:var(--spr-clr-sea,#16aad2)}.spr-clr-teal{background-color:#13c18d;background-color:var(--spr-clr-teal,#13c18d)}.spr-clr-yellow{background-color:#deac09;background-color:var(--spr-clr-yellow,#deac09)}.spr-clr-grey{background-color:#d7d7dc;background-color:var(--spr-clr-grey,#d7d7dc)}.nav-ui-01{background-color:rgba(255,255,255,.2);background-color:var(--nav-ui-01,rgba(255,255,255,.2))}.nav-ui-hover-01{background-color:rgba(255,255,255,.3);background-color:var(--nav-ui-hover-01,rgba(255,255,255,.3))}.hover\:spr-ui-01:hover{background-color:#fff;background-color:var(--spr-ui-01,#fff)}.hover\:spr-ui-02:hover{background-color:#f8f8fa;background-color:var(--spr-ui-02,#f8f8fa)}.hover\:spr-ui-03:hover{background-color:#f2f2f4;background-color:var(--spr-ui-03,#f2f2f4)}.hover\:spr-ui-04:hover{background-color:#0828cc;background-color:var(--spr-ui-04,#0828cc)}.hover\:spr-ui-05:hover{background-color:#f2f2f4;background-color:var(--spr-ui-05,#f2f2f4)}.hover\:spr-ui-06:hover{background-color:#e6e6e9;background-color:var(--spr-ui-06,#e6e6e9)}.hover\:spr-ui-focus:hover{background-color:rgba(8,40,204,.07);background-color:var(--spr-ui-focus,rgba(8,40,204,.07))}.hover\:spr-ui-focus-reverse:hover{background-color:rgba(255,255,255,.2);background-color:var(--spr-ui-focus-reverse,rgba(255,255,255,.2))}.hover\:spr-ui-hover:hover{background-color:rgba(8,40,204,.05);background-color:var(--spr-ui-hover,rgba(8,40,204,.05))}.hover\:spr-ui-hover-reverse:hover{background-color:rgba(255,255,255,.1);background-color:var(--spr-ui-hover-reverse,rgba(255,255,255,.1))}.hover\:spr-support-error:hover{background-color:#e44045;background-color:var(--spr-support-error,#e44045)}.hover\:spr-support-error-highlight:hover{background-color:rgba(255,96,96,.1);background-color:var(--spr-support-error-highlight,rgba(255,96,96,.1))}.hover\:spr-support-success:hover{background-color:#3fbf41;background-color:var(--spr-support-success,#3fbf41)}.hover\:spr-support-success-highlight:hover{background-color:rgba(63,191,65,.07);background-color:var(--spr-support-success-highlight,rgba(63,191,65,.07))}.hover\:spr-support-warning:hover{background-color:#eec202;background-color:var(--spr-support-warning,#eec202)}.hover\:spr-support-warning-highlight:hover{background-color:rgba(238,194,2,.1);background-color:var(--spr-support-warning-highlight,rgba(238,194,2,.1))}.hover\:spr-clr-blue-highlight:hover{background-color:#e8f0fe;background-color:var(--spr-clr-blue-highlight,#e8f0fe)}.hover\:spr-tag:hover{background-color:#f2f2f4;background-color:var(--spr-tag,#f2f2f4)}.hover\:spr-tag-01:hover{background-color:#f2f2f4;background-color:var(--spr-tag-01,#f2f2f4)}.hover\:spr-tag-02:hover{background-color:rgba(8,40,204,.07);background-color:var(--spr-tag-02,rgba(8,40,204,.07))}.hover\:spr-field:hover{background-color:#dbdbdb;background-color:var(--spr-field,#dbdbdb)}.hover\:spr-popup:hover{background-color:#fff;background-color:var(--spr-popup,#fff)}.hover\:spr-overlay:hover{background-color:rgba(10,10,20,.9);background-color:var(--spr-overlay,rgba(10,10,20,.9))}.hover\:spr-tooltip-01:hover{background-color:#0a0a14;background-color:var(--spr-tooltip-01,#0a0a14)}.hover\:spr-highlight:hover{background-color:rgba(255,231,173,.7);background-color:var(--spr-highlight,rgba(255,231,173,.7))}.hover\:spr-favourite:hover{background-color:#ff9f21;background-color:var(--spr-favourite,#ff9f21)}.hover\:spr-notification:hover{background-color:#c6202b;background-color:var(--spr-notification,#c6202b)}.hover\:spr-interactive-01:hover{background-color:#0828cc;background-color:var(--spr-interactive-01,#0828cc)}.hover\:spr-interactive-hover:hover{background-color:#0729a0;background-color:var(--spr-interactive-hover,#0729a0)}.hover\:spr-interactive-disable:hover{background-color:rgba(255,255,255,.8);background-color:var(--spr-interactive-disable,rgba(255,255,255,.8))}.hover\:spr-interactive-02:hover{background-color:#646470;background-color:var(--spr-interactive-02,#646470)}.hover\:spr-clr-blue:hover{background-color:#0aa2ff;background-color:var(--spr-clr-blue,#0aa2ff)}.hover\:spr-clr-green:hover{background-color:#20963a;background-color:var(--spr-clr-green,#20963a)}.hover\:spr-clr-lavender:hover{background-color:#7f36f6;background-color:var(--spr-clr-lavender,#7f36f6)}.hover\:spr-clr-orange:hover{background-color:#f08c1a;background-color:var(--spr-clr-orange,#f08c1a)}.hover\:spr-clr-pink:hover{background-color:#de456b;background-color:var(--spr-clr-pink,#de456b)}.hover\:spr-clr-red:hover{background-color:#e44045;background-color:var(--spr-clr-red,#e44045)}.hover\:spr-clr-sea:hover{background-color:#16aad2;background-color:var(--spr-clr-sea,#16aad2)}.hover\:spr-clr-teal:hover{background-color:#13c18d;background-color:var(--spr-clr-teal,#13c18d)}.hover\:spr-clr-yellow:hover{background-color:#deac09;background-color:var(--spr-clr-yellow,#deac09)}.hover\:spr-clr-grey:hover{background-color:#d7d7dc;background-color:var(--spr-clr-grey,#d7d7dc)}.hover\:nav-ui-01:hover{background-color:rgba(255,255,255,.2);background-color:var(--nav-ui-01,rgba(255,255,255,.2))}.hover\:nav-ui-hover-01:hover{background-color:rgba(255,255,255,.3);background-color:var(--nav-ui-hover-01,rgba(255,255,255,.3))}.spr-link{color:#0828cc;color:var(--spr-link,#0828cc)}.spr-text-01{color:#0a0a14;color:var(--spr-text-01,#0a0a14)}.spr-text-02{color:#646470;color:var(--spr-text-02,#646470)}.spr-text-03{color:#a0a0a8;color:var(--spr-text-03,#a0a0a8)}.spr-text-04{color:#0828cc;color:var(--spr-text-04,#0828cc)}.spr-text-05{color:#fff;color:var(--spr-text-05,#fff)}.spr-text-06{color:#fff;color:var(--spr-text-06,#fff)}.spr-text-placeholder{color:#a0a0a8;color:var(--spr-text-placeholder,#a0a0a8)}.spr-support-error-text{color:#c6202b;color:var(--spr-support-error-text,#c6202b)}.spr-support-success-text{color:#20963a;color:var(--spr-support-success-text,#20963a)}.spr-support-warning-text{color:#deac09;color:var(--spr-support-warning-text,#deac09)}.nav-text-01{color:rgba(255,255,255,.9);color:var(--nav-text-01,rgba(255,255,255,.9))}.hover\:spr-link:hover{color:#0828cc;color:var(--spr-link,#0828cc)}.hover\:spr-text-01:hover{color:#0a0a14;color:var(--spr-text-01,#0a0a14)}.hover\:spr-text-02:hover{color:#646470;color:var(--spr-text-02,#646470)}.hover\:spr-text-03:hover{color:#a0a0a8;color:var(--spr-text-03,#a0a0a8)}.hover\:spr-text-04:hover{color:#0828cc;color:var(--spr-text-04,#0828cc)}.hover\:spr-text-05:hover{color:#fff;color:var(--spr-text-05,#fff)}.hover\:spr-text-06:hover{color:#fff;color:var(--spr-text-06,#fff)}.hover\:spr-text-placeholder:hover{color:#a0a0a8;color:var(--spr-text-placeholder,#a0a0a8)}.hover\:spr-support-error-text:hover{color:#c6202b;color:var(--spr-support-error-text,#c6202b)}.hover\:spr-support-success-text:hover{color:#20963a;color:var(--spr-support-success-text,#20963a)}.hover\:spr-support-warning-text:hover{color:#deac09;color:var(--spr-support-warning-text,#deac09)}.hover\:nav-text-01:hover{color:rgba(255,255,255,.9);color:var(--nav-text-01,rgba(255,255,255,.9))}.spr-icon-01{fill:#0a0a14;fill:var(--spr-icon-01,#0a0a14)}.spr-icon-02{fill:#646470;fill:var(--spr-icon-02,#646470)}.spr-icon-03{fill:#a0a0a8;fill:var(--spr-icon-03,#a0a0a8)}.spr-icon-04{fill:#0828cc;fill:var(--spr-icon-04,#0828cc)}.spr-icon-05{fill:#fff;fill:var(--spr-icon-05,#fff)}.spr-icon-06{fill:rgba(255,255,255,.6);fill:var(--spr-icon-06,rgba(255,255,255,.6))}.spr-icon-hover{fill:#0a0a14;fill:var(--spr-icon-hover,#0a0a14)}.spr-icon-disable{fill:#d7d7dc;fill:var(--spr-icon-disable,#d7d7dc)}.spr-icon-hover-reverse{fill:#fff;fill:var(--spr-icon-hover-reverse,#fff)}.nav-icon-01{fill:rgba(255,255,255,.9);fill:var(--nav-icon-01,rgba(255,255,255,.9))}.nav-icon-focus-01{fill:#327afd;fill:var(--nav-icon-focus-01,#327afd)}.hover\:spr-icon-01:hover{fill:#0a0a14;fill:var(--spr-icon-01,#0a0a14)}.hover\:spr-icon-02:hover{fill:#646470;fill:var(--spr-icon-02,#646470)}.hover\:spr-icon-03:hover{fill:#a0a0a8;fill:var(--spr-icon-03,#a0a0a8)}.hover\:spr-icon-04:hover{fill:#0828cc;fill:var(--spr-icon-04,#0828cc)}.hover\:spr-icon-05:hover{fill:#fff;fill:var(--spr-icon-05,#fff)}.hover\:spr-icon-06:hover{fill:rgba(255,255,255,.6);fill:var(--spr-icon-06,rgba(255,255,255,.6))}.hover\:spr-icon-hover:hover{fill:#0a0a14;fill:var(--spr-icon-hover,#0a0a14)}.hover\:spr-icon-disable:hover{fill:#d7d7dc;fill:var(--spr-icon-disable,#d7d7dc)}.hover\:spr-icon-hover-reverse:hover{fill:#fff;fill:var(--spr-icon-hover-reverse,#fff)}.hover\:nav-icon-01:hover{fill:rgba(255,255,255,.9);fill:var(--nav-icon-01,rgba(255,255,255,.9))}.hover\:nav-icon-focus-01:hover{fill:#327afd;fill:var(--nav-icon-focus-01,#327afd)}.spr-focus-02{outline:1px solid #1c62fd;outline:var(--spr-focus-02,1px solid #1c62fd);outline:1px solid #1c62fd;outline:var(--spr-focus-02,1px solid #1c62fd)}.focus\:spr-focus-02:focus{outline:1px solid #1c62fd;outline:var(--spr-focus-02,1px solid #1c62fd);outline:1px solid #1c62fd;outline:var(--spr-focus-02,1px solid #1c62fd)}.spr-hover{border-color:#0828cc;border-color:var(--spr-hover,#0828cc)}.spr-focus-01{border-color:#0828cc;border-color:var(--spr-focus-01,#0828cc)}.spr-border-01{border-color:#f2f2f4;border-color:var(--spr-border-01,#f2f2f4)}.spr-border-02{border-color:#ececef;border-color:var(--spr-border-02,#ececef)}.spr-border-03{border-color:#d7d7dc;border-color:var(--spr-border-03,#d7d7dc)}.spr-border-04{border-color:#a0a0a8;border-color:var(--spr-border-04,#a0a0a8)}.spr-border-05{border-color:#fff;border-color:var(--spr-border-05,#fff)}.spr-card-border{border-color:#ececef;border-color:var(--spr-card-border,#ececef)}.spr-popup-border{border-color:#d7d7dc;border-color:var(--spr-popup-border,#d7d7dc)}.spr-tooltip-border{border-color:#0a0a14;border-color:var(--spr-tooltip-border,#0a0a14)}.spr-interactive-focus{border-color:#132a86;border-color:var(--spr-interactive-focus,#132a86)}.hover\:spr-hover:hover{border-color:#0828cc;border-color:var(--spr-hover,#0828cc)}.hover\:spr-focus-01:hover{border-color:#0828cc;border-color:var(--spr-focus-01,#0828cc)}.hover\:spr-border-01:hover{border-color:#f2f2f4;border-color:var(--spr-border-01,#f2f2f4)}.hover\:spr-border-02:hover{border-color:#ececef;border-color:var(--spr-border-02,#ececef)}.hover\:spr-border-03:hover{border-color:#d7d7dc;border-color:var(--spr-border-03,#d7d7dc)}.hover\:spr-border-04:hover{border-color:#a0a0a8;border-color:var(--spr-border-04,#a0a0a8)}.hover\:spr-border-05:hover{border-color:#fff;border-color:var(--spr-border-05,#fff)}.hover\:spr-card-border:hover{border-color:#ececef;border-color:var(--spr-card-border,#ececef)}.hover\:spr-popup-border:hover{border-color:#d7d7dc;border-color:var(--spr-popup-border,#d7d7dc)}.hover\:spr-tooltip-border:hover{border-color:#0a0a14;border-color:var(--spr-tooltip-border,#0a0a14)}.hover\:spr-interactive-focus:hover{border-color:#132a86;border-color:var(--spr-interactive-focus,#132a86)}.spr-shadow-01{box-shadow:0 1px 4px 0 rgba(10,10,20,.15);box-shadow:var(--spr-shadow-01,0 1px 4px 0 rgba(10,10,20,.15))}.spr-shadow-02{box-shadow:0 2px 8px 0 rgba(10,10,20,.2);box-shadow:var(--spr-shadow-02,0 2px 8px 0 rgba(10,10,20,.2))}.spr-shadow-03{box-shadow:-2px 9px 12px 0 rgba(10,10,20,.6);box-shadow:var(--spr-shadow-03,-2px 9px 12px 0 rgba(10,10,20,.6))}.spr-shadow-04{box-shadow:0 -2px 8px 0 rgba(10,10,20,.2);box-shadow:var(--spr-shadow-04,0 -2px 8px 0 rgba(10,10,20,.2))}.spr-shadow-05{box-shadow:0 3px 4px 0 rgba(0,0,0,.1);box-shadow:var(--spr-shadow-05,0 3px 4px 0 rgba(0,0,0,.1))}.spr-shadow-06{box-shadow:0 -3px 4px 0 rgba(0,0,0,.1);box-shadow:var(--spr-shadow-06,0 -3px 4px 0 rgba(0,0,0,.1))}@media (min-width:640px){.sm\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sm\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.sm\:focus\:sr-only:focus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sm\:focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-baseline{align-items:baseline}.sm\:items-stretch{align-items:stretch}.sm\:self-auto{align-self:auto}.sm\:self-start{align-self:flex-start}.sm\:self-end{align-self:flex-end}.sm\:self-center{align-self:center}.sm\:self-stretch{align-self:stretch}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:content-center{align-content:center}.sm\:content-start{align-content:flex-start}.sm\:content-end{align-content:flex-end}.sm\:content-between{align-content:space-between}.sm\:content-around{align-content:space-around}.sm\:flex-1{flex:1 1 0%}.sm\:flex-auto{flex:1 1 auto}.sm\:flex-initial{flex:0 1 auto}.sm\:flex-none{flex:none}.sm\:flex-grow-0{flex-grow:0}.sm\:flex-grow{flex-grow:1}.sm\:h-0{height:0}.sm\:h-1{height:.4rem}.sm\:h-2{height:.8rem}.sm\:h-3{height:1.2rem}.sm\:h-4{height:1.6rem}.sm\:h-5{height:2rem}.sm\:h-6{height:2.4rem}.sm\:h-7{height:2.8rem}.sm\:h-8{height:3.2rem}.sm\:h-9{height:3.6rem}.sm\:h-10{height:4rem}.sm\:h-11{height:4.4rem}.sm\:h-12{height:4.8rem}.sm\:h-auto{height:auto}.sm\:h-1\.5{height:.6rem}.sm\:h-full{height:100%}.sm\:h-screen{height:100vh}.sm\:m-0{margin:0}.sm\:m-1{margin:.4rem}.sm\:m-2{margin:.8rem}.sm\:m-3{margin:1.2rem}.sm\:m-4{margin:1.6rem}.sm\:m-5{margin:2rem}.sm\:m-6{margin:2.4rem}.sm\:m-7{margin:2.8rem}.sm\:m-8{margin:3.2rem}.sm\:m-9{margin:3.6rem}.sm\:m-10{margin:4rem}.sm\:m-11{margin:4.4rem}.sm\:m-12{margin:4.8rem}.sm\:m-auto{margin:auto}.sm\:m-1\.5{margin:.6rem}.sm\:-m-1{margin:-.4rem}.sm\:-m-2{margin:-.8rem}.sm\:-m-3{margin:-1.2rem}.sm\:-m-4{margin:-1.6rem}.sm\:-m-5{margin:-2rem}.sm\:-m-6{margin:-2.4rem}.sm\:-m-7{margin:-2.8rem}.sm\:-m-8{margin:-3.2rem}.sm\:-m-9{margin:-3.6rem}.sm\:-m-10{margin:-4rem}.sm\:-m-11{margin:-4.4rem}.sm\:-m-12{margin:-4.8rem}.sm\:-m-1\.5{margin:-.6rem}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-1{margin-top:.4rem;margin-bottom:.4rem}.sm\:mx-1{margin-left:.4rem;margin-right:.4rem}.sm\:my-2{margin-top:.8rem;margin-bottom:.8rem}.sm\:mx-2{margin-left:.8rem;margin-right:.8rem}.sm\:my-3{margin-top:1.2rem;margin-bottom:1.2rem}.sm\:mx-3{margin-left:1.2rem;margin-right:1.2rem}.sm\:my-4{margin-top:1.6rem;margin-bottom:1.6rem}.sm\:mx-4{margin-left:1.6rem;margin-right:1.6rem}.sm\:my-5{margin-top:2rem;margin-bottom:2rem}.sm\:mx-5{margin-left:2rem;margin-right:2rem}.sm\:my-6{margin-top:2.4rem;margin-bottom:2.4rem}.sm\:mx-6{margin-left:2.4rem;margin-right:2.4rem}.sm\:my-7{margin-top:2.8rem;margin-bottom:2.8rem}.sm\:mx-7{margin-left:2.8rem;margin-right:2.8rem}.sm\:my-8{margin-top:3.2rem;margin-bottom:3.2rem}.sm\:mx-8{margin-left:3.2rem;margin-right:3.2rem}.sm\:my-9{margin-top:3.6rem;margin-bottom:3.6rem}.sm\:mx-9{margin-left:3.6rem;margin-right:3.6rem}.sm\:my-10{margin-top:4rem;margin-bottom:4rem}.sm\:mx-10{margin-left:4rem;margin-right:4rem}.sm\:my-11{margin-top:4.4rem;margin-bottom:4.4rem}.sm\:mx-11{margin-left:4.4rem;margin-right:4.4rem}.sm\:my-12{margin-top:4.8rem;margin-bottom:4.8rem}.sm\:mx-12{margin-left:4.8rem;margin-right:4.8rem}.sm\:my-auto{margin-top:auto;margin-bottom:auto}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-1\.5{margin-top:.6rem;margin-bottom:.6rem}.sm\:mx-1\.5{margin-left:.6rem;margin-right:.6rem}.sm\:-my-1{margin-top:-.4rem;margin-bottom:-.4rem}.sm\:-mx-1{margin-left:-.4rem;margin-right:-.4rem}.sm\:-my-2{margin-top:-.8rem;margin-bottom:-.8rem}.sm\:-mx-2{margin-left:-.8rem;margin-right:-.8rem}.sm\:-my-3{margin-top:-1.2rem;margin-bottom:-1.2rem}.sm\:-mx-3{margin-left:-1.2rem;margin-right:-1.2rem}.sm\:-my-4{margin-top:-1.6rem;margin-bottom:-1.6rem}.sm\:-mx-4{margin-left:-1.6rem;margin-right:-1.6rem}.sm\:-my-5{margin-top:-2rem;margin-bottom:-2rem}.sm\:-mx-5{margin-left:-2rem;margin-right:-2rem}.sm\:-my-6{margin-top:-2.4rem;margin-bottom:-2.4rem}.sm\:-mx-6{margin-left:-2.4rem;margin-right:-2.4rem}.sm\:-my-7{margin-top:-2.8rem;margin-bottom:-2.8rem}.sm\:-mx-7{margin-left:-2.8rem;margin-right:-2.8rem}.sm\:-my-8{margin-top:-3.2rem;margin-bottom:-3.2rem}.sm\:-mx-8{margin-left:-3.2rem;margin-right:-3.2rem}.sm\:-my-9{margin-top:-3.6rem;margin-bottom:-3.6rem}.sm\:-mx-9{margin-left:-3.6rem;margin-right:-3.6rem}.sm\:-my-10{margin-top:-4rem;margin-bottom:-4rem}.sm\:-mx-10{margin-left:-4rem;margin-right:-4rem}.sm\:-my-11{margin-top:-4.4rem;margin-bottom:-4.4rem}.sm\:-mx-11{margin-left:-4.4rem;margin-right:-4.4rem}.sm\:-my-12{margin-top:-4.8rem;margin-bottom:-4.8rem}.sm\:-mx-12{margin-left:-4.8rem;margin-right:-4.8rem}.sm\:-my-1\.5{margin-top:-.6rem;margin-bottom:-.6rem}.sm\:-mx-1\.5{margin-left:-.6rem;margin-right:-.6rem}.sm\:mt-0{margin-top:0}.sm\:mr-0{margin-right:0}.sm\:mb-0{margin-bottom:0}.sm\:ml-0{margin-left:0}.sm\:mt-1{margin-top:.4rem}.sm\:mr-1{margin-right:.4rem}.sm\:mb-1{margin-bottom:.4rem}.sm\:ml-1{margin-left:.4rem}.sm\:mt-2{margin-top:.8rem}.sm\:mr-2{margin-right:.8rem}.sm\:mb-2{margin-bottom:.8rem}.sm\:ml-2{margin-left:.8rem}.sm\:mt-3{margin-top:1.2rem}.sm\:mr-3{margin-right:1.2rem}.sm\:mb-3{margin-bottom:1.2rem}.sm\:ml-3{margin-left:1.2rem}.sm\:mt-4{margin-top:1.6rem}.sm\:mr-4{margin-right:1.6rem}.sm\:mb-4{margin-bottom:1.6rem}.sm\:ml-4{margin-left:1.6rem}.sm\:mt-5{margin-top:2rem}.sm\:mr-5{margin-right:2rem}.sm\:mb-5{margin-bottom:2rem}.sm\:ml-5{margin-left:2rem}.sm\:mt-6{margin-top:2.4rem}.sm\:mr-6{margin-right:2.4rem}.sm\:mb-6{margin-bottom:2.4rem}.sm\:ml-6{margin-left:2.4rem}.sm\:mt-7{margin-top:2.8rem}.sm\:mr-7{margin-right:2.8rem}.sm\:mb-7{margin-bottom:2.8rem}.sm\:ml-7{margin-left:2.8rem}.sm\:mt-8{margin-top:3.2rem}.sm\:mr-8{margin-right:3.2rem}.sm\:mb-8{margin-bottom:3.2rem}.sm\:ml-8{margin-left:3.2rem}.sm\:mt-9{margin-top:3.6rem}.sm\:mr-9{margin-right:3.6rem}.sm\:mb-9{margin-bottom:3.6rem}.sm\:ml-9{margin-left:3.6rem}.sm\:mt-10{margin-top:4rem}.sm\:mr-10{margin-right:4rem}.sm\:mb-10{margin-bottom:4rem}.sm\:ml-10{margin-left:4rem}.sm\:mt-11{margin-top:4.4rem}.sm\:mr-11{margin-right:4.4rem}.sm\:mb-11{margin-bottom:4.4rem}.sm\:ml-11{margin-left:4.4rem}.sm\:mt-12{margin-top:4.8rem}.sm\:mr-12{margin-right:4.8rem}.sm\:mb-12{margin-bottom:4.8rem}.sm\:ml-12{margin-left:4.8rem}.sm\:mt-auto{margin-top:auto}.sm\:mr-auto{margin-right:auto}.sm\:mb-auto{margin-bottom:auto}.sm\:ml-auto{margin-left:auto}.sm\:mt-1\.5{margin-top:.6rem}.sm\:mr-1\.5{margin-right:.6rem}.sm\:mb-1\.5{margin-bottom:.6rem}.sm\:ml-1\.5{margin-left:.6rem}.sm\:-mt-1{margin-top:-.4rem}.sm\:-mr-1{margin-right:-.4rem}.sm\:-mb-1{margin-bottom:-.4rem}.sm\:-ml-1{margin-left:-.4rem}.sm\:-mt-2{margin-top:-.8rem}.sm\:-mr-2{margin-right:-.8rem}.sm\:-mb-2{margin-bottom:-.8rem}.sm\:-ml-2{margin-left:-.8rem}.sm\:-mt-3{margin-top:-1.2rem}.sm\:-mr-3{margin-right:-1.2rem}.sm\:-mb-3{margin-bottom:-1.2rem}.sm\:-ml-3{margin-left:-1.2rem}.sm\:-mt-4{margin-top:-1.6rem}.sm\:-mr-4{margin-right:-1.6rem}.sm\:-mb-4{margin-bottom:-1.6rem}.sm\:-ml-4{margin-left:-1.6rem}.sm\:-mt-5{margin-top:-2rem}.sm\:-mr-5{margin-right:-2rem}.sm\:-mb-5{margin-bottom:-2rem}.sm\:-ml-5{margin-left:-2rem}.sm\:-mt-6{margin-top:-2.4rem}.sm\:-mr-6{margin-right:-2.4rem}.sm\:-mb-6{margin-bottom:-2.4rem}.sm\:-ml-6{margin-left:-2.4rem}.sm\:-mt-7{margin-top:-2.8rem}.sm\:-mr-7{margin-right:-2.8rem}.sm\:-mb-7{margin-bottom:-2.8rem}.sm\:-ml-7{margin-left:-2.8rem}.sm\:-mt-8{margin-top:-3.2rem}.sm\:-mr-8{margin-right:-3.2rem}.sm\:-mb-8{margin-bottom:-3.2rem}.sm\:-ml-8{margin-left:-3.2rem}.sm\:-mt-9{margin-top:-3.6rem}.sm\:-mr-9{margin-right:-3.6rem}.sm\:-mb-9{margin-bottom:-3.6rem}.sm\:-ml-9{margin-left:-3.6rem}.sm\:-mt-10{margin-top:-4rem}.sm\:-mr-10{margin-right:-4rem}.sm\:-mb-10{margin-bottom:-4rem}.sm\:-ml-10{margin-left:-4rem}.sm\:-mt-11{margin-top:-4.4rem}.sm\:-mr-11{margin-right:-4.4rem}.sm\:-mb-11{margin-bottom:-4.4rem}.sm\:-ml-11{margin-left:-4.4rem}.sm\:-mt-12{margin-top:-4.8rem}.sm\:-mr-12{margin-right:-4.8rem}.sm\:-mb-12{margin-bottom:-4.8rem}.sm\:-ml-12{margin-left:-4.8rem}.sm\:-mt-1\.5{margin-top:-.6rem}.sm\:-mr-1\.5{margin-right:-.6rem}.sm\:-mb-1\.5{margin-bottom:-.6rem}.sm\:-ml-1\.5{margin-left:-.6rem}.sm\:max-h-full{max-height:100%}.sm\:max-h-screen{max-height:100vh}.sm\:max-w-full{max-width:100%}.sm\:max-w-screen{max-width:100vw}.sm\:min-h-0{min-height:0}.sm\:min-h-full{min-height:100%}.sm\:min-h-screen{min-height:100vh}.sm\:min-w-0{min-width:0}.sm\:min-w-full{min-width:100%}.sm\:p-0{padding:0}.sm\:p-1{padding:.4rem}.sm\:p-2{padding:.8rem}.sm\:p-3{padding:1.2rem}.sm\:p-4{padding:1.6rem}.sm\:p-5{padding:2rem}.sm\:p-6{padding:2.4rem}.sm\:p-7{padding:2.8rem}.sm\:p-8{padding:3.2rem}.sm\:p-9{padding:3.6rem}.sm\:p-10{padding:4rem}.sm\:p-11{padding:4.4rem}.sm\:p-12{padding:4.8rem}.sm\:p-1\.5{padding:.6rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:px-0{padding-left:0;padding-right:0}.sm\:py-1{padding-top:.4rem;padding-bottom:.4rem}.sm\:px-1{padding-left:.4rem;padding-right:.4rem}.sm\:py-2{padding-top:.8rem;padding-bottom:.8rem}.sm\:px-2{padding-left:.8rem;padding-right:.8rem}.sm\:py-3{padding-top:1.2rem;padding-bottom:1.2rem}.sm\:px-3{padding-left:1.2rem;padding-right:1.2rem}.sm\:py-4{padding-top:1.6rem;padding-bottom:1.6rem}.sm\:px-4{padding-left:1.6rem;padding-right:1.6rem}.sm\:py-5{padding-top:2rem;padding-bottom:2rem}.sm\:px-5{padding-left:2rem;padding-right:2rem}.sm\:py-6{padding-top:2.4rem;padding-bottom:2.4rem}.sm\:px-6{padding-left:2.4rem;padding-right:2.4rem}.sm\:py-7{padding-top:2.8rem;padding-bottom:2.8rem}.sm\:px-7{padding-left:2.8rem;padding-right:2.8rem}.sm\:py-8{padding-top:3.2rem;padding-bottom:3.2rem}.sm\:px-8{padding-left:3.2rem;padding-right:3.2rem}.sm\:py-9{padding-top:3.6rem;padding-bottom:3.6rem}.sm\:px-9{padding-left:3.6rem;padding-right:3.6rem}.sm\:py-10{padding-top:4rem;padding-bottom:4rem}.sm\:px-10{padding-left:4rem;padding-right:4rem}.sm\:py-11{padding-top:4.4rem;padding-bottom:4.4rem}.sm\:px-11{padding-left:4.4rem;padding-right:4.4rem}.sm\:py-12{padding-top:4.8rem;padding-bottom:4.8rem}.sm\:px-12{padding-left:4.8rem;padding-right:4.8rem}.sm\:py-1\.5{padding-top:.6rem;padding-bottom:.6rem}.sm\:px-1\.5{padding-left:.6rem;padding-right:.6rem}.sm\:pt-0{padding-top:0}.sm\:pr-0{padding-right:0}.sm\:pb-0{padding-bottom:0}.sm\:pl-0{padding-left:0}.sm\:pt-1{padding-top:.4rem}.sm\:pr-1{padding-right:.4rem}.sm\:pb-1{padding-bottom:.4rem}.sm\:pl-1{padding-left:.4rem}.sm\:pt-2{padding-top:.8rem}.sm\:pr-2{padding-right:.8rem}.sm\:pb-2{padding-bottom:.8rem}.sm\:pl-2{padding-left:.8rem}.sm\:pt-3{padding-top:1.2rem}.sm\:pr-3{padding-right:1.2rem}.sm\:pb-3{padding-bottom:1.2rem}.sm\:pl-3{padding-left:1.2rem}.sm\:pt-4{padding-top:1.6rem}.sm\:pr-4{padding-right:1.6rem}.sm\:pb-4{padding-bottom:1.6rem}.sm\:pl-4{padding-left:1.6rem}.sm\:pt-5{padding-top:2rem}.sm\:pr-5{padding-right:2rem}.sm\:pb-5{padding-bottom:2rem}.sm\:pl-5{padding-left:2rem}.sm\:pt-6{padding-top:2.4rem}.sm\:pr-6{padding-right:2.4rem}.sm\:pb-6{padding-bottom:2.4rem}.sm\:pl-6{padding-left:2.4rem}.sm\:pt-7{padding-top:2.8rem}.sm\:pr-7{padding-right:2.8rem}.sm\:pb-7{padding-bottom:2.8rem}.sm\:pl-7{padding-left:2.8rem}.sm\:pt-8{padding-top:3.2rem}.sm\:pr-8{padding-right:3.2rem}.sm\:pb-8{padding-bottom:3.2rem}.sm\:pl-8{padding-left:3.2rem}.sm\:pt-9{padding-top:3.6rem}.sm\:pr-9{padding-right:3.6rem}.sm\:pb-9{padding-bottom:3.6rem}.sm\:pl-9{padding-left:3.6rem}.sm\:pt-10{padding-top:4rem}.sm\:pr-10{padding-right:4rem}.sm\:pb-10{padding-bottom:4rem}.sm\:pl-10{padding-left:4rem}.sm\:pt-11{padding-top:4.4rem}.sm\:pr-11{padding-right:4.4rem}.sm\:pb-11{padding-bottom:4.4rem}.sm\:pl-11{padding-left:4.4rem}.sm\:pt-12{padding-top:4.8rem}.sm\:pr-12{padding-right:4.8rem}.sm\:pb-12{padding-bottom:4.8rem}.sm\:pl-12{padding-left:4.8rem}.sm\:pt-1\.5{padding-top:.6rem}.sm\:pr-1\.5{padding-right:.6rem}.sm\:pb-1\.5{padding-bottom:.6rem}.sm\:pl-1\.5{padding-left:.6rem}.sm\:static{position:static}.sm\:fixed{position:fixed}.sm\:absolute{position:absolute}.sm\:relative{position:relative}.sm\:sticky{position:-webkit-sticky;position:sticky}.sm\:inset-0{top:0;right:0;bottom:0;left:0}.sm\:inset-auto{top:auto;right:auto;bottom:auto;left:auto}.sm\:inset-y-0{top:0;bottom:0}.sm\:inset-x-0{right:0;left:0}.sm\:inset-y-auto{top:auto;bottom:auto}.sm\:inset-x-auto{right:auto;left:auto}.sm\:top-0{top:0}.sm\:right-0{right:0}.sm\:bottom-0{bottom:0}.sm\:left-0{left:0}.sm\:top-auto{top:auto}.sm\:right-auto{right:auto}.sm\:bottom-auto{bottom:auto}.sm\:left-auto{left:auto}.sm\:visible{visibility:visible}.sm\:invisible{visibility:hidden}.sm\:w-0{width:0}.sm\:w-1{width:.4rem}.sm\:w-2{width:.8rem}.sm\:w-3{width:1.2rem}.sm\:w-4{width:1.6rem}.sm\:w-5{width:2rem}.sm\:w-6{width:2.4rem}.sm\:w-7{width:2.8rem}.sm\:w-8{width:3.2rem}.sm\:w-9{width:3.6rem}.sm\:w-10{width:4rem}.sm\:w-11{width:4.4rem}.sm\:w-12{width:4.8rem}.sm\:w-auto{width:auto}.sm\:w-1\.5{width:.6rem}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-2\/3{width:66.666667%}.sm\:w-1\/4{width:25%}.sm\:w-2\/4{width:50%}.sm\:w-3\/4{width:75%}.sm\:w-1\/5{width:20%}.sm\:w-2\/5{width:40%}.sm\:w-3\/5{width:60%}.sm\:w-4\/5{width:80%}.sm\:w-1\/12{width:8.333333%}.sm\:w-2\/12{width:16.666667%}.sm\:w-3\/12{width:25%}.sm\:w-4\/12{width:33.333333%}.sm\:w-5\/12{width:41.666667%}.sm\:w-6\/12{width:50%}.sm\:w-7\/12{width:58.333333%}.sm\:w-8\/12{width:66.666667%}.sm\:w-9\/12{width:75%}.sm\:w-10\/12{width:83.333333%}.sm\:w-11\/12{width:91.666667%}.sm\:w-full{width:100%}.sm\:w-screen{width:100vw}}@media (min-width:768px){.md\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.md\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.md\:focus\:sr-only:focus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.md\:focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:items-baseline{align-items:baseline}.md\:items-stretch{align-items:stretch}.md\:self-auto{align-self:auto}.md\:self-start{align-self:flex-start}.md\:self-end{align-self:flex-end}.md\:self-center{align-self:center}.md\:self-stretch{align-self:stretch}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:content-center{align-content:center}.md\:content-start{align-content:flex-start}.md\:content-end{align-content:flex-end}.md\:content-between{align-content:space-between}.md\:content-around{align-content:space-around}.md\:flex-1{flex:1 1 0%}.md\:flex-auto{flex:1 1 auto}.md\:flex-initial{flex:0 1 auto}.md\:flex-none{flex:none}.md\:flex-grow-0{flex-grow:0}.md\:flex-grow{flex-grow:1}.md\:h-0{height:0}.md\:h-1{height:.4rem}.md\:h-2{height:.8rem}.md\:h-3{height:1.2rem}.md\:h-4{height:1.6rem}.md\:h-5{height:2rem}.md\:h-6{height:2.4rem}.md\:h-7{height:2.8rem}.md\:h-8{height:3.2rem}.md\:h-9{height:3.6rem}.md\:h-10{height:4rem}.md\:h-11{height:4.4rem}.md\:h-12{height:4.8rem}.md\:h-auto{height:auto}.md\:h-1\.5{height:.6rem}.md\:h-full{height:100%}.md\:h-screen{height:100vh}.md\:m-0{margin:0}.md\:m-1{margin:.4rem}.md\:m-2{margin:.8rem}.md\:m-3{margin:1.2rem}.md\:m-4{margin:1.6rem}.md\:m-5{margin:2rem}.md\:m-6{margin:2.4rem}.md\:m-7{margin:2.8rem}.md\:m-8{margin:3.2rem}.md\:m-9{margin:3.6rem}.md\:m-10{margin:4rem}.md\:m-11{margin:4.4rem}.md\:m-12{margin:4.8rem}.md\:m-auto{margin:auto}.md\:m-1\.5{margin:.6rem}.md\:-m-1{margin:-.4rem}.md\:-m-2{margin:-.8rem}.md\:-m-3{margin:-1.2rem}.md\:-m-4{margin:-1.6rem}.md\:-m-5{margin:-2rem}.md\:-m-6{margin:-2.4rem}.md\:-m-7{margin:-2.8rem}.md\:-m-8{margin:-3.2rem}.md\:-m-9{margin:-3.6rem}.md\:-m-10{margin:-4rem}.md\:-m-11{margin:-4.4rem}.md\:-m-12{margin:-4.8rem}.md\:-m-1\.5{margin:-.6rem}.md\:my-0{margin-top:0;margin-bottom:0}.md\:mx-0{margin-left:0;margin-right:0}.md\:my-1{margin-top:.4rem;margin-bottom:.4rem}.md\:mx-1{margin-left:.4rem;margin-right:.4rem}.md\:my-2{margin-top:.8rem;margin-bottom:.8rem}.md\:mx-2{margin-left:.8rem;margin-right:.8rem}.md\:my-3{margin-top:1.2rem;margin-bottom:1.2rem}.md\:mx-3{margin-left:1.2rem;margin-right:1.2rem}.md\:my-4{margin-top:1.6rem;margin-bottom:1.6rem}.md\:mx-4{margin-left:1.6rem;margin-right:1.6rem}.md\:my-5{margin-top:2rem;margin-bottom:2rem}.md\:mx-5{margin-left:2rem;margin-right:2rem}.md\:my-6{margin-top:2.4rem;margin-bottom:2.4rem}.md\:mx-6{margin-left:2.4rem;margin-right:2.4rem}.md\:my-7{margin-top:2.8rem;margin-bottom:2.8rem}.md\:mx-7{margin-left:2.8rem;margin-right:2.8rem}.md\:my-8{margin-top:3.2rem;margin-bottom:3.2rem}.md\:mx-8{margin-left:3.2rem;margin-right:3.2rem}.md\:my-9{margin-top:3.6rem;margin-bottom:3.6rem}.md\:mx-9{margin-left:3.6rem;margin-right:3.6rem}.md\:my-10{margin-top:4rem;margin-bottom:4rem}.md\:mx-10{margin-left:4rem;margin-right:4rem}.md\:my-11{margin-top:4.4rem;margin-bottom:4.4rem}.md\:mx-11{margin-left:4.4rem;margin-right:4.4rem}.md\:my-12{margin-top:4.8rem;margin-bottom:4.8rem}.md\:mx-12{margin-left:4.8rem;margin-right:4.8rem}.md\:my-auto{margin-top:auto;margin-bottom:auto}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:my-1\.5{margin-top:.6rem;margin-bottom:.6rem}.md\:mx-1\.5{margin-left:.6rem;margin-right:.6rem}.md\:-my-1{margin-top:-.4rem;margin-bottom:-.4rem}.md\:-mx-1{margin-left:-.4rem;margin-right:-.4rem}.md\:-my-2{margin-top:-.8rem;margin-bottom:-.8rem}.md\:-mx-2{margin-left:-.8rem;margin-right:-.8rem}.md\:-my-3{margin-top:-1.2rem;margin-bottom:-1.2rem}.md\:-mx-3{margin-left:-1.2rem;margin-right:-1.2rem}.md\:-my-4{margin-top:-1.6rem;margin-bottom:-1.6rem}.md\:-mx-4{margin-left:-1.6rem;margin-right:-1.6rem}.md\:-my-5{margin-top:-2rem;margin-bottom:-2rem}.md\:-mx-5{margin-left:-2rem;margin-right:-2rem}.md\:-my-6{margin-top:-2.4rem;margin-bottom:-2.4rem}.md\:-mx-6{margin-left:-2.4rem;margin-right:-2.4rem}.md\:-my-7{margin-top:-2.8rem;margin-bottom:-2.8rem}.md\:-mx-7{margin-left:-2.8rem;margin-right:-2.8rem}.md\:-my-8{margin-top:-3.2rem;margin-bottom:-3.2rem}.md\:-mx-8{margin-left:-3.2rem;margin-right:-3.2rem}.md\:-my-9{margin-top:-3.6rem;margin-bottom:-3.6rem}.md\:-mx-9{margin-left:-3.6rem;margin-right:-3.6rem}.md\:-my-10{margin-top:-4rem;margin-bottom:-4rem}.md\:-mx-10{margin-left:-4rem;margin-right:-4rem}.md\:-my-11{margin-top:-4.4rem;margin-bottom:-4.4rem}.md\:-mx-11{margin-left:-4.4rem;margin-right:-4.4rem}.md\:-my-12{margin-top:-4.8rem;margin-bottom:-4.8rem}.md\:-mx-12{margin-left:-4.8rem;margin-right:-4.8rem}.md\:-my-1\.5{margin-top:-.6rem;margin-bottom:-.6rem}.md\:-mx-1\.5{margin-left:-.6rem;margin-right:-.6rem}.md\:mt-0{margin-top:0}.md\:mr-0{margin-right:0}.md\:mb-0{margin-bottom:0}.md\:ml-0{margin-left:0}.md\:mt-1{margin-top:.4rem}.md\:mr-1{margin-right:.4rem}.md\:mb-1{margin-bottom:.4rem}.md\:ml-1{margin-left:.4rem}.md\:mt-2{margin-top:.8rem}.md\:mr-2{margin-right:.8rem}.md\:mb-2{margin-bottom:.8rem}.md\:ml-2{margin-left:.8rem}.md\:mt-3{margin-top:1.2rem}.md\:mr-3{margin-right:1.2rem}.md\:mb-3{margin-bottom:1.2rem}.md\:ml-3{margin-left:1.2rem}.md\:mt-4{margin-top:1.6rem}.md\:mr-4{margin-right:1.6rem}.md\:mb-4{margin-bottom:1.6rem}.md\:ml-4{margin-left:1.6rem}.md\:mt-5{margin-top:2rem}.md\:mr-5{margin-right:2rem}.md\:mb-5{margin-bottom:2rem}.md\:ml-5{margin-left:2rem}.md\:mt-6{margin-top:2.4rem}.md\:mr-6{margin-right:2.4rem}.md\:mb-6{margin-bottom:2.4rem}.md\:ml-6{margin-left:2.4rem}.md\:mt-7{margin-top:2.8rem}.md\:mr-7{margin-right:2.8rem}.md\:mb-7{margin-bottom:2.8rem}.md\:ml-7{margin-left:2.8rem}.md\:mt-8{margin-top:3.2rem}.md\:mr-8{margin-right:3.2rem}.md\:mb-8{margin-bottom:3.2rem}.md\:ml-8{margin-left:3.2rem}.md\:mt-9{margin-top:3.6rem}.md\:mr-9{margin-right:3.6rem}.md\:mb-9{margin-bottom:3.6rem}.md\:ml-9{margin-left:3.6rem}.md\:mt-10{margin-top:4rem}.md\:mr-10{margin-right:4rem}.md\:mb-10{margin-bottom:4rem}.md\:ml-10{margin-left:4rem}.md\:mt-11{margin-top:4.4rem}.md\:mr-11{margin-right:4.4rem}.md\:mb-11{margin-bottom:4.4rem}.md\:ml-11{margin-left:4.4rem}.md\:mt-12{margin-top:4.8rem}.md\:mr-12{margin-right:4.8rem}.md\:mb-12{margin-bottom:4.8rem}.md\:ml-12{margin-left:4.8rem}.md\:mt-auto{margin-top:auto}.md\:mr-auto{margin-right:auto}.md\:mb-auto{margin-bottom:auto}.md\:ml-auto{margin-left:auto}.md\:mt-1\.5{margin-top:.6rem}.md\:mr-1\.5{margin-right:.6rem}.md\:mb-1\.5{margin-bottom:.6rem}.md\:ml-1\.5{margin-left:.6rem}.md\:-mt-1{margin-top:-.4rem}.md\:-mr-1{margin-right:-.4rem}.md\:-mb-1{margin-bottom:-.4rem}.md\:-ml-1{margin-left:-.4rem}.md\:-mt-2{margin-top:-.8rem}.md\:-mr-2{margin-right:-.8rem}.md\:-mb-2{margin-bottom:-.8rem}.md\:-ml-2{margin-left:-.8rem}.md\:-mt-3{margin-top:-1.2rem}.md\:-mr-3{margin-right:-1.2rem}.md\:-mb-3{margin-bottom:-1.2rem}.md\:-ml-3{margin-left:-1.2rem}.md\:-mt-4{margin-top:-1.6rem}.md\:-mr-4{margin-right:-1.6rem}.md\:-mb-4{margin-bottom:-1.6rem}.md\:-ml-4{margin-left:-1.6rem}.md\:-mt-5{margin-top:-2rem}.md\:-mr-5{margin-right:-2rem}.md\:-mb-5{margin-bottom:-2rem}.md\:-ml-5{margin-left:-2rem}.md\:-mt-6{margin-top:-2.4rem}.md\:-mr-6{margin-right:-2.4rem}.md\:-mb-6{margin-bottom:-2.4rem}.md\:-ml-6{margin-left:-2.4rem}.md\:-mt-7{margin-top:-2.8rem}.md\:-mr-7{margin-right:-2.8rem}.md\:-mb-7{margin-bottom:-2.8rem}.md\:-ml-7{margin-left:-2.8rem}.md\:-mt-8{margin-top:-3.2rem}.md\:-mr-8{margin-right:-3.2rem}.md\:-mb-8{margin-bottom:-3.2rem}.md\:-ml-8{margin-left:-3.2rem}.md\:-mt-9{margin-top:-3.6rem}.md\:-mr-9{margin-right:-3.6rem}.md\:-mb-9{margin-bottom:-3.6rem}.md\:-ml-9{margin-left:-3.6rem}.md\:-mt-10{margin-top:-4rem}.md\:-mr-10{margin-right:-4rem}.md\:-mb-10{margin-bottom:-4rem}.md\:-ml-10{margin-left:-4rem}.md\:-mt-11{margin-top:-4.4rem}.md\:-mr-11{margin-right:-4.4rem}.md\:-mb-11{margin-bottom:-4.4rem}.md\:-ml-11{margin-left:-4.4rem}.md\:-mt-12{margin-top:-4.8rem}.md\:-mr-12{margin-right:-4.8rem}.md\:-mb-12{margin-bottom:-4.8rem}.md\:-ml-12{margin-left:-4.8rem}.md\:-mt-1\.5{margin-top:-.6rem}.md\:-mr-1\.5{margin-right:-.6rem}.md\:-mb-1\.5{margin-bottom:-.6rem}.md\:-ml-1\.5{margin-left:-.6rem}.md\:max-h-full{max-height:100%}.md\:max-h-screen{max-height:100vh}.md\:max-w-full{max-width:100%}.md\:max-w-screen{max-width:100vw}.md\:min-h-0{min-height:0}.md\:min-h-full{min-height:100%}.md\:min-h-screen{min-height:100vh}.md\:min-w-0{min-width:0}.md\:min-w-full{min-width:100%}.md\:p-0{padding:0}.md\:p-1{padding:.4rem}.md\:p-2{padding:.8rem}.md\:p-3{padding:1.2rem}.md\:p-4{padding:1.6rem}.md\:p-5{padding:2rem}.md\:p-6{padding:2.4rem}.md\:p-7{padding:2.8rem}.md\:p-8{padding:3.2rem}.md\:p-9{padding:3.6rem}.md\:p-10{padding:4rem}.md\:p-11{padding:4.4rem}.md\:p-12{padding:4.8rem}.md\:p-1\.5{padding:.6rem}.md\:py-0{padding-top:0;padding-bottom:0}.md\:px-0{padding-left:0;padding-right:0}.md\:py-1{padding-top:.4rem;padding-bottom:.4rem}.md\:px-1{padding-left:.4rem;padding-right:.4rem}.md\:py-2{padding-top:.8rem;padding-bottom:.8rem}.md\:px-2{padding-left:.8rem;padding-right:.8rem}.md\:py-3{padding-top:1.2rem;padding-bottom:1.2rem}.md\:px-3{padding-left:1.2rem;padding-right:1.2rem}.md\:py-4{padding-top:1.6rem;padding-bottom:1.6rem}.md\:px-4{padding-left:1.6rem;padding-right:1.6rem}.md\:py-5{padding-top:2rem;padding-bottom:2rem}.md\:px-5{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-top:2.4rem;padding-bottom:2.4rem}.md\:px-6{padding-left:2.4rem;padding-right:2.4rem}.md\:py-7{padding-top:2.8rem;padding-bottom:2.8rem}.md\:px-7{padding-left:2.8rem;padding-right:2.8rem}.md\:py-8{padding-top:3.2rem;padding-bottom:3.2rem}.md\:px-8{padding-left:3.2rem;padding-right:3.2rem}.md\:py-9{padding-top:3.6rem;padding-bottom:3.6rem}.md\:px-9{padding-left:3.6rem;padding-right:3.6rem}.md\:py-10{padding-top:4rem;padding-bottom:4rem}.md\:px-10{padding-left:4rem;padding-right:4rem}.md\:py-11{padding-top:4.4rem;padding-bottom:4.4rem}.md\:px-11{padding-left:4.4rem;padding-right:4.4rem}.md\:py-12{padding-top:4.8rem;padding-bottom:4.8rem}.md\:px-12{padding-left:4.8rem;padding-right:4.8rem}.md\:py-1\.5{padding-top:.6rem;padding-bottom:.6rem}.md\:px-1\.5{padding-left:.6rem;padding-right:.6rem}.md\:pt-0{padding-top:0}.md\:pr-0{padding-right:0}.md\:pb-0{padding-bottom:0}.md\:pl-0{padding-left:0}.md\:pt-1{padding-top:.4rem}.md\:pr-1{padding-right:.4rem}.md\:pb-1{padding-bottom:.4rem}.md\:pl-1{padding-left:.4rem}.md\:pt-2{padding-top:.8rem}.md\:pr-2{padding-right:.8rem}.md\:pb-2{padding-bottom:.8rem}.md\:pl-2{padding-left:.8rem}.md\:pt-3{padding-top:1.2rem}.md\:pr-3{padding-right:1.2rem}.md\:pb-3{padding-bottom:1.2rem}.md\:pl-3{padding-left:1.2rem}.md\:pt-4{padding-top:1.6rem}.md\:pr-4{padding-right:1.6rem}.md\:pb-4{padding-bottom:1.6rem}.md\:pl-4{padding-left:1.6rem}.md\:pt-5{padding-top:2rem}.md\:pr-5{padding-right:2rem}.md\:pb-5{padding-bottom:2rem}.md\:pl-5{padding-left:2rem}.md\:pt-6{padding-top:2.4rem}.md\:pr-6{padding-right:2.4rem}.md\:pb-6{padding-bottom:2.4rem}.md\:pl-6{padding-left:2.4rem}.md\:pt-7{padding-top:2.8rem}.md\:pr-7{padding-right:2.8rem}.md\:pb-7{padding-bottom:2.8rem}.md\:pl-7{padding-left:2.8rem}.md\:pt-8{padding-top:3.2rem}.md\:pr-8{padding-right:3.2rem}.md\:pb-8{padding-bottom:3.2rem}.md\:pl-8{padding-left:3.2rem}.md\:pt-9{padding-top:3.6rem}.md\:pr-9{padding-right:3.6rem}.md\:pb-9{padding-bottom:3.6rem}.md\:pl-9{padding-left:3.6rem}.md\:pt-10{padding-top:4rem}.md\:pr-10{padding-right:4rem}.md\:pb-10{padding-bottom:4rem}.md\:pl-10{padding-left:4rem}.md\:pt-11{padding-top:4.4rem}.md\:pr-11{padding-right:4.4rem}.md\:pb-11{padding-bottom:4.4rem}.md\:pl-11{padding-left:4.4rem}.md\:pt-12{padding-top:4.8rem}.md\:pr-12{padding-right:4.8rem}.md\:pb-12{padding-bottom:4.8rem}.md\:pl-12{padding-left:4.8rem}.md\:pt-1\.5{padding-top:.6rem}.md\:pr-1\.5{padding-right:.6rem}.md\:pb-1\.5{padding-bottom:.6rem}.md\:pl-1\.5{padding-left:.6rem}.md\:static{position:static}.md\:fixed{position:fixed}.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:sticky{position:-webkit-sticky;position:sticky}.md\:inset-0{top:0;right:0;bottom:0;left:0}.md\:inset-auto{top:auto;right:auto;bottom:auto;left:auto}.md\:inset-y-0{top:0;bottom:0}.md\:inset-x-0{right:0;left:0}.md\:inset-y-auto{top:auto;bottom:auto}.md\:inset-x-auto{right:auto;left:auto}.md\:top-0{top:0}.md\:right-0{right:0}.md\:bottom-0{bottom:0}.md\:left-0{left:0}.md\:top-auto{top:auto}.md\:right-auto{right:auto}.md\:bottom-auto{bottom:auto}.md\:left-auto{left:auto}.md\:visible{visibility:visible}.md\:invisible{visibility:hidden}.md\:w-0{width:0}.md\:w-1{width:.4rem}.md\:w-2{width:.8rem}.md\:w-3{width:1.2rem}.md\:w-4{width:1.6rem}.md\:w-5{width:2rem}.md\:w-6{width:2.4rem}.md\:w-7{width:2.8rem}.md\:w-8{width:3.2rem}.md\:w-9{width:3.6rem}.md\:w-10{width:4rem}.md\:w-11{width:4.4rem}.md\:w-12{width:4.8rem}.md\:w-auto{width:auto}.md\:w-1\.5{width:.6rem}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-1\/4{width:25%}.md\:w-2\/4{width:50%}.md\:w-3\/4{width:75%}.md\:w-1\/5{width:20%}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}.md\:w-4\/5{width:80%}.md\:w-1\/12{width:8.333333%}.md\:w-2\/12{width:16.666667%}.md\:w-3\/12{width:25%}.md\:w-4\/12{width:33.333333%}.md\:w-5\/12{width:41.666667%}.md\:w-6\/12{width:50%}.md\:w-7\/12{width:58.333333%}.md\:w-8\/12{width:66.666667%}.md\:w-9\/12{width:75%}.md\:w-10\/12{width:83.333333%}.md\:w-11\/12{width:91.666667%}.md\:w-full{width:100%}.md\:w-screen{width:100vw}}@media (min-width:1024px){.lg\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.lg\:not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.lg\:focus\:sr-only:focus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.lg\:focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:self-auto{align-self:auto}.lg\:self-start{align-self:flex-start}.lg\:self-end{align-self:flex-end}.lg\:self-center{align-self:center}.lg\:self-stretch{align-self:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:content-center{align-content:center}.lg\:content-start{align-content:flex-start}.lg\:content-end{align-content:flex-end}.lg\:content-between{align-content:space-between}.lg\:content-around{align-content:space-around}.lg\:flex-1{flex:1 1 0%}.lg\:flex-auto{flex:1 1 auto}.lg\:flex-initial{flex:0 1 auto}.lg\:flex-none{flex:none}.lg\:flex-grow-0{flex-grow:0}.lg\:flex-grow{flex-grow:1}.lg\:h-0{height:0}.lg\:h-1{height:.4rem}.lg\:h-2{height:.8rem}.lg\:h-3{height:1.2rem}.lg\:h-4{height:1.6rem}.lg\:h-5{height:2rem}.lg\:h-6{height:2.4rem}.lg\:h-7{height:2.8rem}.lg\:h-8{height:3.2rem}.lg\:h-9{height:3.6rem}.lg\:h-10{height:4rem}.lg\:h-11{height:4.4rem}.lg\:h-12{height:4.8rem}.lg\:h-auto{height:auto}.lg\:h-1\.5{height:.6rem}.lg\:h-full{height:100%}.lg\:h-screen{height:100vh}.lg\:m-0{margin:0}.lg\:m-1{margin:.4rem}.lg\:m-2{margin:.8rem}.lg\:m-3{margin:1.2rem}.lg\:m-4{margin:1.6rem}.lg\:m-5{margin:2rem}.lg\:m-6{margin:2.4rem}.lg\:m-7{margin:2.8rem}.lg\:m-8{margin:3.2rem}.lg\:m-9{margin:3.6rem}.lg\:m-10{margin:4rem}.lg\:m-11{margin:4.4rem}.lg\:m-12{margin:4.8rem}.lg\:m-auto{margin:auto}.lg\:m-1\.5{margin:.6rem}.lg\:-m-1{margin:-.4rem}.lg\:-m-2{margin:-.8rem}.lg\:-m-3{margin:-1.2rem}.lg\:-m-4{margin:-1.6rem}.lg\:-m-5{margin:-2rem}.lg\:-m-6{margin:-2.4rem}.lg\:-m-7{margin:-2.8rem}.lg\:-m-8{margin:-3.2rem}.lg\:-m-9{margin:-3.6rem}.lg\:-m-10{margin:-4rem}.lg\:-m-11{margin:-4.4rem}.lg\:-m-12{margin:-4.8rem}.lg\:-m-1\.5{margin:-.6rem}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:my-1{margin-top:.4rem;margin-bottom:.4rem}.lg\:mx-1{margin-left:.4rem;margin-right:.4rem}.lg\:my-2{margin-top:.8rem;margin-bottom:.8rem}.lg\:mx-2{margin-left:.8rem;margin-right:.8rem}.lg\:my-3{margin-top:1.2rem;margin-bottom:1.2rem}.lg\:mx-3{margin-left:1.2rem;margin-right:1.2rem}.lg\:my-4{margin-top:1.6rem;margin-bottom:1.6rem}.lg\:mx-4{margin-left:1.6rem;margin-right:1.6rem}.lg\:my-5{margin-top:2rem;margin-bottom:2rem}.lg\:mx-5{margin-left:2rem;margin-right:2rem}.lg\:my-6{margin-top:2.4rem;margin-bottom:2.4rem}.lg\:mx-6{margin-left:2.4rem;margin-right:2.4rem}.lg\:my-7{margin-top:2.8rem;margin-bottom:2.8rem}.lg\:mx-7{margin-left:2.8rem;margin-right:2.8rem}.lg\:my-8{margin-top:3.2rem;margin-bottom:3.2rem}.lg\:mx-8{margin-left:3.2rem;margin-right:3.2rem}.lg\:my-9{margin-top:3.6rem;margin-bottom:3.6rem}.lg\:mx-9{margin-left:3.6rem;margin-right:3.6rem}.lg\:my-10{margin-top:4rem;margin-bottom:4rem}.lg\:mx-10{margin-left:4rem;margin-right:4rem}.lg\:my-11{margin-top:4.4rem;margin-bottom:4.4rem}.lg\:mx-11{margin-left:4.4rem;margin-right:4.4rem}.lg\:my-12{margin-top:4.8rem;margin-bottom:4.8rem}.lg\:mx-12{margin-left:4.8rem;margin-right:4.8rem}.lg\:my-auto{margin-top:auto;margin-bottom:auto}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:my-1\.5{margin-top:.6rem;margin-bottom:.6rem}.lg\:mx-1\.5{margin-left:.6rem;margin-right:.6rem}.lg\:-my-1{margin-top:-.4rem;margin-bottom:-.4rem}.lg\:-mx-1{margin-left:-.4rem;margin-right:-.4rem}.lg\:-my-2{margin-top:-.8rem;margin-bottom:-.8rem}.lg\:-mx-2{margin-left:-.8rem;margin-right:-.8rem}.lg\:-my-3{margin-top:-1.2rem;margin-bottom:-1.2rem}.lg\:-mx-3{margin-left:-1.2rem;margin-right:-1.2rem}.lg\:-my-4{margin-top:-1.6rem;margin-bottom:-1.6rem}.lg\:-mx-4{margin-left:-1.6rem;margin-right:-1.6rem}.lg\:-my-5{margin-top:-2rem;margin-bottom:-2rem}.lg\:-mx-5{margin-left:-2rem;margin-right:-2rem}.lg\:-my-6{margin-top:-2.4rem;margin-bottom:-2.4rem}.lg\:-mx-6{margin-left:-2.4rem;margin-right:-2.4rem}.lg\:-my-7{margin-top:-2.8rem;margin-bottom:-2.8rem}.lg\:-mx-7{margin-left:-2.8rem;margin-right:-2.8rem}.lg\:-my-8{margin-top:-3.2rem;margin-bottom:-3.2rem}.lg\:-mx-8{margin-left:-3.2rem;margin-right:-3.2rem}.lg\:-my-9{margin-top:-3.6rem;margin-bottom:-3.6rem}.lg\:-mx-9{margin-left:-3.6rem;margin-right:-3.6rem}.lg\:-my-10{margin-top:-4rem;margin-bottom:-4rem}.lg\:-mx-10{margin-left:-4rem;margin-right:-4rem}.lg\:-my-11{margin-top:-4.4rem;margin-bottom:-4.4rem}.lg\:-mx-11{margin-left:-4.4rem;margin-right:-4.4rem}.lg\:-my-12{margin-top:-4.8rem;margin-bottom:-4.8rem}.lg\:-mx-12{margin-left:-4.8rem;margin-right:-4.8rem}.lg\:-my-1\.5{margin-top:-.6rem;margin-bottom:-.6rem}.lg\:-mx-1\.5{margin-left:-.6rem;margin-right:-.6rem}.lg\:mt-0{margin-top:0}.lg\:mr-0{margin-right:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-0{margin-left:0}.lg\:mt-1{margin-top:.4rem}.lg\:mr-1{margin-right:.4rem}.lg\:mb-1{margin-bottom:.4rem}.lg\:ml-1{margin-left:.4rem}.lg\:mt-2{margin-top:.8rem}.lg\:mr-2{margin-right:.8rem}.lg\:mb-2{margin-bottom:.8rem}.lg\:ml-2{margin-left:.8rem}.lg\:mt-3{margin-top:1.2rem}.lg\:mr-3{margin-right:1.2rem}.lg\:mb-3{margin-bottom:1.2rem}.lg\:ml-3{margin-left:1.2rem}.lg\:mt-4{margin-top:1.6rem}.lg\:mr-4{margin-right:1.6rem}.lg\:mb-4{margin-bottom:1.6rem}.lg\:ml-4{margin-left:1.6rem}.lg\:mt-5{margin-top:2rem}.lg\:mr-5{margin-right:2rem}.lg\:mb-5{margin-bottom:2rem}.lg\:ml-5{margin-left:2rem}.lg\:mt-6{margin-top:2.4rem}.lg\:mr-6{margin-right:2.4rem}.lg\:mb-6{margin-bottom:2.4rem}.lg\:ml-6{margin-left:2.4rem}.lg\:mt-7{margin-top:2.8rem}.lg\:mr-7{margin-right:2.8rem}.lg\:mb-7{margin-bottom:2.8rem}.lg\:ml-7{margin-left:2.8rem}.lg\:mt-8{margin-top:3.2rem}.lg\:mr-8{margin-right:3.2rem}.lg\:mb-8{margin-bottom:3.2rem}.lg\:ml-8{margin-left:3.2rem}.lg\:mt-9{margin-top:3.6rem}.lg\:mr-9{margin-right:3.6rem}.lg\:mb-9{margin-bottom:3.6rem}.lg\:ml-9{margin-left:3.6rem}.lg\:mt-10{margin-top:4rem}.lg\:mr-10{margin-right:4rem}.lg\:mb-10{margin-bottom:4rem}.lg\:ml-10{margin-left:4rem}.lg\:mt-11{margin-top:4.4rem}.lg\:mr-11{margin-right:4.4rem}.lg\:mb-11{margin-bottom:4.4rem}.lg\:ml-11{margin-left:4.4rem}.lg\:mt-12{margin-top:4.8rem}.lg\:mr-12{margin-right:4.8rem}.lg\:mb-12{margin-bottom:4.8rem}.lg\:ml-12{margin-left:4.8rem}.lg\:mt-auto{margin-top:auto}.lg\:mr-auto{margin-right:auto}.lg\:mb-auto{margin-bottom:auto}.lg\:ml-auto{margin-left:auto}.lg\:mt-1\.5{margin-top:.6rem}.lg\:mr-1\.5{margin-right:.6rem}.lg\:mb-1\.5{margin-bottom:.6rem}.lg\:ml-1\.5{margin-left:.6rem}.lg\:-mt-1{margin-top:-.4rem}.lg\:-mr-1{margin-right:-.4rem}.lg\:-mb-1{margin-bottom:-.4rem}.lg\:-ml-1{margin-left:-.4rem}.lg\:-mt-2{margin-top:-.8rem}.lg\:-mr-2{margin-right:-.8rem}.lg\:-mb-2{margin-bottom:-.8rem}.lg\:-ml-2{margin-left:-.8rem}.lg\:-mt-3{margin-top:-1.2rem}.lg\:-mr-3{margin-right:-1.2rem}.lg\:-mb-3{margin-bottom:-1.2rem}.lg\:-ml-3{margin-left:-1.2rem}.lg\:-mt-4{margin-top:-1.6rem}.lg\:-mr-4{margin-right:-1.6rem}.lg\:-mb-4{margin-bottom:-1.6rem}.lg\:-ml-4{margin-left:-1.6rem}.lg\:-mt-5{margin-top:-2rem}.lg\:-mr-5{margin-right:-2rem}.lg\:-mb-5{margin-bottom:-2rem}.lg\:-ml-5{margin-left:-2rem}.lg\:-mt-6{margin-top:-2.4rem}.lg\:-mr-6{margin-right:-2.4rem}.lg\:-mb-6{margin-bottom:-2.4rem}.lg\:-ml-6{margin-left:-2.4rem}.lg\:-mt-7{margin-top:-2.8rem}.lg\:-mr-7{margin-right:-2.8rem}.lg\:-mb-7{margin-bottom:-2.8rem}.lg\:-ml-7{margin-left:-2.8rem}.lg\:-mt-8{margin-top:-3.2rem}.lg\:-mr-8{margin-right:-3.2rem}.lg\:-mb-8{margin-bottom:-3.2rem}.lg\:-ml-8{margin-left:-3.2rem}.lg\:-mt-9{margin-top:-3.6rem}.lg\:-mr-9{margin-right:-3.6rem}.lg\:-mb-9{margin-bottom:-3.6rem}.lg\:-ml-9{margin-left:-3.6rem}.lg\:-mt-10{margin-top:-4rem}.lg\:-mr-10{margin-right:-4rem}.lg\:-mb-10{margin-bottom:-4rem}.lg\:-ml-10{margin-left:-4rem}.lg\:-mt-11{margin-top:-4.4rem}.lg\:-mr-11{margin-right:-4.4rem}.lg\:-mb-11{margin-bottom:-4.4rem}.lg\:-ml-11{margin-left:-4.4rem}.lg\:-mt-12{margin-top:-4.8rem}.lg\:-mr-12{margin-right:-4.8rem}.lg\:-mb-12{margin-bottom:-4.8rem}.lg\:-ml-12{margin-left:-4.8rem}.lg\:-mt-1\.5{margin-top:-.6rem}.lg\:-mr-1\.5{margin-right:-.6rem}.lg\:-mb-1\.5{margin-bottom:-.6rem}.lg\:-ml-1\.5{margin-left:-.6rem}.lg\:max-h-full{max-height:100%}.lg\:max-h-screen{max-height:100vh}.lg\:max-w-full{max-width:100%}.lg\:max-w-screen{max-width:100vw}.lg\:min-h-0{min-height:0}.lg\:min-h-full{min-height:100%}.lg\:min-h-screen{min-height:100vh}.lg\:min-w-0{min-width:0}.lg\:min-w-full{min-width:100%}.lg\:p-0{padding:0}.lg\:p-1{padding:.4rem}.lg\:p-2{padding:.8rem}.lg\:p-3{padding:1.2rem}.lg\:p-4{padding:1.6rem}.lg\:p-5{padding:2rem}.lg\:p-6{padding:2.4rem}.lg\:p-7{padding:2.8rem}.lg\:p-8{padding:3.2rem}.lg\:p-9{padding:3.6rem}.lg\:p-10{padding:4rem}.lg\:p-11{padding:4.4rem}.lg\:p-12{padding:4.8rem}.lg\:p-1\.5{padding:.6rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:px-0{padding-left:0;padding-right:0}.lg\:py-1{padding-top:.4rem;padding-bottom:.4rem}.lg\:px-1{padding-left:.4rem;padding-right:.4rem}.lg\:py-2{padding-top:.8rem;padding-bottom:.8rem}.lg\:px-2{padding-left:.8rem;padding-right:.8rem}.lg\:py-3{padding-top:1.2rem;padding-bottom:1.2rem}.lg\:px-3{padding-left:1.2rem;padding-right:1.2rem}.lg\:py-4{padding-top:1.6rem;padding-bottom:1.6rem}.lg\:px-4{padding-left:1.6rem;padding-right:1.6rem}.lg\:py-5{padding-top:2rem;padding-bottom:2rem}.lg\:px-5{padding-left:2rem;padding-right:2rem}.lg\:py-6{padding-top:2.4rem;padding-bottom:2.4rem}.lg\:px-6{padding-left:2.4rem;padding-right:2.4rem}.lg\:py-7{padding-top:2.8rem;padding-bottom:2.8rem}.lg\:px-7{padding-left:2.8rem;padding-right:2.8rem}.lg\:py-8{padding-top:3.2rem;padding-bottom:3.2rem}.lg\:px-8{padding-left:3.2rem;padding-right:3.2rem}.lg\:py-9{padding-top:3.6rem;padding-bottom:3.6rem}.lg\:px-9{padding-left:3.6rem;padding-right:3.6rem}.lg\:py-10{padding-top:4rem;padding-bottom:4rem}.lg\:px-10{padding-left:4rem;padding-right:4rem}.lg\:py-11{padding-top:4.4rem;padding-bottom:4.4rem}.lg\:px-11{padding-left:4.4rem;padding-right:4.4rem}.lg\:py-12{padding-top:4.8rem;padding-bottom:4.8rem}.lg\:px-12{padding-left:4.8rem;padding-right:4.8rem}.lg\:py-1\.5{padding-top:.6rem;padding-bottom:.6rem}.lg\:px-1\.5{padding-left:.6rem;padding-right:.6rem}.lg\:pt-0{padding-top:0}.lg\:pr-0{padding-right:0}.lg\:pb-0{padding-bottom:0}.lg\:pl-0{padding-left:0}.lg\:pt-1{padding-top:.4rem}.lg\:pr-1{padding-right:.4rem}.lg\:pb-1{padding-bottom:.4rem}.lg\:pl-1{padding-left:.4rem}.lg\:pt-2{padding-top:.8rem}.lg\:pr-2{padding-right:.8rem}.lg\:pb-2{padding-bottom:.8rem}.lg\:pl-2{padding-left:.8rem}.lg\:pt-3{padding-top:1.2rem}.lg\:pr-3{padding-right:1.2rem}.lg\:pb-3{padding-bottom:1.2rem}.lg\:pl-3{padding-left:1.2rem}.lg\:pt-4{padding-top:1.6rem}.lg\:pr-4{padding-right:1.6rem}.lg\:pb-4{padding-bottom:1.6rem}.lg\:pl-4{padding-left:1.6rem}.lg\:pt-5{padding-top:2rem}.lg\:pr-5{padding-right:2rem}.lg\:pb-5{padding-bottom:2rem}.lg\:pl-5{padding-left:2rem}.lg\:pt-6{padding-top:2.4rem}.lg\:pr-6{padding-right:2.4rem}.lg\:pb-6{padding-bottom:2.4rem}.lg\:pl-6{padding-left:2.4rem}.lg\:pt-7{padding-top:2.8rem}.lg\:pr-7{padding-right:2.8rem}.lg\:pb-7{padding-bottom:2.8rem}.lg\:pl-7{padding-left:2.8rem}.lg\:pt-8{padding-top:3.2rem}.lg\:pr-8{padding-right:3.2rem}.lg\:pb-8{padding-bottom:3.2rem}.lg\:pl-8{padding-left:3.2rem}.lg\:pt-9{padding-top:3.6rem}.lg\:pr-9{padding-right:3.6rem}.lg\:pb-9{padding-bottom:3.6rem}.lg\:pl-9{padding-left:3.6rem}.lg\:pt-10{padding-top:4rem}.lg\:pr-10{padding-right:4rem}.lg\:pb-10{padding-bottom:4rem}.lg\:pl-10{padding-left:4rem}.lg\:pt-11{padding-top:4.4rem}.lg\:pr-11{padding-right:4.4rem}.lg\:pb-11{padding-bottom:4.4rem}.lg\:pl-11{padding-left:4.4rem}.lg\:pt-12{padding-top:4.8rem}.lg\:pr-12{padding-right:4.8rem}.lg\:pb-12{padding-bottom:4.8rem}.lg\:pl-12{padding-left:4.8rem}.lg\:pt-1\.5{padding-top:.6rem}.lg\:pr-1\.5{padding-right:.6rem}.lg\:pb-1\.5{padding-bottom:.6rem}.lg\:pl-1\.5{padding-left:.6rem}.lg\:static{position:static}.lg\:fixed{position:fixed}.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:sticky{position:-webkit-sticky;position:sticky}.lg\:inset-0{top:0;right:0;bottom:0;left:0}.lg\:inset-auto{top:auto;right:auto;bottom:auto;left:auto}.lg\:inset-y-0{top:0;bottom:0}.lg\:inset-x-0{right:0;left:0}.lg\:inset-y-auto{top:auto;bottom:auto}.lg\:inset-x-auto{right:auto;left:auto}.lg\:top-0{top:0}.lg\:right-0{right:0}.lg\:bottom-0{bottom:0}.lg\:left-0{left:0}.lg\:top-auto{top:auto}.lg\:right-auto{right:auto}.lg\:bottom-auto{bottom:auto}.lg\:left-auto{left:auto}.lg\:visible{visibility:visible}.lg\:invisible{visibility:hidden}.lg\:w-0{width:0}.lg\:w-1{width:.4rem}.lg\:w-2{width:.8rem}.lg\:w-3{width:1.2rem}.lg\:w-4{width:1.6rem}.lg\:w-5{width:2rem}.lg\:w-6{width:2.4rem}.lg\:w-7{width:2.8rem}.lg\:w-8{width:3.2rem}.lg\:w-9{width:3.6rem}.lg\:w-10{width:4rem}.lg\:w-11{width:4.4rem}.lg\:w-12{width:4.8rem}.lg\:w-auto{width:auto}.lg\:w-1\.5{width:.6rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-1\/4{width:25%}.lg\:w-2\/4{width:50%}.lg\:w-3\/4{width:75%}.lg\:w-1\/5{width:20%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:w-4\/5{width:80%}.lg\:w-1\/12{width:8.333333%}.lg\:w-2\/12{width:16.666667%}.lg\:w-3\/12{width:25%}.lg\:w-4\/12{width:33.333333%}.lg\:w-5\/12{width:41.666667%}.lg\:w-6\/12{width:50%}.lg\:w-7\/12{width:58.333333%}.lg\:w-8\/12{width:66.666667%}.lg\:w-9\/12{width:75%}.lg\:w-10\/12{width:83.333333%}.lg\:w-11\/12{width:91.666667%}.lg\:w-full{width:100%}.lg\:w-screen{width:100vw}}
package/styles/tokens.scss ADDED
@@ -0,0 +1,488 @@
1
+ // This file was copied from style-dictionary and it creates spr-rule mixin.
2
+ $dictionaryTokens: (
3
+ backgroundSize-auto: auto,
4
+ backgroundSize-cover: cover,
5
+ backgroundSize-contain: contain,
6
+ backgroundPosition-bottom: bottom,
7
+ backgroundPosition-center: center,
8
+ backgroundPosition-left: left,
9
+ backgroundPosition-left-bottom: left bottom,
10
+ backgroundPosition-left-top: left top,
11
+ backgroundPosition-right: right,
12
+ backgroundPosition-right-bottom: right bottom,
13
+ backgroundPosition-right-top: right top,
14
+ backgroundPosition-top: top,
15
+ borderRadius-1: 1px,
16
+ borderRadius-2: 2px,
17
+ borderRadius-4: 4px,
18
+ borderRadius-6: 6px,
19
+ borderRadius-8: 8px,
20
+ borderRadius-12: 12px,
21
+ borderRadius-16: 16px,
22
+ borderRadius-none: 0,
23
+ borderRadius-full: 100%,
24
+ borderWidth-0: 0,
25
+ borderWidth-1: 1px,
26
+ borderWidth-2: 2px,
27
+ borderWidth-default: 1px,
28
+ boxShadow-none: none,
29
+ cursor-auto: auto,
30
+ cursor-default: default,
31
+ cursor-pointer: pointer,
32
+ cursor-wait: wait,
33
+ cursor-text: text,
34
+ cursor-move: move,
35
+ cursor-copy: copy,
36
+ cursor-not-allowed: not-allowed,
37
+ flex-1: 1 1 0%,
38
+ flex-auto: 1 1 auto,
39
+ flex-initial: 0 1 auto,
40
+ flex-none: none,
41
+ flexGrow-0: 0,
42
+ flexGrow-default: 1,
43
+ flexShrink-0: 0,
44
+ flexShrink-default: 1,
45
+ fontSize-10: 1rem,
46
+ fontSize-11: 1.1rem,
47
+ fontSize-12: 1.2rem,
48
+ fontSize-13: 1.3rem,
49
+ fontSize-14: 1.4rem,
50
+ fontSize-16: 1.6rem,
51
+ fontSize-20: 2rem,
52
+ fontSize-24: 2.4rem,
53
+ fontSize-32: 3.2rem,
54
+ fontSize-40: 4rem,
55
+ fontSize-56: 5.6rem,
56
+ fontSize-72: 7.2rem,
57
+ fontWeight-300: 300,
58
+ fontWeight-400: 400,
59
+ fontWeight-500: 500,
60
+ fontWeight-600: 600,
61
+ fontWeight-700: 700,
62
+ fontWeight-regular: 400,
63
+ fontWeight-medium: 500,
64
+ fontWeight-semibold: 600,
65
+ fontWeight-bold: 700,
66
+ lineHeight-none: 1,
67
+ lineHeight-tight: 1.25,
68
+ lineHeight-normal: 1.5,
69
+ lineHeight-loose: 2,
70
+ letterSpacing-tight: -0.025em,
71
+ letterSpacing-normal: 0,
72
+ letterSpacing-wide: 0.025em,
73
+ listStyleType-none: none,
74
+ listStyleType-disc: disc,
75
+ listStyleType-decimal: decimal,
76
+ objectPosition-bottom: bottom,
77
+ objectPosition-center: center,
78
+ objectPosition-left: left,
79
+ objectPosition-left-bottom: left bottom,
80
+ objectPosition-left-top: left top,
81
+ objectPosition-right: right,
82
+ objectPosition-right-bottom: right bottom,
83
+ objectPosition-right-top: right top,
84
+ objectPosition-top: top,
85
+ opacity-0: 0,
86
+ opacity-5: 0.05,
87
+ opacity-7: 0.07,
88
+ opacity-10: 0.1,
89
+ opacity-12: 0.12,
90
+ opacity-15: 0.15,
91
+ opacity-20: 0.2,
92
+ opacity-30: 0.3,
93
+ opacity-40: 0.4,
94
+ opacity-50: 0.5,
95
+ opacity-60: 0.6,
96
+ opacity-70: 0.7,
97
+ opacity-80: 0.8,
98
+ opacity-90: 0.9,
99
+ opacity-100: 1,
100
+ zIndex-0: 0,
101
+ zIndex-10: 10,
102
+ zIndex-20: 20,
103
+ zIndex-30: 30,
104
+ zIndex-40: 40,
105
+ zIndex-50: 50,
106
+ zIndex-auto: auto,
107
+ height-0: 0,
108
+ height-1: 0.4rem,
109
+ height-2: 0.8rem,
110
+ height-3: 1.2rem,
111
+ height-4: 1.6rem,
112
+ height-5: 2rem,
113
+ height-6: 2.4rem,
114
+ height-7: 2.8rem,
115
+ height-8: 3.2rem,
116
+ height-9: 3.6rem,
117
+ height-10: 4rem,
118
+ height-11: 4.4rem,
119
+ height-12: 4.8rem,
120
+ height-auto: auto,
121
+ height-1.5: 0.6rem,
122
+ height-full: 100%,
123
+ height-screen: 100vh,
124
+ spacing-0: 0,
125
+ spacing-1: 0.4rem,
126
+ spacing-2: 0.8rem,
127
+ spacing-3: 1.2rem,
128
+ spacing-4: 1.6rem,
129
+ spacing-5: 2rem,
130
+ spacing-6: 2.4rem,
131
+ spacing-7: 2.8rem,
132
+ spacing-8: 3.2rem,
133
+ spacing-9: 3.6rem,
134
+ spacing-10: 4rem,
135
+ spacing-11: 4.4rem,
136
+ spacing-12: 4.8rem,
137
+ spacing-1.5: 0.6rem,
138
+ width-0: 0,
139
+ width-1: 0.4rem,
140
+ width-2: 0.8rem,
141
+ width-3: 1.2rem,
142
+ width-4: 1.6rem,
143
+ width-5: 2rem,
144
+ width-6: 2.4rem,
145
+ width-7: 2.8rem,
146
+ width-8: 3.2rem,
147
+ width-9: 3.6rem,
148
+ width-10: 4rem,
149
+ width-11: 4.4rem,
150
+ width-12: 4.8rem,
151
+ width-auto: auto,
152
+ width-1.5: 0.6rem,
153
+ width-1/2: 50%,
154
+ width-1/3: 33.333333%,
155
+ width-2/3: 66.666667%,
156
+ width-1/4: 25%,
157
+ width-2/4: 50%,
158
+ width-3/4: 75%,
159
+ width-1/5: 20%,
160
+ width-2/5: 40%,
161
+ width-3/5: 60%,
162
+ width-4/5: 80%,
163
+ width-1/12: 8.333333%,
164
+ width-2/12: 16.666667%,
165
+ width-3/12: 25%,
166
+ width-4/12: 33.333333%,
167
+ width-5/12: 41.666667%,
168
+ width-6/12: 50%,
169
+ width-7/12: 58.333333%,
170
+ width-8/12: 66.666667%,
171
+ width-9/12: 75%,
172
+ width-10/12: 83.333333%,
173
+ width-11/12: 91.666667%,
174
+ width-full: 100%,
175
+ width-screen: 100vw,
176
+ margin-0: 0,
177
+ margin-1: 0.4rem,
178
+ margin-2: 0.8rem,
179
+ margin-3: 1.2rem,
180
+ margin-4: 1.6rem,
181
+ margin-5: 2rem,
182
+ margin-6: 2.4rem,
183
+ margin-7: 2.8rem,
184
+ margin-8: 3.2rem,
185
+ margin-9: 3.6rem,
186
+ margin-10: 4rem,
187
+ margin-11: 4.4rem,
188
+ margin-12: 4.8rem,
189
+ margin-auto: auto,
190
+ margin-1.5: 0.6rem,
191
+ margin--1: -0.4rem,
192
+ margin--2: -0.8rem,
193
+ margin--3: -1.2rem,
194
+ margin--4: -1.6rem,
195
+ margin--5: -2rem,
196
+ margin--6: -2.4rem,
197
+ margin--7: -2.8rem,
198
+ margin--8: -3.2rem,
199
+ margin--9: -3.6rem,
200
+ margin--10: -4rem,
201
+ margin--11: -4.4rem,
202
+ margin--12: -4.8rem,
203
+ margin--1.5: -0.6rem,
204
+ padding-0: 0,
205
+ padding-1: 0.4rem,
206
+ padding-2: 0.8rem,
207
+ padding-3: 1.2rem,
208
+ padding-4: 1.6rem,
209
+ padding-5: 2rem,
210
+ padding-6: 2.4rem,
211
+ padding-7: 2.8rem,
212
+ padding-8: 3.2rem,
213
+ padding-9: 3.6rem,
214
+ padding-10: 4rem,
215
+ padding-11: 4.4rem,
216
+ padding-12: 4.8rem,
217
+ padding-1.5: 0.6rem,
218
+ maxHeight-full: 100%,
219
+ maxHeight-screen: 100vh,
220
+ minHeight-0: 0,
221
+ minHeight-full: 100%,
222
+ minHeight-screen: 100vh,
223
+ maxWidth-full: 100%,
224
+ maxWidth-screen: 100vw,
225
+ minWidth-0: 0,
226
+ minWidth-full: 100%,
227
+ colors-charcoal: #0a0a14,
228
+ colors-white: #ffffff,
229
+ colors-transparent: transparent,
230
+ colors-space: #0828cc,
231
+ colors-water: #f8f8fa,
232
+ colors-powder: #f2f2f4,
233
+ colors-azure: #ececef,
234
+ colors-ash: #d7d7dc,
235
+ colors-fossil: #a0a0a8,
236
+ colors-anchor: #646470,
237
+ colors-pebble: #aeaeb2,
238
+ colors-slate: #646469,
239
+ colors-graphite: #48484c,
240
+ colors-lead: #3a3a3e,
241
+ colors-obsidian: #2c2c2f,
242
+ colors-smoke: #1c1c1f,
243
+ colors-stone: #141416,
244
+ fill-current: currentColor,
245
+ stroke-current: currentColor,
246
+ app-header: #0a0a14,
247
+ app-header-tab: rgba(255, 255, 255, 0.1),
248
+ app-header-tab-hover: rgba(255, 255, 255, 0.2),
249
+ app-header-tab-active: #ffffff,
250
+ app-header-text: rgba(255, 255, 255, 0.6),
251
+ app-header-text-hover: #ffffff,
252
+ cht-bg: #f3eae1,
253
+ cht-border: #e6d4ca,
254
+ cht-bubble-left: #ffffff,
255
+ cht-bubble-right: #ebebff,
256
+ cht-bubble-supporting-text: #646470,
257
+ cht-bubble-text-left: #0a0a14,
258
+ cht-bubble-text-right: #0a0a14,
259
+ cht-bubble-border: #c7d3f7,
260
+ cht-bubble-icon-1: #646470,
261
+ cht-bubble-icon-2: #d7d7dc,
262
+ cht-bubble-icon-3: #0828cc,
263
+ cht-bubble-insert: #f8f8fa,
264
+ cht-bubble-link: #0828cc,
265
+ cht-bubble-text: #646470,
266
+ cht-reply: #ffffff,
267
+ cht-footer: #f3eae1,
268
+ cht-hover: rgba(100, 100, 112, 0.07),
269
+ cht-read: #006cd7,
270
+ cht-unread: #a0a0a8,
271
+ spr-ui-01: #ffffff,
272
+ spr-ui-02: #f8f8fa,
273
+ spr-ui-03: #f2f2f4,
274
+ spr-ui-04: #0828cc,
275
+ spr-ui-05: #f2f2f4,
276
+ spr-ui-06: #e6e6e9,
277
+ spr-ui-focus: rgba(8, 40, 204, 0.07),
278
+ spr-ui-focus-reverse: rgba(255, 255, 255, 0.2),
279
+ spr-ui-hover: rgba(8, 40, 204, 0.05),
280
+ spr-ui-hover-reverse: rgba(255, 255, 255, 0.1),
281
+ spr-support-error: #e44045,
282
+ spr-support-error-highlight: rgba(255, 96, 96, 0.1),
283
+ spr-support-success: #3fbf41,
284
+ spr-support-success-highlight: rgba(63, 191, 65, 0.07),
285
+ spr-support-warning: #eec202,
286
+ spr-support-warning-highlight: rgba(238, 194, 2, 0.1),
287
+ spr-clr-blue-highlight: #e8f0fe,
288
+ spr-tag: #f2f2f4,
289
+ spr-tag-01: #f2f2f4,
290
+ spr-tag-02: rgba(8, 40, 204, 0.07),
291
+ spr-field: #dbdbdb,
292
+ spr-popup: #ffffff,
293
+ spr-overlay: rgba(10, 10, 20, 0.9),
294
+ spr-tooltip-01: #0a0a14,
295
+ spr-highlight: rgba(255, 231, 173, 0.7),
296
+ spr-favourite: #ff9f21,
297
+ spr-notification: #c6202b,
298
+ spr-interactive-01: #0828cc,
299
+ spr-interactive-hover: #0729a0,
300
+ spr-interactive-disable: rgba(255, 255, 255, 0.8),
301
+ spr-interactive-02: #646470,
302
+ spr-clr-blue: #0aa2ff,
303
+ spr-clr-green: #20963a,
304
+ spr-clr-lavender: #7f36f6,
305
+ spr-clr-orange: #f08c1a,
306
+ spr-clr-pink: #de456b,
307
+ spr-clr-red: #e44045,
308
+ spr-clr-sea: #16aad2,
309
+ spr-clr-teal: #13c18d,
310
+ spr-clr-yellow: #deac09,
311
+ spr-clr-grey: #d7d7dc,
312
+ spr-icon-01: #0a0a14,
313
+ spr-icon-02: #646470,
314
+ spr-icon-03: #a0a0a8,
315
+ spr-icon-04: #0828cc,
316
+ spr-icon-05: #ffffff,
317
+ spr-icon-06: rgba(255, 255, 255, 0.6),
318
+ spr-icon-hover: #0a0a14,
319
+ spr-icon-disable: #d7d7dc,
320
+ spr-icon-hover-reverse: #ffffff,
321
+ spr-link: #0828cc,
322
+ spr-text-01: #0a0a14,
323
+ spr-text-02: #646470,
324
+ spr-text-03: #a0a0a8,
325
+ spr-text-04: #0828cc,
326
+ spr-text-05: #ffffff,
327
+ spr-text-06: #ffffff,
328
+ spr-text-placeholder: #a0a0a8,
329
+ spr-support-error-text: #c6202b,
330
+ spr-support-success-text: #20963a,
331
+ spr-support-warning-text: #deac09,
332
+ spr-hover: #0828cc,
333
+ spr-focus-01: #0828cc,
334
+ spr-border-01: #f2f2f4,
335
+ spr-border-02: #ececef,
336
+ spr-border-03: #d7d7dc,
337
+ spr-border-04: #a0a0a8,
338
+ spr-border-05: #ffffff,
339
+ spr-card-border: #ececef,
340
+ spr-popup-border: #d7d7dc,
341
+ spr-tooltip-border: #0a0a14,
342
+ spr-interactive-focus: #132a86,
343
+ spr-focus-02: 1px solid #1c62fd,
344
+ spr-shadow-01: 0 1px 4px 0 rgba(10, 10, 20, 0.15),
345
+ spr-shadow-02: 0 2px 8px 0 rgba(10, 10, 20, 0.2),
346
+ spr-shadow-03: -2px 9px 12px 0 rgba(10, 10, 20, 0.6),
347
+ spr-shadow-04: 0px -2px 8px 0px rgba(10, 10, 20, 0.2),
348
+ spr-shadow-05: 0px 3px 4px 0 rgba(0, 0, 0, 0.1),
349
+ spr-shadow-06: 0px -3px 4px 0 rgba(0, 0, 0, 0.1),
350
+ nav-ui-01: rgba(255, 255, 255, 0.2),
351
+ nav-ui-hover-01: rgba(255, 255, 255, 0.3),
352
+ nav-icon-01: rgba(255, 255, 255, 0.9),
353
+ nav-icon-focus-01: #327afd,
354
+ nav-text-01: rgba(255, 255, 255, 0.9),
355
+ );
356
+
357
+ /*
358
+ Sample Usage:
359
+
360
+ $dictionaryTokens: (
361
+ color-base-bg: '#0a0a14',
362
+ );
363
+ @include spr-rule(background-color, color-base-bg)
364
+
365
+ Produces:
366
+ background-color: #0a0a14
367
+ background-color: var(--color-base-bg, #0a0a14)
368
+ */
369
+
370
+ @function spr-getTokenValue($tokenName) {
371
+ @if map-has-key($dictionaryTokens, $tokenName) {
372
+ @return map-get($dictionaryTokens, $tokenName);
373
+ }
374
+
375
+ @error "Invalid token name: `#{$tokenName}`.";
376
+ @return 'undefined-token';
377
+ }
378
+
379
+ @mixin spr-rule($propertyName, $tokenName, $important: false) {
380
+ @if $important {
381
+ #{$propertyName}: spr-getTokenValue($tokenName) !important;
382
+ #{$propertyName}: var(--#{$tokenName}, spr-getTokenValue($tokenName)) !important;
383
+ } @else {
384
+ #{$propertyName}: spr-getTokenValue($tokenName); // Fallback for browsers that don't support css vars
385
+ #{$propertyName}: var(--#{$tokenName}, spr-getTokenValue($tokenName));
386
+ }
387
+ }
388
+
389
+ // ------------------- rtl-mixin-start -------------------------
390
+ $rtl-properties-map: (
391
+ margin-left: margin-right,
392
+ padding-left: padding-right,
393
+ border-left: border-right,
394
+ border-left-color: border-right-color,
395
+ border-left-style: border-right-style,
396
+ border-left-width: border-right-width,
397
+ border-top-left-radius: border-top-right-radius,
398
+ border-bottom-left-radius: border-bottom-right-radius,
399
+ left: right,
400
+ margin-right: margin-left,
401
+ padding-right: padding-left,
402
+ border-right: border-left,
403
+ border-right-color: border-left-color,
404
+ border-right-style: border-left-style,
405
+ border-right-width: border-left-width,
406
+ border-top-right-radius: border-top-left-radius,
407
+ border-bottom-right-radius: border-bottom-left-radius,
408
+ right: left,
409
+ );
410
+ $rtl-values-map: (
411
+ ltr: rtl,
412
+ left: right,
413
+ w-resize: e-resize,
414
+ sw-resize: se-resize,
415
+ nw-resize: ne-resize,
416
+ rtl: ltr,
417
+ right: left,
418
+ e-resize: w-resize,
419
+ se-resize: sw-resize,
420
+ ne-resize: nw-resize,
421
+ );
422
+ $quartet-values-properties: (
423
+ padding: 1,
424
+ margin: 1,
425
+ border-color: 1,
426
+ border-width: 1,
427
+ border-style: 1,
428
+ );
429
+
430
+ @function handle-quartet-value($value) {
431
+ @if (length($value) <= 3 or length($value) > 4) {
432
+ @return $value;
433
+ }
434
+ @return nth($value, 1) nth($value, 4) nth($value, 3) nth($value, 2);
435
+ }
436
+
437
+ /**
438
+ .foo {
439
+ @include rtl(margin-right, 10px);
440
+ @include rtl(padding, 1px 2px 3px 4px);
441
+ @include rtl(float, right);
442
+ @include rtl(border-left, 1px solid black);
443
+ @include rtl(left, 20rem);
444
+ }
445
+
446
+ converts to
447
+
448
+ .foo {
449
+ margin-right: 10px;
450
+ padding: 1px 2px 3px 4px;
451
+ float: right;
452
+ border-left: 1px solid black;
453
+ left: 20rem;
454
+ }
455
+ [dir=rtl] .foo {
456
+ margin-left: 10px;
457
+ }
458
+ [dir=rtl] .foo {
459
+ padding: 1px 4px 3px 2px;
460
+ }
461
+ [dir=rtl] .foo {
462
+ float: left;
463
+ }
464
+ [dir=rtl] .foo {
465
+ border-right: 1px solid black;
466
+ }
467
+ [dir=rtl] .foo {
468
+ right: 20rem;
469
+ }
470
+ */
471
+ @mixin spr-rtl($property, $value) {
472
+ #{$property}: $value;
473
+ [dir='rtl'] & {
474
+ $rtl-property: $property;
475
+ $rtl-value: $value;
476
+ @if map-has-key($rtl-properties-map, $property) {
477
+ $rtl-property: map-get($rtl-properties-map, $property);
478
+ }
479
+ @if map-has-key($rtl-values-map, $value) {
480
+ $rtl-value: map-get($rtl-values-map, $value);
481
+ }
482
+ @if map-has-key($quartet-values-properties, $property) {
483
+ $rtl-value: handle-quartet-value($value);
484
+ }
485
+ #{$rtl-property}: $rtl-value;
486
+ }
487
+ }
488
+ // ------------------- rtl-mixin-end -------------------------