design-system-next 2.7.21 → 2.7.23

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 (11) hide show
  1. package/dist/design-system-next.js +4382 -4335
  2. package/dist/design-system-next.js.gz +0 -0
  3. package/dist/main.css +1 -1
  4. package/dist/main.css.gz +0 -0
  5. package/package.json +1 -1
  6. package/src/components/table/table.ts +6 -0
  7. package/src/components/table/table.vue +20 -7
  8. package/src/components/table/use-table.ts +40 -30
  9. package/src/components/textarea/textarea.ts +4 -0
  10. package/src/components/textarea/textarea.vue +2 -1
  11. package/src/vite-env.d.ts +6 -0
package/dist/design-system-next.js.gz CHANGED
Binary file
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.number-input[data-v-6aee0c98]::-webkit-outer-spin-button,.number-input[data-v-6aee0c98]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.number-input[data-v-6aee0c98]{-moz-appearance:textfield}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.slide-left-enter-active[data-v-f8473ad5],.slide-left-leave-active[data-v-f8473ad5],.slide-right-enter-active[data-v-f8473ad5],.slide-right-leave-active[data-v-f8473ad5]{transition:all .25s ease-out}.slide-left-enter-from[data-v-f8473ad5],.slide-right-leave-to[data-v-f8473ad5]{opacity:0;transform:translate(30px)}.slide-left-leave-to[data-v-f8473ad5],.slide-right-enter-from[data-v-f8473ad5]{opacity:0;transform:translate(-30px)}.file-upload_wrapper[data-v-acd02bd0]{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23B8C1C0FF' stroke-width='1' stroke-dasharray='8%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.file-upload_wrapper-error[data-v-acd02bd0]{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23DA2F38FF' stroke-width='1' stroke-dasharray='8%2c6' stroke-dashoffset='16' stroke-linecap='round'/%3e%3c/svg%3e")}.backdrop-transition-enter-active[data-v-4f331f4e],.backdrop-transition-leave-active[data-v-4f331f4e]{transition:opacity .15s ease-in-out}.backdrop-transition-enter-from[data-v-4f331f4e],.backdrop-transition-leave-to[data-v-4f331f4e]{opacity:0}.modal-transition-enter-active[data-v-4f331f4e],.modal-transition-leave-active[data-v-4f331f4e]{transition:opacity .15s ease-in-out,transform .15s ease-in-out}.modal-transition-enter-from[data-v-4f331f4e],.modal-transition-leave-to[data-v-4f331f4e]{opacity:0;transform:translate(-50%) translateY(-50%) scale(.9)}.modal-transition-enter-to[data-v-4f331f4e],.modal-transition-leave-from[data-v-4f331f4e]{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}.bounce-animation[data-v-4f331f4e]{animation:bounce-4f331f4e .5s ease}@keyframes bounce-4f331f4e{0%{transform:translate(-50%) translateY(-50%) scale(1)}30%{transform:translate(-50%) translateY(-50%) scale(1.02)}50%{transform:translate(-50%) translateY(-50%) scale(.98)}70%{transform:translate(-50%) translateY(-50%) scale(1.02)}to{transform:translate(-50%) translateY(-50%) scale(1)}}@keyframes shadowGrow-95e7fa1a{0%{box-shadow:inset 0 0 0 25px #fff}to{box-shadow:inset 0 0 0 2.5px #fff}}.animate-shadow-grow[data-v-95e7fa1a]{animation:shadowGrow-95e7fa1a .15s ease-in-out forwards}.snackbar[data-v-df5f4d3e]{width:360px;max-width:360px;min-height:56px;max-height:76px}.snackbar-enter-from[data-v-06cc3101],.snackbar-leave-to[data-v-06cc3101]{transform:translateY(100%);opacity:0}.snackbar-enter-active[data-v-06cc3101],.snackbar-leave-active[data-v-06cc3101]{transition:.25s ease all}.snackbar-wrapper[data-v-06cc3101]{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:9999}.snackbar-wrapper>ul[data-v-06cc3101]{list-style-type:none}.input:checked~.switch-mark[data-v-f5b64db8]:before{left:1.7rem}.switch-mark[data-v-f5b64db8]:before,.switch-mark[data-v-f5b64db8]:after{position:absolute;content:""}.switch-mark[data-v-f5b64db8]:before{left:.25rem;top:.25rem;height:1rem;width:1rem;border-radius:50%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:root{--size-50: 2px;--size-100: 4px;--size-150: 6px;--size-200: 8px;--size-250: 12px;--size-300: 16px;--size-400: 24px;--size-500: 32px;--size-600: 40px;--size-700: 48px;--size-800: 64px;--size-900: 72px;--size-1000: 80px;--size-1100: 96px;--size-1200: 128px}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(219 219 221 / var(--tw-bg-opacity, 1))}*::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(186 188 192 / var(--tw-bg-opacity, 1))}#quick-action-menu-wrapper{max-height:500px;width:400px}#sidenav-menu-wrapper,#sidenav-submenu-wrapper{max-height:500px;width:215px}#user-menu-wrapper{top:-20px!important;max-height:500px;width:300px}#sidenav-sub-submenu-wrapper{display:none}#quick-action-menu-wrapper,#sidenav-menu-wrapper,#sidenav-submenu-wrapper,#user-menu-wrapper{overflow-y:auto;overflow-x:hidden;border-radius:12px;border-width:1px;border-style:solid;--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-border-opacity: 1;border-color:rgb(184 193 192 / var(--tw-border-opacity, 1));--tw-shadow: 0px 4px 12px 0px #262B2B29;--tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{overflow:hidden}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{border-radius:0}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{border-style:none}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{background-color:transparent}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active{transition-duration:.3s}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active{transition-timing-function:cubic-bezier(0,0,.2,1)}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-active,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-active,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-active,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to{--tw-translate-x: -20px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to{opacity:0}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__arrow-container,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__arrow-container,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__arrow-container,#user-menu-wrapper .v-popper__wrapper .v-popper__arrow-container{display:none}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{word-break:break-all}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{border-radius:var(--size-200)}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{padding-left:.5rem;padding-right:.5rem}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{padding-top:.375rem;padding-bottom:.375rem}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{opacity:1}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{font-weight:400}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{font-family:Rubik,sans-serif}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{font-size:12px}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{line-height:16px}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{letter-spacing:0px}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{--tw-bg-opacity: 1;background-color:rgb(38 43 43 / var(--tw-bg-opacity, 1))}#tooltip-wrapper .v-popper__wrapper .v-popper__arrow-outer,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__arrow-outer{display:none}#tooltip-wrapper .v-popper__wrapper .v-popper__inner{max-width:100%}#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{max-width:280px}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{border-radius:var(--size-200)}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{padding-left:.5rem;padding-right:.5rem}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{padding-top:.375rem;padding-bottom:.375rem}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{opacity:1}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{font-family:Rubik,sans-serif}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{font-size:12px}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{line-height:12px}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{letter-spacing:.7px}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{--tw-bg-opacity: 1;background-color:rgb(38 43 43 / var(--tw-bg-opacity, 1))}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__arrow-outer{display:none}#dropdown-wrapper{z-index:1000;width:inherit;overflow:hidden}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{width:100%}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{border-radius:.75rem}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{border-width:1px}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{border-style:solid}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{font-family:Rubik,sans-serif}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}#dropdown-wrapper .v-popper__wrapper .v-popper__inner::-webkit-scrollbar-track{border-bottom-right-radius:.75rem}#dropdown-wrapper .v-popper__wrapper .v-popper__inner::-webkit-scrollbar-track{border-top-right-radius:.75rem}#dropdown-wrapper .v-popper__wrapper .v-popper__arrow-container{display:none}#contact-number-country-dropdown #dropdown-wrapper[data-popper-placement=top-start]{margin-top:-4px;margin-left:-8px}#contact-number-country-dropdown #dropdown-wrapper[data-popper-placement=bottom-start]{margin-top:4px;margin-left:-8px}.avatar__slot img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.spr-table-wrapper tbody{display:block}.spr-table-wrapper tbody{width:100%}.spr-table-wrapper tbody{overflow-y:auto}.spr-table-wrapper tr{display:table}.spr-table-wrapper tr{width:100%}.spr-table-wrapper tr{table-layout:fixed}.spr-table-wrapper tbody::-webkit-scrollbar{height:0px}.spr-table-wrapper tbody::-webkit-scrollbar{width:0px}#date-picker-wrapper{z-index:1000;overflow:hidden;border-radius:.75rem;--tw-shadow: 0px 2px 8px -2px #262B2B33;--tw-shadow-colored: 0px 2px 8px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{margin:auto}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{width:336px}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{min-width:336px}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{overflow-y:auto}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{border-radius:.75rem}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{border-width:1px}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{border-style:solid}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{font-family:Rubik,sans-serif}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}@media (max-width: 575.98px){#date-picker-wrapper .v-popper__wrapper .v-popper__inner{width:calc(100% - 20px)}}@media (max-width: 575.98px){#date-picker-wrapper .v-popper__wrapper .v-popper__inner{min-width:100%}}#date-picker-wrapper .v-popper__wrapper .v-popper__inner::-webkit-scrollbar-track{border-bottom-right-radius:.75rem}#date-picker-wrapper .v-popper__wrapper .v-popper__inner::-webkit-scrollbar-track{border-top-right-radius:.75rem}#date-picker-wrapper .v-popper__wrapper .v-popper__arrow-container{display:none}#time-picker-wrapper-full-width,#time-picker-wrapper,#filter-option-wrapper,#filter-menu-wrapper{z-index:50;overflow-x:hidden;border-radius:12px;border-width:1px;border-style:solid;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{overflow:hidden}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{border-radius:0}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{border-style:none}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{background-color:transparent}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner .resize-observer,#time-picker-wrapper .v-popper__wrapper .v-popper__inner .resize-observer,#filter-option-wrapper .v-popper__wrapper .v-popper__inner .resize-observer,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner .resize-observer,#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__arrow-container,#time-picker-wrapper .v-popper__wrapper .v-popper__arrow-container,#filter-option-wrapper .v-popper__wrapper .v-popper__arrow-container,#filter-menu-wrapper .v-popper__wrapper .v-popper__arrow-container{display:none}#time-picker-wrapper{max-width:240px}#time-picker-wrapper-full-width,#filter-option-wrapper{width:100%}#filter-menu-wrapper{min-width:328px;--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);--tw-shadow: 0px 4px 12px 0px #262B2B29;--tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-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}.spr-pointer-events-none{pointer-events:none}.spr-fixed{position:fixed}.spr-absolute{position:absolute}.spr-relative{position:relative}.-spr-bottom-1{bottom:-.25rem}.-spr-bottom-2{bottom:-.5rem}.-spr-bottom-3{bottom:-.75rem}.-spr-right-1{right:-.25rem}.-spr-right-2{right:-.5rem}.-spr-top-0\.5{top:-.125rem}.-spr-top-1{top:-.25rem}.-spr-top-2{top:-.5rem}.-spr-top-3{top:-.75rem}.spr-bottom-0{bottom:0}.spr-bottom-1{bottom:.25rem}.spr-bottom-2{bottom:.5rem}.spr-bottom-8{bottom:2rem}.spr-bottom-\[-2px\]{bottom:-2px}.spr-bottom-\[-3px\]{bottom:-3px}.spr-bottom-\[-4px\]{bottom:-4px}.spr-bottom-\[1px\]{bottom:1px}.spr-left-0{left:0}.spr-left-1{left:.25rem}.spr-left-1\/2{left:50%}.spr-left-\[1\.7rem\]{left:1.7rem}.spr-right-0{right:0}.spr-right-0\.5{right:.125rem}.spr-right-1{right:.25rem}.spr-right-4{right:1rem}.spr-right-\[-3px\]{right:-3px}.spr-right-\[-4px\]{right:-4px}.spr-right-\[-5px\]{right:-5px}.spr-right-\[-7px\]{right:-7px}.spr-right-\[1px\]{right:1px}.spr-top-0{top:0}.spr-top-1{top:.25rem}.spr-top-1\/2{top:50%}.spr-top-\[-4px\]{top:-4px}.spr-top-\[-6\.3px\]{top:-6.3px}.spr-top-\[-6px\]{top:-6px}.spr-top-\[-7px\]{top:-7px}.spr-top-\[-8px\]{top:-8px}.spr-z-10{z-index:10}.spr-z-50{z-index:50}.spr-z-\[1010\]{z-index:1010}.spr-z-\[1015\]{z-index:1015}.spr-z-\[1050\]{z-index:1050}.spr-z-\[10\]{z-index:10}.spr-z-\[1100\]{z-index:1100}.spr-z-\[1\]{z-index:1}.spr-z-\[5\]{z-index:5}.\!spr-m-0{margin:0!important}.spr-m-0{margin:0}.spr-m-1{margin:.25rem}.spr-m-12{margin:3rem}.spr-m-auto{margin:auto}.spr-m-size-spacing-xs{margin:var(--size-300)}.spr-my-3{margin-top:.75rem;margin-bottom:.75rem}.spr-my-4{margin-top:1rem;margin-bottom:1rem}.\!spr-mb-0{margin-bottom:0!important}.\!spr-mt-\[12px\]{margin-top:12px!important}.\!spr-mt-\[6px\]{margin-top:6px!important}.\!spr-mt-\[8px\]{margin-top:8px!important}.spr-mb-2{margin-bottom:.5rem}.spr-mb-3{margin-bottom:.75rem}.spr-mb-4{margin-bottom:1rem}.spr-mb-6{margin-bottom:1.5rem}.spr-mb-size-spacing-3xs{margin-bottom:var(--size-200)}.spr-mb-size-spacing-md{margin-bottom:var(--size-500)}.spr-mb-size-spacing-xs{margin-bottom:var(--size-300)}.spr-me-size-spacing-3xs{margin-inline-end:var(--size-200)}.spr-ml-3\.5{margin-left:.875rem}.spr-ml-\[60px\]{margin-left:60px}.spr-ml-auto{margin-left:auto}.spr-ml-size-spacing-3xs{margin-left:var(--size-200)}.spr-mr-2{margin-right:.5rem}.spr-mr-size-spacing-3xs{margin-right:var(--size-200)}.spr-mr-size-spacing-xs{margin-right:var(--size-300)}.spr-ms-auto{margin-inline-start:auto}.spr-mt-0\.5{margin-top:.125rem}.spr-mt-1{margin-top:.25rem}.spr-mt-10{margin-top:2.5rem}.spr-mt-2{margin-top:.5rem}.spr-mt-3{margin-top:.75rem}.spr-mt-4{margin-top:1rem}.spr-mt-size-spacing-3xs{margin-top:var(--size-200)}.spr-mt-size-spacing-4xs{margin-top:var(--size-150)}.spr-mt-size-spacing-md{margin-top:var(--size-500)}.spr-mt-size-spacing-sm{margin-top:var(--size-400)}.spr-mt-size-spacing-xs{margin-top:var(--size-300)}.spr-box-border{box-sizing:border-box}.spr-block{display:block}.spr-inline-block{display:inline-block}.spr-flex{display:flex}.spr-inline-flex{display:inline-flex}.spr-table{display:table}.spr-grid{display:grid}.spr-aspect-square{aspect-ratio:1 / 1}.spr-size-4{width:1rem;height:1rem}.spr-size-5{width:1.25rem;height:1.25rem}.spr-size-\[30\%\]{width:30%;height:30%}.\!spr-h-7{height:1.75rem!important}.spr-h-0\.5{height:.125rem}.spr-h-1{height:.25rem}.spr-h-10{height:2.5rem}.spr-h-12{height:3rem}.spr-h-14{height:3.5rem}.spr-h-2{height:.5rem}.spr-h-20{height:5rem}.spr-h-3{height:.75rem}.spr-h-4{height:1rem}.spr-h-5{height:1.25rem}.spr-h-6{height:1.5rem}.spr-h-8{height:2rem}.spr-h-9{height:2.25rem}.spr-h-\[1\.25em\]{height:1.25em}.spr-h-\[100vh\]{height:100vh}.spr-h-\[10px\]{height:10px}.spr-h-\[120px\]{height:120px}.spr-h-\[14px\]{height:14px}.spr-h-\[16px\]{height:16px}.spr-h-\[18px\]{height:18px}.spr-h-\[1em\]{height:1em}.spr-h-\[200px\]{height:200px}.spr-h-\[20px\]{height:20px}.spr-h-\[250px\]{height:250px}.spr-h-\[2px\]{height:2px}.spr-h-\[360px\]{height:360px}.spr-h-\[36px\]{height:36px}.spr-h-\[40px\]{height:40px}.spr-h-\[52px\]{height:52px}.spr-h-\[75vh\]{height:75vh}.spr-h-\[calc\(90vh-150px\)\]{height:calc(90vh - 150px)}.spr-h-fit{height:-moz-fit-content;height:fit-content}.spr-h-full{height:100%}.spr-h-max{height:-moz-max-content;height:max-content}.spr-h-size-spacing-md{height:var(--size-500)}.\!spr-max-h-\[calc\(100vh-150px\)\]{max-height:calc(100vh - 150px)!important}.spr-max-h-9{max-height:2.25rem}.spr-max-h-\[264px\]{max-height:264px}.spr-max-h-\[268px\]{max-height:268px}.spr-max-h-\[300px\]{max-height:300px}.spr-max-h-\[calc\(100vh-194px\)\]{max-height:calc(100vh - 194px)}.spr-max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.spr-max-h-\[calc\(100vh-60px\)\]{max-height:calc(100vh - 60px)}.spr-min-h-12{min-height:3rem}.spr-min-h-6{min-height:1.5rem}.spr-min-h-\[160px\]{min-height:160px}.spr-min-h-\[18px\]{min-height:18px}.spr-min-h-\[200px\]{min-height:200px}.spr-min-h-\[240px\]{min-height:240px}.spr-min-h-\[360px\]{min-height:360px}.spr-min-h-\[60px\]{min-height:60px}.\!spr-w-7{width:1.75rem!important}.\!spr-w-full{width:100%!important}.\!spr-w-max{width:-moz-max-content!important;width:max-content!important}.spr-w-0\.5{width:.125rem}.spr-w-1{width:.25rem}.spr-w-10{width:2.5rem}.spr-w-12{width:3rem}.spr-w-3{width:.75rem}.spr-w-4{width:1rem}.spr-w-5{width:1.25rem}.spr-w-6{width:1.5rem}.spr-w-8{width:2rem}.spr-w-9{width:2.25rem}.spr-w-\[1\.25em\]{width:1.25em}.spr-w-\[1\.39em\]{width:1.39em}.spr-w-\[100\%\]{width:100%}.spr-w-\[1200px\]{width:1200px}.spr-w-\[120px\]{width:120px}.spr-w-\[14px\]{width:14px}.spr-w-\[16px\]{width:16px}.spr-w-\[1em\]{width:1em}.spr-w-\[200px\]{width:200px}.spr-w-\[20px\]{width:20px}.spr-w-\[240px\]{width:240px}.spr-w-\[24px\]{width:24px}.spr-w-\[2px\]{width:2px}.spr-w-\[320px\]{width:320px}.spr-w-\[328px\]{width:328px}.spr-w-\[360px\]{width:360px}.spr-w-\[36px\]{width:36px}.spr-w-\[38px\]{width:38px}.spr-w-\[40\%\]{width:40%}.spr-w-\[420px\]{width:420px}.spr-w-\[42px\]{width:42px}.spr-w-\[44px\]{width:44px}.spr-w-\[480px\]{width:480px}.spr-w-\[50px\]{width:50px}.spr-w-\[50vw\]{width:50vw}.spr-w-\[720px\]{width:720px}.spr-w-\[80px\]{width:80px}.spr-w-\[900px\]{width:900px}.spr-w-\[95\%\]{width:95%}.spr-w-auto{width:auto}.spr-w-fit{width:-moz-fit-content;width:fit-content}.spr-w-full{width:100%}.spr-w-size-spacing-md{width:var(--size-500)}.spr-min-w-10{min-width:2.5rem}.spr-min-w-14{min-width:3.5rem}.spr-min-w-20{min-width:5rem}.spr-min-w-4{min-width:1rem}.spr-min-w-5{min-width:1.25rem}.spr-min-w-6{min-width:1.5rem}.spr-min-w-7{min-width:1.75rem}.spr-min-w-9{min-width:2.25rem}.spr-min-w-\[10px\]{min-width:10px}.spr-min-w-\[16px\]{min-width:16px}.spr-min-w-\[180px\]{min-width:180px}.spr-min-w-\[18em\]{min-width:18em}.spr-min-w-\[20px\]{min-width:20px}.spr-min-w-\[24px\]{min-width:24px}.spr-min-w-\[38px\]{min-width:38px}.spr-min-w-\[42px\]{min-width:42px}.spr-min-w-\[56px\]{min-width:56px}.spr-max-w-9{max-width:2.25rem}.spr-max-w-\[1\.25em\]{max-width:1.25em}.spr-max-w-\[1024px\]{max-width:1024px}.spr-max-w-\[1200px\]{max-width:1200px}.spr-max-w-\[217px\]{max-width:217px}.spr-max-w-\[480px\]{max-width:480px}.spr-max-w-\[720px\]{max-width:720px}.spr-max-w-\[960px\]{max-width:960px}.spr-max-w-\[calc\(100\%-60px\)\]{max-width:calc(100% - 60px)}.spr-max-w-lg{max-width:1320px}.spr-max-w-md{max-width:1000px}.spr-max-w-sm{max-width:640px}.spr-flex-1{flex:1 1 0%}.spr-flex-auto{flex:1 1 auto}.spr-flex-shrink-0,.spr-shrink-0{flex-shrink:0}.spr-flex-grow,.spr-grow{flex-grow:1}.spr-table-fixed{table-layout:fixed}.spr-border-collapse{border-collapse:collapse}.spr-border-spacing-0{--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-spr-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-spr-translate-y-1\/2,.-spr-translate-y-2\/4{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr--translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr--translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-y-20{--tw-translate-y: 5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!spr-cursor-not-allowed{cursor:not-allowed!important}.spr-cursor-default{cursor:default}.spr-cursor-not-allowed{cursor:not-allowed}.spr-cursor-pointer{cursor:pointer}.spr-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.spr-resize-none{resize:none}.spr-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.spr-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.spr-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.spr-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.spr-flex-row{flex-direction:row}.spr-flex-col{flex-direction:column}.spr-flex-wrap{flex-wrap:wrap}.spr-content-center{align-content:center}.spr-content-start{align-content:flex-start}.spr-items-start{align-items:flex-start}.spr-items-center{align-items:center}.spr-justify-start{justify-content:flex-start}.spr-justify-end{justify-content:flex-end}.spr-justify-center{justify-content:center}.spr-justify-between{justify-content:space-between}.spr-justify-items-start{justify-items:start}.spr-gap-0\.5{gap:.125rem}.spr-gap-1{gap:.25rem}.spr-gap-1\.5{gap:.375rem}.spr-gap-2{gap:.5rem}.spr-gap-3{gap:.75rem}.spr-gap-4{gap:1rem}.spr-gap-5{gap:1.25rem}.spr-gap-6{gap:1.5rem}.spr-gap-size-spacing-2xs{gap:var(--size-250)}.spr-gap-size-spacing-3xs{gap:var(--size-200)}.spr-gap-size-spacing-4xs{gap:var(--size-150)}.spr-gap-size-spacing-5xs{gap:var(--size-100)}.spr-gap-size-spacing-6xs{gap:var(--size-50)}.spr-gap-size-spacing-md{gap:var(--size-500)}.spr-gap-size-spacing-xs{gap:var(--size-300)}.spr-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.spr-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.spr-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.spr-space-x-size-spacing-3xs>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(var(--size-200) * var(--tw-space-x-reverse));margin-left:calc(var(--size-200) * calc(1 - var(--tw-space-x-reverse)))}.spr-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.spr-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.spr-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.spr-space-y-size-spacing-3xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--size-200) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--size-200) * var(--tw-space-y-reverse))}.spr-space-y-size-spacing-6xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--size-50) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--size-50) * var(--tw-space-y-reverse))}.spr-divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(0px * var(--tw-divide-x-reverse));border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)))}.spr-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.spr-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.spr-divide-blueberry-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(15 110 235 / var(--tw-divide-opacity, 1))}.spr-divide-blueberry-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(19 86 186 / var(--tw-divide-opacity, 1))}.spr-divide-blueberry-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 75 146 / var(--tw-divide-opacity, 1))}.spr-divide-carrot-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(204 92 2 / var(--tw-divide-opacity, 1))}.spr-divide-carrot-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(161 71 11 / var(--tw-divide-opacity, 1))}.spr-divide-carrot-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(130 60 12 / var(--tw-divide-opacity, 1))}.spr-divide-kangkong-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 128 57 / var(--tw-divide-opacity, 1))}.spr-divide-kangkong-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 101 49 / var(--tw-divide-opacity, 1))}.spr-divide-kangkong-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(20 83 43 / var(--tw-divide-opacity, 1))}.spr-divide-mango-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(187 104 2 / var(--tw-divide-opacity, 1))}.spr-divide-mango-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(152 80 8 / var(--tw-divide-opacity, 1))}.spr-divide-mango-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(124 66 11 / var(--tw-divide-opacity, 1))}.spr-divide-mushroom-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(217 222 222 / var(--tw-divide-opacity, 1))}.spr-divide-mushroom-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(184 193 192 / var(--tw-divide-opacity, 1))}.spr-divide-mushroom-400>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(145 159 157 / var(--tw-divide-opacity, 1))}.spr-divide-mushroom-500>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(115 132 130 / var(--tw-divide-opacity, 1))}.spr-divide-tomato-600>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(218 47 56 / var(--tw-divide-opacity, 1))}.spr-divide-tomato-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(182 31 39 / var(--tw-divide-opacity, 1))}.spr-divide-tomato-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(151 29 35 / var(--tw-divide-opacity, 1))}.spr-divide-white-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 242 243 / var(--tw-divide-opacity, 1))}.spr-divide-white-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(219 219 221 / var(--tw-divide-opacity, 1))}.spr-divide-wintermelon-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(12 116 146 / var(--tw-divide-opacity, 1))}.spr-divide-wintermelon-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(19 94 119 / var(--tw-divide-opacity, 1))}.spr-divide-wintermelon-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 78 100 / var(--tw-divide-opacity, 1))}.spr-overflow-auto{overflow:auto}.spr-overflow-hidden{overflow:hidden}.spr-overflow-y-auto{overflow-y:auto}.spr-overflow-x-hidden{overflow-x:hidden}.spr-overflow-y-hidden{overflow-y:hidden}.spr-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spr-whitespace-nowrap{white-space:nowrap}.spr-break-words{overflow-wrap:break-word}.spr-rounded{border-radius:.25rem}.spr-rounded-\[2\.5px\]{border-radius:2.5px}.spr-rounded-\[32px\]{border-radius:32px}.spr-rounded-\[40px\]{border-radius:40px}.spr-rounded-\[50\%\]{border-radius:50%}.spr-rounded-border-radius-2xs{border-radius:var(--size-50)}.spr-rounded-border-radius-full{border-radius:999px}.spr-rounded-border-radius-lg{border-radius:var(--size-250)}.spr-rounded-border-radius-md{border-radius:var(--size-200)}.spr-rounded-border-radius-sm{border-radius:var(--size-150)}.spr-rounded-border-radius-xl{border-radius:var(--size-300)}.spr-rounded-border-radius-xs{border-radius:var(--size-100)}.spr-rounded-full{border-radius:9999px}.spr-rounded-lg{border-radius:.5rem}.spr-rounded-md{border-radius:.375rem}.spr-rounded-sm{border-radius:.125rem}.spr-rounded-xl{border-radius:.75rem}.spr-rounded-b-border-radius-2xs{border-bottom-right-radius:var(--size-50);border-bottom-left-radius:var(--size-50)}.spr-rounded-b-border-radius-lg{border-bottom-right-radius:var(--size-250);border-bottom-left-radius:var(--size-250)}.spr-rounded-b-border-radius-md{border-bottom-right-radius:var(--size-200);border-bottom-left-radius:var(--size-200)}.spr-rounded-b-border-radius-sm{border-bottom-right-radius:var(--size-150);border-bottom-left-radius:var(--size-150)}.spr-rounded-b-border-radius-xl{border-bottom-right-radius:var(--size-300);border-bottom-left-radius:var(--size-300)}.spr-rounded-b-border-radius-xs{border-bottom-right-radius:var(--size-100);border-bottom-left-radius:var(--size-100)}.spr-rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.spr-rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.spr-rounded-t-border-radius-2xs{border-top-left-radius:var(--size-50);border-top-right-radius:var(--size-50)}.spr-rounded-t-border-radius-lg{border-top-left-radius:var(--size-250);border-top-right-radius:var(--size-250)}.spr-rounded-t-border-radius-md{border-top-left-radius:var(--size-200);border-top-right-radius:var(--size-200)}.spr-rounded-t-border-radius-sm{border-top-left-radius:var(--size-150);border-top-right-radius:var(--size-150)}.spr-rounded-t-border-radius-xl{border-top-left-radius:var(--size-300);border-top-right-radius:var(--size-300)}.spr-rounded-t-border-radius-xs{border-top-left-radius:var(--size-100);border-top-right-radius:var(--size-100)}.spr-rounded-tl-xl{border-top-left-radius:.75rem}.spr-rounded-tr-xl{border-top-right-radius:.75rem}.\!spr-border{border-width:1px!important}.\!spr-border-0{border-width:0px!important}.spr-border{border-width:1px}.spr-border-0{border-width:0px}.spr-border-2{border-width:2px}.spr-border-\[1\.25px\]{border-width:1.25px}.spr-border-\[1\.5px\]{border-width:1.5px}.spr-border-\[1px\]{border-width:1px}.\!spr-border-x-\[0\.5px\]{border-left-width:.5px!important;border-right-width:.5px!important}.\!spr-border-y{border-top-width:1px!important;border-bottom-width:1px!important}.spr-border-x{border-left-width:1px;border-right-width:1px}.spr-border-x-0{border-left-width:0px;border-right-width:0px}.spr-border-y{border-top-width:1px;border-bottom-width:1px}.\!spr-border-b{border-bottom-width:1px!important}.spr-border-b{border-bottom-width:1px}.spr-border-b-0{border-bottom-width:0px}.spr-border-l{border-left-width:1px}.spr-border-l-0{border-left-width:0px}.spr-border-r{border-right-width:1px}.spr-border-r-0{border-right-width:0px}.spr-border-t{border-top-width:1px}.spr-border-t-0{border-top-width:0px}.\!spr-border-solid{border-style:solid!important}.spr-border-solid{border-style:solid}.spr-border-dashed{border-style:dashed}.spr-border-none{border-style:none}.\!spr-border-transparent{border-color:transparent!important}.\!spr-border-white-50{--tw-border-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))!important}.spr-border-\[\#0084CB\]{--tw-border-opacity: 1;border-color:rgb(0 132 203 / var(--tw-border-opacity, 1))}.spr-border-\[\#24B155\]{--tw-border-opacity: 1;border-color:rgb(36 177 85 / var(--tw-border-opacity, 1))}.spr-border-\[\#539300\]{--tw-border-opacity: 1;border-color:rgb(83 147 0 / var(--tw-border-opacity, 1))}.spr-border-\[\#C771A6\]{--tw-border-opacity: 1;border-color:rgb(199 113 166 / var(--tw-border-opacity, 1))}.spr-border-\[\#F652F2\]{--tw-border-opacity: 1;border-color:rgb(246 82 242 / var(--tw-border-opacity, 1))}.spr-border-blueberry-700{--tw-border-opacity: 1;border-color:rgb(15 110 235 / var(--tw-border-opacity, 1))}.spr-border-blueberry-800{--tw-border-opacity: 1;border-color:rgb(19 86 186 / var(--tw-border-opacity, 1))}.spr-border-blueberry-900{--tw-border-opacity: 1;border-color:rgb(22 75 146 / var(--tw-border-opacity, 1))}.spr-border-carrot-600{--tw-border-opacity: 1;border-color:rgb(255 127 0 / var(--tw-border-opacity, 1))}.spr-border-carrot-700{--tw-border-opacity: 1;border-color:rgb(204 92 2 / var(--tw-border-opacity, 1))}.spr-border-carrot-800{--tw-border-opacity: 1;border-color:rgb(161 71 11 / var(--tw-border-opacity, 1))}.spr-border-carrot-900{--tw-border-opacity: 1;border-color:rgb(130 60 12 / var(--tw-border-opacity, 1))}.spr-border-kangkong-400{--tw-border-opacity: 1;border-color:rgb(74 222 123 / var(--tw-border-opacity, 1))}.spr-border-kangkong-700{--tw-border-opacity: 1;border-color:rgb(21 128 57 / var(--tw-border-opacity, 1))}.spr-border-kangkong-800{--tw-border-opacity: 1;border-color:rgb(22 101 49 / var(--tw-border-opacity, 1))}.spr-border-kangkong-900{--tw-border-opacity: 1;border-color:rgb(20 83 43 / var(--tw-border-opacity, 1))}.spr-border-mango-700{--tw-border-opacity: 1;border-color:rgb(187 104 2 / var(--tw-border-opacity, 1))}.spr-border-mango-800{--tw-border-opacity: 1;border-color:rgb(152 80 8 / var(--tw-border-opacity, 1))}.spr-border-mango-900{--tw-border-opacity: 1;border-color:rgb(124 66 11 / var(--tw-border-opacity, 1))}.spr-border-mushroom-100{--tw-border-opacity: 1;border-color:rgb(230 234 234 / var(--tw-border-opacity, 1))}.spr-border-mushroom-200{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}.spr-border-mushroom-300{--tw-border-opacity: 1;border-color:rgb(184 193 192 / var(--tw-border-opacity, 1))}.spr-border-mushroom-400{--tw-border-opacity: 1;border-color:rgb(145 159 157 / var(--tw-border-opacity, 1))}.spr-border-mushroom-500{--tw-border-opacity: 1;border-color:rgb(115 132 130 / var(--tw-border-opacity, 1))}.spr-border-tomato-600{--tw-border-opacity: 1;border-color:rgb(218 47 56 / var(--tw-border-opacity, 1))}.spr-border-tomato-700{--tw-border-opacity: 1;border-color:rgb(182 31 39 / var(--tw-border-opacity, 1))}.spr-border-tomato-800{--tw-border-opacity: 1;border-color:rgb(151 29 35 / var(--tw-border-opacity, 1))}.spr-border-transparent{border-color:transparent}.spr-border-ubas-400{--tw-border-opacity: 1;border-color:rgb(170 139 250 / var(--tw-border-opacity, 1))}.spr-border-ubas-700{--tw-border-opacity: 1;border-color:rgb(114 39 218 / var(--tw-border-opacity, 1))}.spr-border-white-100{--tw-border-opacity: 1;border-color:rgb(241 242 243 / var(--tw-border-opacity, 1))}.spr-border-white-200{--tw-border-opacity: 1;border-color:rgb(219 219 221 / var(--tw-border-opacity, 1))}.spr-border-white-400{--tw-border-opacity: 1;border-color:rgb(152 152 152 / var(--tw-border-opacity, 1))}.spr-border-wintermelon-600{--tw-border-opacity: 1;border-color:rgb(5 146 181 / var(--tw-border-opacity, 1))}.spr-border-wintermelon-700{--tw-border-opacity: 1;border-color:rgb(12 116 146 / var(--tw-border-opacity, 1))}.spr-border-wintermelon-800{--tw-border-opacity: 1;border-color:rgb(19 94 119 / var(--tw-border-opacity, 1))}.spr-border-wintermelon-900{--tw-border-opacity: 1;border-color:rgb(21 78 100 / var(--tw-border-opacity, 1))}.spr-bg-\[\#4C5857\]{--tw-bg-opacity: 1;background-color:rgb(76 88 87 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#CEFFE1\]{--tw-bg-opacity: 1;background-color:rgb(206 255 225 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#D4F0FF\]{--tw-bg-opacity: 1;background-color:rgb(212 240 255 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#EBFFD2\]{--tw-bg-opacity: 1;background-color:rgb(235 255 210 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#FDECFD\]{--tw-bg-opacity: 1;background-color:rgb(253 236 253 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#FFF2FA\]{--tw-bg-opacity: 1;background-color:rgb(255 242 250 / var(--tw-bg-opacity, 1))}.spr-bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.spr-bg-blueberry-50{--tw-bg-opacity: 1;background-color:rgb(238 247 255 / var(--tw-bg-opacity, 1))}.spr-bg-carrot-50{--tw-bg-opacity: 1;background-color:rgb(255 250 236 / var(--tw-bg-opacity, 1))}.spr-bg-kangkong-100{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.spr-bg-kangkong-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.spr-bg-kangkong-600{--tw-bg-opacity: 1;background-color:rgb(23 173 73 / var(--tw-bg-opacity, 1))}.spr-bg-kangkong-700{--tw-bg-opacity: 1;background-color:rgb(21 128 57 / var(--tw-bg-opacity, 1))}.spr-bg-mango-50{--tw-bg-opacity: 1;background-color:rgb(255 255 234 / var(--tw-bg-opacity, 1))}.spr-bg-mushroom-100{--tw-bg-opacity: 1;background-color:rgb(230 234 234 / var(--tw-bg-opacity, 1))}.spr-bg-mushroom-200{--tw-bg-opacity: 1;background-color:rgb(217 222 222 / var(--tw-bg-opacity, 1))}.spr-bg-mushroom-700\/60{background-color:#4c585799}.spr-bg-transparent{background-color:transparent}.spr-bg-ubas-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.spr-bg-white-100{--tw-bg-opacity: 1;background-color:rgb(241 242 243 / var(--tw-bg-opacity, 1))}.spr-bg-white-300{--tw-bg-opacity: 1;background-color:rgb(186 188 192 / var(--tw-bg-opacity, 1))}.spr-bg-white-400{--tw-bg-opacity: 1;background-color:rgb(152 152 152 / var(--tw-bg-opacity, 1))}.spr-bg-white-50{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.spr-bg-white-500{--tw-bg-opacity: 1;background-color:rgb(124 124 124 / var(--tw-bg-opacity, 1))}.spr-bg-wintermelon-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.spr-object-cover{-o-object-fit:cover;object-fit:cover}.\!spr-p-0{padding:0!important}.\!spr-p-size-spacing-4xs{padding:var(--size-150)!important}.spr-p-0{padding:0}.spr-p-1{padding:.25rem}.spr-p-1\.5{padding:.375rem}.spr-p-2{padding:.5rem}.spr-p-3{padding:.75rem}.spr-p-3\.5{padding:.875rem}.spr-p-4{padding:1rem}.spr-p-6{padding:1.5rem}.spr-p-8{padding:2rem}.spr-p-\[1\.5px\]{padding:1.5px}.spr-p-size-spacing-2xs{padding:var(--size-250)}.spr-p-size-spacing-3xs{padding:var(--size-200)}.spr-p-size-spacing-4xs{padding:var(--size-150)}.spr-p-size-spacing-5xs{padding:var(--size-100)}.spr-p-size-spacing-sm{padding:var(--size-400)}.spr-p-size-spacing-xs{padding:var(--size-300)}.spr-px-2{padding-left:.5rem;padding-right:.5rem}.spr-px-3{padding-left:.75rem;padding-right:.75rem}.spr-px-4{padding-left:1rem;padding-right:1rem}.spr-px-size-spacing-2xs{padding-left:var(--size-250);padding-right:var(--size-250)}.spr-px-size-spacing-4xs{padding-left:var(--size-150);padding-right:var(--size-150)}.spr-px-size-spacing-5xs{padding-left:var(--size-100);padding-right:var(--size-100)}.spr-px-size-spacing-md{padding-left:var(--size-500);padding-right:var(--size-500)}.spr-px-size-spacing-sm{padding-left:var(--size-400);padding-right:var(--size-400)}.spr-px-size-spacing-xs{padding-left:var(--size-300);padding-right:var(--size-300)}.spr-py-1{padding-top:.25rem;padding-bottom:.25rem}.spr-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.spr-py-2{padding-top:.5rem;padding-bottom:.5rem}.spr-py-3{padding-top:.75rem;padding-bottom:.75rem}.spr-py-4{padding-top:1rem;padding-bottom:1rem}.spr-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.spr-py-size-spacing-2xl{padding-top:var(--size-800);padding-bottom:var(--size-800)}.spr-py-size-spacing-2xs{padding-top:var(--size-250);padding-bottom:var(--size-250)}.spr-py-size-spacing-3xs{padding-top:var(--size-200);padding-bottom:var(--size-200)}.spr-py-size-spacing-4xs{padding-top:var(--size-150);padding-bottom:var(--size-150)}.spr-py-size-spacing-6xs{padding-top:var(--size-50);padding-bottom:var(--size-50)}.spr-py-size-spacing-md{padding-top:var(--size-500);padding-bottom:var(--size-500)}.spr-py-size-spacing-sm{padding-top:var(--size-400);padding-bottom:var(--size-400)}.spr-py-size-spacing-xs{padding-top:var(--size-300);padding-bottom:var(--size-300)}.spr-pb-4{padding-bottom:1rem}.spr-pb-size-spacing-sm{padding-bottom:var(--size-400)}.spr-pl-1{padding-left:.25rem}.spr-pl-3{padding-left:.75rem}.spr-pl-size-spacing-xs{padding-left:var(--size-300)}.spr-pr-3{padding-right:.75rem}.spr-pt-0{padding-top:0}.spr-pt-2{padding-top:.5rem}.spr-pt-4{padding-top:1rem}.spr-pt-size-spacing-2xs{padding-top:var(--size-250)}.spr-text-left{text-align:left}.spr-text-center{text-align:center}.spr-text-start{text-align:start}.spr-align-middle{vertical-align:middle}.spr-font-code{font-family:Roboto Mono,sans-serif}.spr-font-inbound{font-family:Roboto,sans-serif}.spr-font-main{font-family:Rubik,sans-serif}.\!spr-text-\[10px\]{font-size:10px!important}.spr-text-200{font-size:14px}.spr-text-\[10px\]{font-size:10px}.spr-text-\[20px\]{font-size:20px}.spr-text-\[28px\]{font-size:28px}.spr-text-\[36px\]{font-size:36px}.spr-text-base{font-size:1rem;line-height:1.5rem}.spr-text-sm{font-size:.875rem;line-height:1.25rem}.spr-text-xs{font-size:.75rem;line-height:1rem}.spr-font-black{font-weight:900}.spr-font-bold{font-weight:700}.spr-font-extrabold{font-weight:800}.spr-font-extralight{font-weight:200}.spr-font-light{font-weight:300}.spr-font-medium{font-weight:500}.spr-font-normal{font-weight:400}.spr-font-semibold{font-weight:600}.spr-font-thin{font-weight:100}.spr-uppercase{text-transform:uppercase}.\!spr-leading-\[0\]{line-height:0!important}.spr-leading-100{line-height:12px}.spr-leading-300{line-height:16px}.spr-leading-4{line-height:1rem}.spr-leading-5{line-height:1.25rem}.spr-leading-\[0\]{line-height:0}.spr-leading-none{line-height:1}.\!spr-tracking-normal{letter-spacing:0em!important}.\!spr-text-white-400{--tw-text-opacity: 1 !important;color:rgb(152 152 152 / var(--tw-text-opacity, 1))!important}.spr-text-blueberry-500{--tw-text-opacity: 1;color:rgb(45 136 255 / var(--tw-text-opacity, 1))}.spr-text-blueberry-700{--tw-text-opacity: 1;color:rgb(15 110 235 / var(--tw-text-opacity, 1))}.spr-text-carrot-500{--tw-text-opacity: 1;color:rgb(255 151 10 / var(--tw-text-opacity, 1))}.spr-text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.spr-text-kangkong-500{--tw-text-opacity: 1;color:rgb(34 197 88 / var(--tw-text-opacity, 1))}.spr-text-kangkong-600{--tw-text-opacity: 1;color:rgb(23 173 73 / var(--tw-text-opacity, 1))}.spr-text-kangkong-700{--tw-text-opacity: 1;color:rgb(21 128 57 / var(--tw-text-opacity, 1))}.spr-text-kangkong-800{--tw-text-opacity: 1;color:rgb(22 101 49 / var(--tw-text-opacity, 1))}.spr-text-mango-500{--tw-text-opacity: 1;color:rgb(255 191 0 / var(--tw-text-opacity, 1))}.spr-text-mushroom-300{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.spr-text-mushroom-400{--tw-text-opacity: 1;color:rgb(145 159 157 / var(--tw-text-opacity, 1))}.spr-text-mushroom-600{--tw-text-opacity: 1;color:rgb(93 108 107 / var(--tw-text-opacity, 1))}.spr-text-mushroom-950{--tw-text-opacity: 1;color:rgb(38 43 43 / var(--tw-text-opacity, 1))}.spr-text-tomato-500{--tw-text-opacity: 1;color:rgb(236 71 80 / var(--tw-text-opacity, 1))}.spr-text-tomato-600{--tw-text-opacity: 1;color:rgb(218 47 56 / var(--tw-text-opacity, 1))}.spr-text-ubas-800{--tw-text-opacity: 1;color:rgb(95 33 182 / var(--tw-text-opacity, 1))}.spr-text-white-50{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.spr-decoration-solid{text-decoration-style:solid}.spr-opacity-0{opacity:0}.spr-opacity-100{opacity:1}.spr-opacity-30{opacity:.3}.spr-opacity-50{opacity:.5}.spr-opacity-60{opacity:.6}.\!spr-shadow-button{--tw-shadow: 0px 2px 1px 0px rgba(0, 0, 0, .15) inset !important;--tw-shadow-colored: inset 0px 2px 1px 0px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.\!spr-shadow-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.spr-shadow-\[inset_0px_0px_0px_2\.5px\#fff\]{--tw-shadow: inset 0px 0px 0px 2.5px#fff;--tw-shadow-colored: inset 0px 0px 0px 2.5px#fff var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-shadow-\[inset_0px_0px_0px_2\.5px_\#fff\]{--tw-shadow: inset 0px 0px 0px 2.5px #fff;--tw-shadow-colored: inset 0px 0px 0px 2.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-outline-none{outline:2px solid transparent;outline-offset:2px}.spr-outline-2{outline-width:2px}.spr-outline-offset-4{outline-offset:4px}.spr-ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.spr-brightness-75{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spr-drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spr-drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spr-filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spr-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spr-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spr-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spr-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spr-duration-150{transition-duration:.15s}.spr-duration-300{transition-duration:.3s}.spr-duration-\[150ms\]{transition-duration:.15s}.spr-ease-\[ease-in-out\]{transition-timing-function:ease-in-out}.spr-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.spr-hidden-scrolls::-webkit-scrollbar{display:none}.spr-heading-xl{font-family:Rubik,sans-serif;font-weight:500;font-size:48px;line-height:60px;letter-spacing:-1.3px}.spr-heading-lg{font-family:Rubik,sans-serif;font-weight:500;font-size:40px;line-height:48px;letter-spacing:-1px}.spr-heading-md{font-family:Rubik,sans-serif;font-weight:500;font-size:32px;line-height:40px;letter-spacing:-1px}.spr-heading-sm{font-family:Rubik,sans-serif;font-weight:500;font-size:28px;line-height:36px;letter-spacing:-.7px}.spr-heading-xs{font-family:Rubik,sans-serif;font-weight:500;font-size:24px;line-height:32px;letter-spacing:-.7px}.spr-subheading-sm{font-family:Rubik,sans-serif;font-weight:500;font-size:20px;line-height:24px;letter-spacing:-.7px}.spr-subheading-xs{font-family:Rubik,sans-serif;font-weight:500;font-size:16px;line-height:20px;letter-spacing:0px}.spr-body-lg{font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-lg-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-lg-regular-underline{font-weight:400;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-lg-regular-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-lg-medium-underline{font-weight:500;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-md{font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-md-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-md-regular-underline{font-weight:400;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-md-regular-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-md-medium-underline{font-weight:500;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-sm{font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-sm-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-sm-regular-underline{font-weight:400;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-sm-regular-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-sm-medium-underline{font-weight:500;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-xs{font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-body-xs-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-body-xs-regular-underline{font-weight:400;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-body-xs-regular-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-body-xs-medium-underline{font-weight:500;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-label-xs{font-family:Rubik,sans-serif;font-size:12px;line-height:12px;letter-spacing:.7px}.spr-label-xs-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:12px;line-height:12px;letter-spacing:.7px}.spr-label-xs-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:12px;line-height:12px;letter-spacing:.7px}.spr-label-sm{font-family:Rubik,sans-serif;font-size:14px;line-height:14px;letter-spacing:.7px}.spr-label-sm-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:14px;line-height:14px;letter-spacing:.7px}.spr-label-sm-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:14px;line-height:14px;letter-spacing:.7px}.spr-font-size-100{font-size:12px}.spr-font-size-200{font-size:14px}.spr-font-size-300{font-size:16px}.spr-font-size-400{font-size:20px}.spr-font-size-500{font-size:24px}.spr-font-size-600{font-size:28px}.spr-font-size-700{font-size:32px}.spr-font-size-800{font-size:40px}.spr-font-size-900{font-size:48px}.spr-font-size-1000{font-size:56px}.spr-line-height-100{line-height:12px}.spr-line-height-200{line-height:14px}.spr-line-height-300{line-height:16px}.spr-line-height-400{line-height:20px}.spr-line-height-500{line-height:24px}.spr-line-height-600{line-height:32px}.spr-line-height-700{line-height:36px}.spr-line-height-800{line-height:40px}.spr-line-height-900{line-height:48px}.spr-line-height-1000{line-height:60px}.spr-letter-spacing-none{letter-spacing:0}.spr-letter-spacing-densest{letter-spacing:-1.3px}.spr-letter-spacing-denser{letter-spacing:-1px}.spr-letter-spacing-dense{letter-spacing:-.7px}.spr-letter-spacing-normal{letter-spacing:0px}.spr-letter-spacing-wide{letter-spacing:.7px}.spr-letter-spacing-wider{letter-spacing:1px}.spr-letter-spacing-widest{letter-spacing:1.3px}.spr-text-color-strong{--tw-text-opacity: 1;color:rgb(38 43 43 / var(--tw-text-opacity, 1))}.spr-text-color-supporting{--tw-text-opacity: 1;color:rgb(145 159 157 / var(--tw-text-opacity, 1))}.spr-text-color-base{--tw-text-opacity: 1;color:rgb(93 108 107 / var(--tw-text-opacity, 1))}.spr-text-color-weak{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.spr-text-color-disabled{--tw-text-opacity: 1;color:rgb(186 188 192 / var(--tw-text-opacity, 1))}.\!spr-text-color-on-fill-disabled,.spr-text-color-on-fill-disabled{--tw-text-opacity: 1;color:rgb(152 152 152 / var(--tw-text-opacity, 1))}.spr-text-color-inverted-strong{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.spr-text-color-inverted-disabled{--tw-text-opacity: 1;color:rgb(101 101 101 / var(--tw-text-opacity, 1))}.spr-text-color-brand-base,.spr-text-color-success-base{--tw-text-opacity: 1;color:rgb(21 128 57 / var(--tw-text-opacity, 1))}.spr-text-color-information-base{--tw-text-opacity: 1;color:rgb(15 110 235 / var(--tw-text-opacity, 1))}.spr-text-color-danger-base{--tw-text-opacity: 1;color:rgb(218 47 56 / var(--tw-text-opacity, 1))}.spr-text-color-pending-base{--tw-text-opacity: 1;color:rgb(187 104 2 / var(--tw-text-opacity, 1))}.spr-text-color-caution-base{--tw-text-opacity: 1;color:rgb(204 92 2 / var(--tw-text-opacity, 1))}.spr-background-color{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.spr-background-color-surface{--tw-bg-opacity: 1;background-color:rgb(241 242 243 / var(--tw-bg-opacity, 1))}.spr-background-color-inverted{--tw-bg-opacity: 1;background-color:rgb(38 43 43 / var(--tw-bg-opacity, 1))}.spr-background-color-base{--tw-bg-opacity: 1;background-color:rgb(239 241 241 / var(--tw-bg-opacity, 1))}.spr-background-color-single-active{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.spr-background-color-multiple-active{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.spr-background-color-hover{--tw-bg-opacity: 1;background-color:rgb(239 241 241 / var(--tw-bg-opacity, 1))}.spr-background-color-pressed{--tw-bg-opacity: 1;background-color:rgb(230 234 234 / var(--tw-bg-opacity, 1))}.spr-background-color-disabled{--tw-bg-opacity: 1;background-color:rgb(241 242 243 / var(--tw-bg-opacity, 1))}.spr-background-color-brand-base{--tw-bg-opacity: 1;background-color:rgb(21 128 57 / var(--tw-bg-opacity, 1))}.spr-background-color-brand-hover{--tw-bg-opacity: 1;background-color:rgb(22 101 49 / var(--tw-bg-opacity, 1))}.spr-background-color-brand-pressed{--tw-bg-opacity: 1;background-color:rgb(20 83 43 / var(--tw-bg-opacity, 1))}.spr-background-color-brand-weak{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.spr-background-color-success-base{--tw-bg-opacity: 1;background-color:rgb(23 173 73 / var(--tw-bg-opacity, 1))}.spr-background-color-success-hover{--tw-bg-opacity: 1;background-color:rgb(21 128 57 / var(--tw-bg-opacity, 1))}.spr-background-color-success-pressed{--tw-bg-opacity: 1;background-color:rgb(22 101 49 / var(--tw-bg-opacity, 1))}.spr-background-color-success-weak{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.spr-background-color-information-base{--tw-bg-opacity: 1;background-color:rgb(22 121 250 / var(--tw-bg-opacity, 1))}.spr-background-color-information-weak{--tw-bg-opacity: 1;background-color:rgb(216 235 255 / var(--tw-bg-opacity, 1))}.spr-background-color-pending-base{--tw-bg-opacity: 1;background-color:rgb(255 191 0 / var(--tw-bg-opacity, 1))}.spr-background-color-pending-weak{--tw-bg-opacity: 1;background-color:rgb(255 251 197 / var(--tw-bg-opacity, 1))}.spr-background-color-caution-base{--tw-bg-opacity: 1;background-color:rgb(255 151 10 / var(--tw-bg-opacity, 1))}.spr-background-color-caution-weak{--tw-bg-opacity: 1;background-color:rgb(255 244 211 / var(--tw-bg-opacity, 1))}.spr-background-color-danger-base{--tw-bg-opacity: 1;background-color:rgb(218 47 56 / var(--tw-bg-opacity, 1))}.spr-background-color-danger-hover{--tw-bg-opacity: 1;background-color:rgb(182 31 39 / var(--tw-bg-opacity, 1))}.spr-background-color-danger-pressed{--tw-bg-opacity: 1;background-color:rgb(151 29 35 / var(--tw-bg-opacity, 1))}.spr-background-color-danger-weak{--tw-bg-opacity: 1;background-color:rgb(254 226 227 / var(--tw-bg-opacity, 1))}.spr-switch-background-default{--tw-bg-opacity: 1;background-color:rgb(217 222 222 / var(--tw-bg-opacity, 1))}.spr-switch-background-hover{--tw-bg-opacity: 1;background-color:rgb(184 193 192 / var(--tw-bg-opacity, 1))}.spr-switch-background-pressed{--tw-bg-opacity: 1;background-color:rgb(145 159 157 / var(--tw-bg-opacity, 1))}.spr-border-color-strong{--tw-border-opacity: 1;border-color:rgb(115 132 130 / var(--tw-border-opacity, 1))}.spr-border-color-supporting{--tw-border-opacity: 1;border-color:rgb(145 159 157 / var(--tw-border-opacity, 1))}.\!spr-border-color-base,.spr-border-color-base{--tw-border-opacity: 1;border-color:rgb(184 193 192 / var(--tw-border-opacity, 1))}.spr-border-color-hover{--tw-border-opacity: 1;border-color:rgb(145 159 157 / var(--tw-border-opacity, 1))}.spr-border-color-pressed{--tw-border-opacity: 1;border-color:rgb(115 132 130 / var(--tw-border-opacity, 1))}.spr-border-color-weak{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}.\!spr-border-color-disabled,.spr-border-color-disabled{--tw-border-opacity: 1;border-color:rgb(241 242 243 / var(--tw-border-opacity, 1))}.spr-border-color-on-fill-disabled{--tw-border-opacity: 1;border-color:rgb(219 219 221 / var(--tw-border-opacity, 1))}.\!spr-border-color-brand-base,.spr-border-color-brand-base{--tw-border-opacity: 1;border-color:rgb(21 128 57 / var(--tw-border-opacity, 1))}.spr-border-color-brand-hover{--tw-border-opacity: 1;border-color:rgb(22 101 49 / var(--tw-border-opacity, 1))}.spr-border-color-brand-pressed{--tw-border-opacity: 1;border-color:rgb(20 83 43 / var(--tw-border-opacity, 1))}.\!spr-border-color-success-base,.spr-border-color-success-base{--tw-border-opacity: 1;border-color:rgb(21 128 57 / var(--tw-border-opacity, 1))}.spr-border-color-success-hover{--tw-border-opacity: 1;border-color:rgb(22 101 49 / var(--tw-border-opacity, 1))}.spr-border-color-success-pressed{--tw-border-opacity: 1;border-color:rgb(20 83 43 / var(--tw-border-opacity, 1))}.\!spr-border-color-information-base,.spr-border-color-information-base{--tw-border-opacity: 1;border-color:rgb(15 110 235 / var(--tw-border-opacity, 1))}.spr-border-color-information-hover{--tw-border-opacity: 1;border-color:rgb(19 86 186 / var(--tw-border-opacity, 1))}.spr-border-color-information-pressed{--tw-border-opacity: 1;border-color:rgb(22 75 146 / var(--tw-border-opacity, 1))}.\!spr-border-color-danger-base,.spr-border-color-danger-base{--tw-border-opacity: 1;border-color:rgb(218 47 56 / var(--tw-border-opacity, 1))}.spr-border-color-danger-hover{--tw-border-opacity: 1;border-color:rgb(182 31 39 / var(--tw-border-opacity, 1))}.spr-border-color-danger-pressed{--tw-border-opacity: 1;border-color:rgb(151 29 35 / var(--tw-border-opacity, 1))}.\!spr-border-color-pending-base,.spr-border-color-pending-base{--tw-border-opacity: 1;border-color:rgb(187 104 2 / var(--tw-border-opacity, 1))}.spr-border-color-pending-hover{--tw-border-opacity: 1;border-color:rgb(152 80 8 / var(--tw-border-opacity, 1))}.spr-border-color-pending-pressed{--tw-border-opacity: 1;border-color:rgb(124 66 11 / var(--tw-border-opacity, 1))}.\!spr-border-color-caution-base,.spr-border-color-caution-base{--tw-border-opacity: 1;border-color:rgb(204 92 2 / var(--tw-border-opacity, 1))}.spr-border-color-caution-hover{--tw-border-opacity: 1;border-color:rgb(161 71 11 / var(--tw-border-opacity, 1))}.spr-border-color-caution-pressed{--tw-border-opacity: 1;border-color:rgb(130 60 12 / var(--tw-border-opacity, 1))}.spr-border-color-accent-base{--tw-border-opacity: 1;border-color:rgb(12 116 146 / var(--tw-border-opacity, 1))}.spr-border-color-accent-hover{--tw-border-opacity: 1;border-color:rgb(19 94 119 / var(--tw-border-opacity, 1))}.spr-border-color-accent-pressed{--tw-border-opacity: 1;border-color:rgb(21 78 100 / var(--tw-border-opacity, 1))}.spr-drop-shadow{--tw-shadow: 0px 2px 8px -2px #262B2B33;--tw-shadow-colored: 0px 2px 8px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-drop-shadow-md{--tw-shadow: 0px 4px 12px 0px #262B2B29;--tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-divide-color-strong>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(115 132 130 / var(--tw-divide-opacity, 1))}.spr-divide-color-supporting>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(145 159 157 / var(--tw-divide-opacity, 1))}.spr-divide-color-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(184 193 192 / var(--tw-divide-opacity, 1))}.spr-divide-color-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(145 159 157 / var(--tw-divide-opacity, 1))}.spr-divide-color-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(115 132 130 / var(--tw-divide-opacity, 1))}.spr-divide-color-weak>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(217 222 222 / var(--tw-divide-opacity, 1))}.spr-divide-color-disabled>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 242 243 / var(--tw-divide-opacity, 1))}.spr-divide-color-on-fill-disabled>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(219 219 221 / var(--tw-divide-opacity, 1))}.spr-divide-color-brand-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 128 57 / var(--tw-divide-opacity, 1))}.spr-divide-color-brand-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 101 49 / var(--tw-divide-opacity, 1))}.spr-divide-color-brand-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(20 83 43 / var(--tw-divide-opacity, 1))}.spr-divide-color-success-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 128 57 / var(--tw-divide-opacity, 1))}.spr-divide-color-success-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 101 49 / var(--tw-divide-opacity, 1))}.spr-divide-color-success-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(20 83 43 / var(--tw-divide-opacity, 1))}.spr-divide-color-information-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(15 110 235 / var(--tw-divide-opacity, 1))}.spr-divide-color-information-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(19 86 186 / var(--tw-divide-opacity, 1))}.spr-divide-color-information-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 75 146 / var(--tw-divide-opacity, 1))}.spr-divide-color-danger-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(218 47 56 / var(--tw-divide-opacity, 1))}.spr-divide-color-danger-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(182 31 39 / var(--tw-divide-opacity, 1))}.spr-divide-color-danger-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(151 29 35 / var(--tw-divide-opacity, 1))}.spr-divide-color-pending-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(187 104 2 / var(--tw-divide-opacity, 1))}.spr-divide-color-pending-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(152 80 8 / var(--tw-divide-opacity, 1))}.spr-divide-color-pending-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(124 66 11 / var(--tw-divide-opacity, 1))}.spr-divide-color-caution-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(204 92 2 / var(--tw-divide-opacity, 1))}.spr-divide-color-caution-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(161 71 11 / var(--tw-divide-opacity, 1))}.spr-divide-color-caution-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(130 60 12 / var(--tw-divide-opacity, 1))}.spr-divide-color-accent-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(12 116 146 / var(--tw-divide-opacity, 1))}.spr-divide-color-accent-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(19 94 119 / var(--tw-divide-opacity, 1))}.spr-divide-color-accent-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 78 100 / var(--tw-divide-opacity, 1))}.\[font-weight\:inherit\]{font-weight:inherit}.selection\:spr-cursor-pointer *::-moz-selection{cursor:pointer}.selection\:spr-cursor-pointer *::selection{cursor:pointer}.selection\:spr-cursor-pointer::-moz-selection{cursor:pointer}.selection\:spr-cursor-pointer::selection{cursor:pointer}.placeholder\:spr-text-mushroom-300::-moz-placeholder{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.placeholder\:spr-text-mushroom-300::placeholder{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.placeholder\:spr-text-color-weak::-moz-placeholder{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.placeholder\:spr-text-color-weak::placeholder{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.before\:spr-transition-all:before{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:spr-duration-150:before{content:var(--tw-content);transition-duration:.15s}.after\:spr-transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:spr-duration-150:after{content:var(--tw-content);transition-duration:.15s}.first\:spr-border-l-0:first-child{border-left-width:0px}.last\:spr-rounded-b-xl:last-child{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.last\:spr-border-r-0:last-child{border-right-width:0px}.last-of-type\:spr-border-0:last-of-type{border-width:0px}.last-of-type\:spr-border-t:last-of-type{border-top-width:1px}.last-of-type\:spr-border-solid:last-of-type{border-style:solid}.last-of-type\:spr-border-color-weak:last-of-type{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}.hover\:spr-cursor-pointer:hover{cursor:pointer}.hover\:spr-text-kangkong-700:hover{--tw-text-opacity: 1;color:rgb(21 128 57 / var(--tw-text-opacity, 1))}.hover\:spr-shadow-button-hover:hover{--tw-shadow: 0px -2px 1px 0px rgba(0, 0, 0, .1) inset;--tw-shadow-colored: inset 0px -2px 1px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:spr-brightness-75:hover{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:spr-drop-shadow-sm:hover{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:spr-text-color-base:hover{--tw-text-opacity: 1;color:rgb(93 108 107 / var(--tw-text-opacity, 1))}.hover\:spr-background-color-hover:hover{--tw-bg-opacity: 1;background-color:rgb(239 241 241 / var(--tw-bg-opacity, 1))}.hover\:spr-background-color-brand-hover:hover{--tw-bg-opacity: 1;background-color:rgb(22 101 49 / var(--tw-bg-opacity, 1))}.hover\:spr-border-color-brand-hover:hover{--tw-border-opacity: 1;border-color:rgb(22 101 49 / var(--tw-border-opacity, 1))}.hover\:spr-drop-shadow-sm:hover{--tw-shadow: 0px 2px 4px -1px #262B2B1F;--tw-shadow-colored: 0px 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:spr-border-kangkong-700:focus{--tw-border-opacity: 1;border-color:rgb(21 128 57 / var(--tw-border-opacity, 1))}.focus\:spr-border-tomato-600:focus{--tw-border-opacity: 1;border-color:rgb(218 47 56 / var(--tw-border-opacity, 1))}.focus\:spr-border-white-100:focus{--tw-border-opacity: 1;border-color:rgb(241 242 243 / var(--tw-border-opacity, 1))}.active\:spr-scale-75:active{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:spr-scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:spr-scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:spr-scale-\[\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:spr-border-2:active{border-width:2px}.active\:spr-border-solid:active{border-style:solid}.active\:spr-text-kangkong-800:active{--tw-text-opacity: 1;color:rgb(22 101 49 / var(--tw-text-opacity, 1))}.active\:spr-text-color-strong:active{--tw-text-opacity: 1;color:rgb(38 43 43 / var(--tw-text-opacity, 1))}.active\:spr-text-color-success-pressed:active{--tw-text-opacity: 1;color:rgb(20 83 43 / var(--tw-text-opacity, 1))}.active\:spr-background-color-single-active:active{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.active\:spr-background-color-pressed:active{--tw-bg-opacity: 1;background-color:rgb(230 234 234 / var(--tw-bg-opacity, 1))}.active\:spr-background-color-brand-pressed:active{--tw-bg-opacity: 1;background-color:rgb(20 83 43 / var(--tw-bg-opacity, 1))}.spr-group:hover .group-hover\:spr-background-color-hover{--tw-bg-opacity: 1;background-color:rgb(239 241 241 / var(--tw-bg-opacity, 1))}.spr-group:active .group-active\:spr-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-group:active .group-active\:spr-background-color-pressed{--tw-bg-opacity: 1;background-color:rgb(230 234 234 / var(--tw-bg-opacity, 1))}@media (max-width: 767.98px){.md\:spr-h-\[calc\(80vh-150px\)\]{height:calc(80vh - 150px)}}@media (max-width: 575.98px){.sm\:spr-h-\[calc\(70vh-150px\)\]{height:calc(70vh - 150px)}.sm\:spr-w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.sm\:spr-w-\[calc\(100\%-35px\)\]{width:calc(100% - 35px)}.sm\:spr-max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.sm\:spr-flex-col{flex-direction:column}.sm\:spr-p-2{padding:.5rem}}.\[\&\>\#dropdown-wrapper\]\:spr-my-1>#dropdown-wrapper{margin-top:.25rem;margin-bottom:.25rem}.\[\&\>img\]\:spr-mx-auto>img{margin-left:auto;margin-right:auto}.\[\&\>img\]\:spr-h-\[24px\]>img{height:24px}.\[\&\>img\]\:spr-h-\[36px\]>img{height:36px}.\[\&\>img\]\:spr-w-\[24px\]>img{width:24px}.\[\&\>img\]\:spr-w-\[36px\]>img{width:36px}.\[\&\>img\]\:spr-rounded-full>img{border-radius:9999px}.\[\&\>img\]\:spr-object-cover>img{-o-object-fit:cover;object-fit:cover}.\[\&\>p\]\:spr-m-0>p{margin:0}.\[\&\>svg\]\:spr-min-h-4>svg{min-height:1rem}.\[\&\>svg\]\:spr-min-w-4>svg{min-width:1rem}.\[\&\>svg\]\:spr-font-size-200>svg{font-size:14px}.\[\&\>svg\]\:spr-font-size-300>svg{font-size:16px}.\[\&\>svg\]\:spr-font-size-400>svg{font-size:20px}.\[\&_\.chips-close\]\:spr-m-0 .chips-close{margin:0}.\[\&_\.chips-close\]\:spr-inline-flex .chips-close{display:inline-flex}.\[\&_\.chips-close\]\:spr-items-center .chips-close{align-items:center}.\[\&_\.chips-close\]\:spr-border-0 .chips-close{border-width:0px}.\[\&_\.chips-close\]\:spr-bg-transparent .chips-close{background-color:transparent}.\[\&_\.chips-close\]\:spr-p-0 .chips-close{padding:0}.\[\&_\.chips-close\]\:spr-leading-\[0\] .chips-close{line-height:0}.\[\&_\.chips-close\]\:hover\:spr-cursor-pointer:hover .chips-close{cursor:pointer}
1
+ @import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.number-input[data-v-6aee0c98]::-webkit-outer-spin-button,.number-input[data-v-6aee0c98]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.number-input[data-v-6aee0c98]{-moz-appearance:textfield}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.slide-left-enter-active[data-v-f8473ad5],.slide-left-leave-active[data-v-f8473ad5],.slide-right-enter-active[data-v-f8473ad5],.slide-right-leave-active[data-v-f8473ad5]{transition:all .25s ease-out}.slide-left-enter-from[data-v-f8473ad5],.slide-right-leave-to[data-v-f8473ad5]{opacity:0;transform:translate(30px)}.slide-left-leave-to[data-v-f8473ad5],.slide-right-enter-from[data-v-f8473ad5]{opacity:0;transform:translate(-30px)}.file-upload_wrapper[data-v-acd02bd0]{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23B8C1C0FF' stroke-width='1' stroke-dasharray='8%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")}.file-upload_wrapper-error[data-v-acd02bd0]{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23DA2F38FF' stroke-width='1' stroke-dasharray='8%2c6' stroke-dashoffset='16' stroke-linecap='round'/%3e%3c/svg%3e")}.backdrop-transition-enter-active[data-v-4f331f4e],.backdrop-transition-leave-active[data-v-4f331f4e]{transition:opacity .15s ease-in-out}.backdrop-transition-enter-from[data-v-4f331f4e],.backdrop-transition-leave-to[data-v-4f331f4e]{opacity:0}.modal-transition-enter-active[data-v-4f331f4e],.modal-transition-leave-active[data-v-4f331f4e]{transition:opacity .15s ease-in-out,transform .15s ease-in-out}.modal-transition-enter-from[data-v-4f331f4e],.modal-transition-leave-to[data-v-4f331f4e]{opacity:0;transform:translate(-50%) translateY(-50%) scale(.9)}.modal-transition-enter-to[data-v-4f331f4e],.modal-transition-leave-from[data-v-4f331f4e]{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}.bounce-animation[data-v-4f331f4e]{animation:bounce-4f331f4e .5s ease}@keyframes bounce-4f331f4e{0%{transform:translate(-50%) translateY(-50%) scale(1)}30%{transform:translate(-50%) translateY(-50%) scale(1.02)}50%{transform:translate(-50%) translateY(-50%) scale(.98)}70%{transform:translate(-50%) translateY(-50%) scale(1.02)}to{transform:translate(-50%) translateY(-50%) scale(1)}}@keyframes shadowGrow-95e7fa1a{0%{box-shadow:inset 0 0 0 25px #fff}to{box-shadow:inset 0 0 0 2.5px #fff}}.animate-shadow-grow[data-v-95e7fa1a]{animation:shadowGrow-95e7fa1a .15s ease-in-out forwards}.snackbar[data-v-df5f4d3e]{width:360px;max-width:360px;min-height:56px;max-height:76px}.snackbar-enter-from[data-v-06cc3101],.snackbar-leave-to[data-v-06cc3101]{transform:translateY(100%);opacity:0}.snackbar-enter-active[data-v-06cc3101],.snackbar-leave-active[data-v-06cc3101]{transition:.25s ease all}.snackbar-wrapper[data-v-06cc3101]{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:9999}.snackbar-wrapper>ul[data-v-06cc3101]{list-style-type:none}.input:checked~.switch-mark[data-v-f5b64db8]:before{left:1.7rem}.switch-mark[data-v-f5b64db8]:before,.switch-mark[data-v-f5b64db8]:after{position:absolute;content:""}.switch-mark[data-v-f5b64db8]:before{left:.25rem;top:.25rem;height:1rem;width:1rem;border-radius:50%;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:root{--size-50: 2px;--size-100: 4px;--size-150: 6px;--size-200: 8px;--size-250: 12px;--size-300: 16px;--size-400: 24px;--size-500: 32px;--size-600: 40px;--size-700: 48px;--size-800: 64px;--size-900: 72px;--size-1000: 80px;--size-1100: 96px;--size-1200: 128px}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(219 219 221 / var(--tw-bg-opacity, 1))}*::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(186 188 192 / var(--tw-bg-opacity, 1))}#quick-action-menu-wrapper{max-height:500px;width:400px}#sidenav-menu-wrapper,#sidenav-submenu-wrapper{max-height:500px;width:215px}#user-menu-wrapper{top:-20px!important;max-height:500px;width:300px}#sidenav-sub-submenu-wrapper{display:none}#quick-action-menu-wrapper,#sidenav-menu-wrapper,#sidenav-submenu-wrapper,#user-menu-wrapper{overflow-y:auto;overflow-x:hidden;border-radius:12px;border-width:1px;border-style:solid;--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-border-opacity: 1;border-color:rgb(184 193 192 / var(--tw-border-opacity, 1));--tw-shadow: 0px 4px 12px 0px #262B2B29;--tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{overflow:hidden}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{border-radius:0}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{border-style:none}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{background-color:transparent}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner,#user-menu-wrapper .v-popper__wrapper .v-popper__inner{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active{transition-duration:.3s}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-active{transition-timing-function:cubic-bezier(0,0,.2,1)}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-active,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-active,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-active,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to{--tw-translate-x: -20px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#quick-action-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-enter-from,#user-menu-wrapper .v-popper__wrapper .v-popper__inner .slide-fade-leave-to{opacity:0}#quick-action-menu-wrapper .v-popper__wrapper .v-popper__arrow-container,#sidenav-menu-wrapper .v-popper__wrapper .v-popper__arrow-container,#sidenav-submenu-wrapper .v-popper__wrapper .v-popper__arrow-container,#user-menu-wrapper .v-popper__wrapper .v-popper__arrow-container{display:none}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{word-break:break-all}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{border-radius:var(--size-200)}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{padding-left:.5rem;padding-right:.5rem}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{padding-top:.375rem;padding-bottom:.375rem}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{opacity:1}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{font-weight:400}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{font-family:Rubik,sans-serif}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{font-size:12px}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{line-height:16px}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{letter-spacing:0px}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}#tooltip-wrapper .v-popper__wrapper .v-popper__inner,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{--tw-bg-opacity: 1;background-color:rgb(38 43 43 / var(--tw-bg-opacity, 1))}#tooltip-wrapper .v-popper__wrapper .v-popper__arrow-outer,#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__arrow-outer{display:none}#tooltip-wrapper .v-popper__wrapper .v-popper__inner{max-width:100%}#tooltip-full-width-wrapper .v-popper__wrapper .v-popper__inner{max-width:280px}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{border-radius:var(--size-200)}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{padding-left:.5rem;padding-right:.5rem}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{padding-top:.375rem;padding-bottom:.375rem}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{opacity:1}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{font-family:Rubik,sans-serif}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{font-size:12px}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{line-height:12px}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{letter-spacing:.7px}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__inner{--tw-bg-opacity: 1;background-color:rgb(38 43 43 / var(--tw-bg-opacity, 1))}#sidenav-tooltip-wrapper .v-popper__wrapper .v-popper__arrow-outer{display:none}#dropdown-wrapper{z-index:1000;width:inherit;overflow:hidden}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{width:100%}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{border-radius:.75rem}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{border-width:1px}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{border-style:solid}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{font-family:Rubik,sans-serif}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#dropdown-wrapper .v-popper__wrapper .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}#dropdown-wrapper .v-popper__wrapper .v-popper__inner::-webkit-scrollbar-track{border-bottom-right-radius:.75rem}#dropdown-wrapper .v-popper__wrapper .v-popper__inner::-webkit-scrollbar-track{border-top-right-radius:.75rem}#dropdown-wrapper .v-popper__wrapper .v-popper__arrow-container{display:none}#contact-number-country-dropdown #dropdown-wrapper[data-popper-placement=top-start]{margin-top:-4px;margin-left:-8px}#contact-number-country-dropdown #dropdown-wrapper[data-popper-placement=bottom-start]{margin-top:4px;margin-left:-8px}.avatar__slot img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.spr-table-wrapper tbody{display:block}.spr-table-wrapper tbody{width:100%}.spr-table-wrapper tbody{overflow-y:auto}.spr-table-wrapper tr{display:table}.spr-table-wrapper tr{width:100%}.spr-table-wrapper tr{table-layout:fixed}.spr-table-wrapper tbody::-webkit-scrollbar{height:0px}.spr-table-wrapper tbody::-webkit-scrollbar{width:0px}#date-picker-wrapper{z-index:1000;overflow:hidden;border-radius:.75rem;--tw-shadow: 0px 2px 8px -2px #262B2B33;--tw-shadow-colored: 0px 2px 8px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{margin:auto}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{width:336px}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{min-width:336px}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{overflow-y:auto}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{border-radius:.75rem}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{border-width:1px}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{border-style:solid}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{font-family:Rubik,sans-serif}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#date-picker-wrapper .v-popper__wrapper .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}@media (max-width: 575.98px){#date-picker-wrapper .v-popper__wrapper .v-popper__inner{width:calc(100% - 20px)}}@media (max-width: 575.98px){#date-picker-wrapper .v-popper__wrapper .v-popper__inner{min-width:100%}}#date-picker-wrapper .v-popper__wrapper .v-popper__inner::-webkit-scrollbar-track{border-bottom-right-radius:.75rem}#date-picker-wrapper .v-popper__wrapper .v-popper__inner::-webkit-scrollbar-track{border-top-right-radius:.75rem}#date-picker-wrapper .v-popper__wrapper .v-popper__arrow-container{display:none}#time-picker-wrapper-full-width,#time-picker-wrapper,#filter-option-wrapper,#filter-menu-wrapper{z-index:50;overflow-x:hidden;border-radius:12px;border-width:1px;border-style:solid;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{overflow:hidden}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{border-radius:0}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{border-style:none}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{background-color:transparent}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner,#time-picker-wrapper .v-popper__wrapper .v-popper__inner,#filter-option-wrapper .v-popper__wrapper .v-popper__inner,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__inner .resize-observer,#time-picker-wrapper .v-popper__wrapper .v-popper__inner .resize-observer,#filter-option-wrapper .v-popper__wrapper .v-popper__inner .resize-observer,#filter-menu-wrapper .v-popper__wrapper .v-popper__inner .resize-observer,#time-picker-wrapper-full-width .v-popper__wrapper .v-popper__arrow-container,#time-picker-wrapper .v-popper__wrapper .v-popper__arrow-container,#filter-option-wrapper .v-popper__wrapper .v-popper__arrow-container,#filter-menu-wrapper .v-popper__wrapper .v-popper__arrow-container{display:none}#time-picker-wrapper{max-width:240px}#time-picker-wrapper-full-width,#filter-option-wrapper{width:100%}#filter-menu-wrapper{min-width:328px;--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);--tw-shadow: 0px 4px 12px 0px #262B2B29;--tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-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}.spr-pointer-events-none{pointer-events:none}.spr-fixed{position:fixed}.spr-absolute{position:absolute}.spr-relative{position:relative}.-spr-bottom-1{bottom:-.25rem}.-spr-bottom-2{bottom:-.5rem}.-spr-bottom-3{bottom:-.75rem}.-spr-right-1{right:-.25rem}.-spr-right-2{right:-.5rem}.-spr-top-0\.5{top:-.125rem}.-spr-top-1{top:-.25rem}.-spr-top-2{top:-.5rem}.-spr-top-3{top:-.75rem}.spr-bottom-0{bottom:0}.spr-bottom-1{bottom:.25rem}.spr-bottom-2{bottom:.5rem}.spr-bottom-8{bottom:2rem}.spr-bottom-\[-2px\]{bottom:-2px}.spr-bottom-\[-3px\]{bottom:-3px}.spr-bottom-\[-4px\]{bottom:-4px}.spr-bottom-\[1px\]{bottom:1px}.spr-left-0{left:0}.spr-left-1{left:.25rem}.spr-left-1\/2{left:50%}.spr-left-\[1\.7rem\]{left:1.7rem}.spr-right-0{right:0}.spr-right-0\.5{right:.125rem}.spr-right-1{right:.25rem}.spr-right-4{right:1rem}.spr-right-\[-3px\]{right:-3px}.spr-right-\[-4px\]{right:-4px}.spr-right-\[-5px\]{right:-5px}.spr-right-\[-7px\]{right:-7px}.spr-right-\[1px\]{right:1px}.spr-top-0{top:0}.spr-top-1{top:.25rem}.spr-top-1\/2{top:50%}.spr-top-\[-4px\]{top:-4px}.spr-top-\[-6\.3px\]{top:-6.3px}.spr-top-\[-6px\]{top:-6px}.spr-top-\[-7px\]{top:-7px}.spr-top-\[-8px\]{top:-8px}.spr-z-10{z-index:10}.spr-z-50{z-index:50}.spr-z-\[1010\]{z-index:1010}.spr-z-\[1015\]{z-index:1015}.spr-z-\[1050\]{z-index:1050}.spr-z-\[10\]{z-index:10}.spr-z-\[1100\]{z-index:1100}.spr-z-\[1\]{z-index:1}.spr-z-\[5\]{z-index:5}.\!spr-m-0{margin:0!important}.spr-m-0{margin:0}.spr-m-1{margin:.25rem}.spr-m-12{margin:3rem}.spr-m-auto{margin:auto}.spr-m-size-spacing-xs{margin:var(--size-300)}.spr-my-3{margin-top:.75rem;margin-bottom:.75rem}.spr-my-4{margin-top:1rem;margin-bottom:1rem}.\!spr-mb-0{margin-bottom:0!important}.\!spr-mt-\[12px\]{margin-top:12px!important}.\!spr-mt-\[6px\]{margin-top:6px!important}.\!spr-mt-\[8px\]{margin-top:8px!important}.spr-mb-2{margin-bottom:.5rem}.spr-mb-3{margin-bottom:.75rem}.spr-mb-4{margin-bottom:1rem}.spr-mb-6{margin-bottom:1.5rem}.spr-mb-size-spacing-3xs{margin-bottom:var(--size-200)}.spr-mb-size-spacing-md{margin-bottom:var(--size-500)}.spr-mb-size-spacing-xs{margin-bottom:var(--size-300)}.spr-me-size-spacing-3xs{margin-inline-end:var(--size-200)}.spr-ml-3\.5{margin-left:.875rem}.spr-ml-\[60px\]{margin-left:60px}.spr-ml-auto{margin-left:auto}.spr-ml-size-spacing-3xs{margin-left:var(--size-200)}.spr-mr-2{margin-right:.5rem}.spr-mr-size-spacing-3xs{margin-right:var(--size-200)}.spr-mr-size-spacing-xs{margin-right:var(--size-300)}.spr-ms-auto{margin-inline-start:auto}.spr-mt-0\.5{margin-top:.125rem}.spr-mt-1{margin-top:.25rem}.spr-mt-10{margin-top:2.5rem}.spr-mt-2{margin-top:.5rem}.spr-mt-3{margin-top:.75rem}.spr-mt-4{margin-top:1rem}.spr-mt-size-spacing-3xs{margin-top:var(--size-200)}.spr-mt-size-spacing-4xs{margin-top:var(--size-150)}.spr-mt-size-spacing-md{margin-top:var(--size-500)}.spr-mt-size-spacing-sm{margin-top:var(--size-400)}.spr-mt-size-spacing-xs{margin-top:var(--size-300)}.spr-box-border{box-sizing:border-box}.spr-block{display:block}.spr-inline-block{display:inline-block}.spr-flex{display:flex}.spr-inline-flex{display:inline-flex}.spr-table{display:table}.spr-grid{display:grid}.spr-aspect-square{aspect-ratio:1 / 1}.spr-size-4{width:1rem;height:1rem}.spr-size-5{width:1.25rem;height:1.25rem}.spr-size-\[30\%\]{width:30%;height:30%}.\!spr-h-7{height:1.75rem!important}.spr-h-0\.5{height:.125rem}.spr-h-1{height:.25rem}.spr-h-10{height:2.5rem}.spr-h-12{height:3rem}.spr-h-14{height:3.5rem}.spr-h-2{height:.5rem}.spr-h-20{height:5rem}.spr-h-3{height:.75rem}.spr-h-4{height:1rem}.spr-h-5{height:1.25rem}.spr-h-6{height:1.5rem}.spr-h-8{height:2rem}.spr-h-9{height:2.25rem}.spr-h-\[1\.25em\]{height:1.25em}.spr-h-\[100vh\]{height:100vh}.spr-h-\[10px\]{height:10px}.spr-h-\[120px\]{height:120px}.spr-h-\[14px\]{height:14px}.spr-h-\[16px\]{height:16px}.spr-h-\[18px\]{height:18px}.spr-h-\[1em\]{height:1em}.spr-h-\[200px\]{height:200px}.spr-h-\[20px\]{height:20px}.spr-h-\[250px\]{height:250px}.spr-h-\[2px\]{height:2px}.spr-h-\[360px\]{height:360px}.spr-h-\[36px\]{height:36px}.spr-h-\[40px\]{height:40px}.spr-h-\[52px\]{height:52px}.spr-h-\[75vh\]{height:75vh}.spr-h-\[calc\(90vh-150px\)\]{height:calc(90vh - 150px)}.spr-h-fit{height:-moz-fit-content;height:fit-content}.spr-h-full{height:100%}.spr-h-max{height:-moz-max-content;height:max-content}.spr-h-size-spacing-md{height:var(--size-500)}.\!spr-max-h-\[calc\(100vh-150px\)\]{max-height:calc(100vh - 150px)!important}.spr-max-h-9{max-height:2.25rem}.spr-max-h-\[264px\]{max-height:264px}.spr-max-h-\[268px\]{max-height:268px}.spr-max-h-\[300px\]{max-height:300px}.spr-max-h-\[calc\(100vh-194px\)\]{max-height:calc(100vh - 194px)}.spr-max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.spr-max-h-\[calc\(100vh-60px\)\]{max-height:calc(100vh - 60px)}.spr-min-h-12{min-height:3rem}.spr-min-h-6{min-height:1.5rem}.spr-min-h-\[160px\]{min-height:160px}.spr-min-h-\[18px\]{min-height:18px}.spr-min-h-\[200px\]{min-height:200px}.spr-min-h-\[240px\]{min-height:240px}.spr-min-h-\[360px\]{min-height:360px}.spr-min-h-\[60px\]{min-height:60px}.\!spr-w-7{width:1.75rem!important}.\!spr-w-full{width:100%!important}.\!spr-w-max{width:-moz-max-content!important;width:max-content!important}.spr-w-0\.5{width:.125rem}.spr-w-1{width:.25rem}.spr-w-10{width:2.5rem}.spr-w-12{width:3rem}.spr-w-3{width:.75rem}.spr-w-4{width:1rem}.spr-w-5{width:1.25rem}.spr-w-6{width:1.5rem}.spr-w-8{width:2rem}.spr-w-9{width:2.25rem}.spr-w-\[1\.25em\]{width:1.25em}.spr-w-\[1\.39em\]{width:1.39em}.spr-w-\[100\%\]{width:100%}.spr-w-\[1200px\]{width:1200px}.spr-w-\[120px\]{width:120px}.spr-w-\[14px\]{width:14px}.spr-w-\[16px\]{width:16px}.spr-w-\[1em\]{width:1em}.spr-w-\[200px\]{width:200px}.spr-w-\[20px\]{width:20px}.spr-w-\[240px\]{width:240px}.spr-w-\[24px\]{width:24px}.spr-w-\[2px\]{width:2px}.spr-w-\[320px\]{width:320px}.spr-w-\[328px\]{width:328px}.spr-w-\[360px\]{width:360px}.spr-w-\[36px\]{width:36px}.spr-w-\[38px\]{width:38px}.spr-w-\[40\%\]{width:40%}.spr-w-\[420px\]{width:420px}.spr-w-\[42px\]{width:42px}.spr-w-\[44px\]{width:44px}.spr-w-\[480px\]{width:480px}.spr-w-\[50px\]{width:50px}.spr-w-\[50vw\]{width:50vw}.spr-w-\[720px\]{width:720px}.spr-w-\[80px\]{width:80px}.spr-w-\[900px\]{width:900px}.spr-w-\[95\%\]{width:95%}.spr-w-auto{width:auto}.spr-w-fit{width:-moz-fit-content;width:fit-content}.spr-w-full{width:100%}.spr-w-size-spacing-md{width:var(--size-500)}.spr-min-w-10{min-width:2.5rem}.spr-min-w-14{min-width:3.5rem}.spr-min-w-20{min-width:5rem}.spr-min-w-4{min-width:1rem}.spr-min-w-5{min-width:1.25rem}.spr-min-w-6{min-width:1.5rem}.spr-min-w-7{min-width:1.75rem}.spr-min-w-9{min-width:2.25rem}.spr-min-w-\[10px\]{min-width:10px}.spr-min-w-\[16px\]{min-width:16px}.spr-min-w-\[180px\]{min-width:180px}.spr-min-w-\[18em\]{min-width:18em}.spr-min-w-\[20px\]{min-width:20px}.spr-min-w-\[24px\]{min-width:24px}.spr-min-w-\[38px\]{min-width:38px}.spr-min-w-\[42px\]{min-width:42px}.spr-min-w-\[56px\]{min-width:56px}.spr-max-w-9{max-width:2.25rem}.spr-max-w-\[1\.25em\]{max-width:1.25em}.spr-max-w-\[1024px\]{max-width:1024px}.spr-max-w-\[1200px\]{max-width:1200px}.spr-max-w-\[217px\]{max-width:217px}.spr-max-w-\[480px\]{max-width:480px}.spr-max-w-\[720px\]{max-width:720px}.spr-max-w-\[960px\]{max-width:960px}.spr-max-w-\[calc\(100\%-60px\)\]{max-width:calc(100% - 60px)}.spr-max-w-lg{max-width:1320px}.spr-max-w-md{max-width:1000px}.spr-max-w-sm{max-width:640px}.spr-flex-1{flex:1 1 0%}.spr-flex-auto{flex:1 1 auto}.spr-flex-shrink-0,.spr-shrink-0{flex-shrink:0}.spr-flex-grow,.spr-grow{flex-grow:1}.spr-table-fixed{table-layout:fixed}.spr-border-collapse{border-collapse:collapse}.spr-border-spacing-0{--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-spr-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-spr-translate-y-1\/2,.-spr-translate-y-2\/4{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr--translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr--translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-y-20{--tw-translate-y: 5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!spr-cursor-not-allowed{cursor:not-allowed!important}.spr-cursor-default{cursor:default}.spr-cursor-not-allowed{cursor:not-allowed}.spr-cursor-pointer{cursor:pointer}.spr-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.spr-resize-none{resize:none}.spr-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.spr-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.spr-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.spr-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.spr-flex-row{flex-direction:row}.spr-flex-col{flex-direction:column}.spr-flex-wrap{flex-wrap:wrap}.spr-content-center{align-content:center}.spr-content-start{align-content:flex-start}.spr-items-start{align-items:flex-start}.spr-items-center{align-items:center}.spr-justify-start{justify-content:flex-start}.spr-justify-end{justify-content:flex-end}.spr-justify-center{justify-content:center}.spr-justify-between{justify-content:space-between}.spr-justify-items-start{justify-items:start}.spr-gap-0\.5{gap:.125rem}.spr-gap-1{gap:.25rem}.spr-gap-1\.5{gap:.375rem}.spr-gap-2{gap:.5rem}.spr-gap-3{gap:.75rem}.spr-gap-4{gap:1rem}.spr-gap-5{gap:1.25rem}.spr-gap-6{gap:1.5rem}.spr-gap-size-spacing-2xs{gap:var(--size-250)}.spr-gap-size-spacing-3xs{gap:var(--size-200)}.spr-gap-size-spacing-4xs{gap:var(--size-150)}.spr-gap-size-spacing-5xs{gap:var(--size-100)}.spr-gap-size-spacing-6xs{gap:var(--size-50)}.spr-gap-size-spacing-md{gap:var(--size-500)}.spr-gap-size-spacing-xs{gap:var(--size-300)}.spr-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.spr-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.spr-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.spr-space-x-size-spacing-3xs>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(var(--size-200) * var(--tw-space-x-reverse));margin-left:calc(var(--size-200) * calc(1 - var(--tw-space-x-reverse)))}.spr-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.spr-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.spr-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.spr-space-y-size-spacing-3xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--size-200) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--size-200) * var(--tw-space-y-reverse))}.spr-space-y-size-spacing-6xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(var(--size-50) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--size-50) * var(--tw-space-y-reverse))}.spr-divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(0px * var(--tw-divide-x-reverse));border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)))}.spr-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.spr-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.spr-divide-blueberry-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(15 110 235 / var(--tw-divide-opacity, 1))}.spr-divide-blueberry-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(19 86 186 / var(--tw-divide-opacity, 1))}.spr-divide-blueberry-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 75 146 / var(--tw-divide-opacity, 1))}.spr-divide-carrot-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(204 92 2 / var(--tw-divide-opacity, 1))}.spr-divide-carrot-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(161 71 11 / var(--tw-divide-opacity, 1))}.spr-divide-carrot-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(130 60 12 / var(--tw-divide-opacity, 1))}.spr-divide-kangkong-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 128 57 / var(--tw-divide-opacity, 1))}.spr-divide-kangkong-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 101 49 / var(--tw-divide-opacity, 1))}.spr-divide-kangkong-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(20 83 43 / var(--tw-divide-opacity, 1))}.spr-divide-mango-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(187 104 2 / var(--tw-divide-opacity, 1))}.spr-divide-mango-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(152 80 8 / var(--tw-divide-opacity, 1))}.spr-divide-mango-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(124 66 11 / var(--tw-divide-opacity, 1))}.spr-divide-mushroom-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(217 222 222 / var(--tw-divide-opacity, 1))}.spr-divide-mushroom-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(184 193 192 / var(--tw-divide-opacity, 1))}.spr-divide-mushroom-400>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(145 159 157 / var(--tw-divide-opacity, 1))}.spr-divide-mushroom-500>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(115 132 130 / var(--tw-divide-opacity, 1))}.spr-divide-tomato-600>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(218 47 56 / var(--tw-divide-opacity, 1))}.spr-divide-tomato-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(182 31 39 / var(--tw-divide-opacity, 1))}.spr-divide-tomato-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(151 29 35 / var(--tw-divide-opacity, 1))}.spr-divide-white-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 242 243 / var(--tw-divide-opacity, 1))}.spr-divide-white-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(219 219 221 / var(--tw-divide-opacity, 1))}.spr-divide-wintermelon-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(12 116 146 / var(--tw-divide-opacity, 1))}.spr-divide-wintermelon-800>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(19 94 119 / var(--tw-divide-opacity, 1))}.spr-divide-wintermelon-900>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 78 100 / var(--tw-divide-opacity, 1))}.spr-overflow-auto{overflow:auto}.spr-overflow-hidden{overflow:hidden}.spr-overflow-y-auto{overflow-y:auto}.spr-overflow-x-hidden{overflow-x:hidden}.spr-overflow-y-hidden{overflow-y:hidden}.spr-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spr-whitespace-nowrap{white-space:nowrap}.spr-break-words{overflow-wrap:break-word}.spr-rounded{border-radius:.25rem}.spr-rounded-\[2\.5px\]{border-radius:2.5px}.spr-rounded-\[32px\]{border-radius:32px}.spr-rounded-\[40px\]{border-radius:40px}.spr-rounded-\[50\%\]{border-radius:50%}.spr-rounded-border-radius-2xs{border-radius:var(--size-50)}.spr-rounded-border-radius-full{border-radius:999px}.spr-rounded-border-radius-lg{border-radius:var(--size-250)}.spr-rounded-border-radius-md{border-radius:var(--size-200)}.spr-rounded-border-radius-sm{border-radius:var(--size-150)}.spr-rounded-border-radius-xl{border-radius:var(--size-300)}.spr-rounded-border-radius-xs{border-radius:var(--size-100)}.spr-rounded-full{border-radius:9999px}.spr-rounded-lg{border-radius:.5rem}.spr-rounded-md{border-radius:.375rem}.spr-rounded-sm{border-radius:.125rem}.spr-rounded-xl{border-radius:.75rem}.spr-rounded-b-border-radius-2xs{border-bottom-right-radius:var(--size-50);border-bottom-left-radius:var(--size-50)}.spr-rounded-b-border-radius-lg{border-bottom-right-radius:var(--size-250);border-bottom-left-radius:var(--size-250)}.spr-rounded-b-border-radius-md{border-bottom-right-radius:var(--size-200);border-bottom-left-radius:var(--size-200)}.spr-rounded-b-border-radius-sm{border-bottom-right-radius:var(--size-150);border-bottom-left-radius:var(--size-150)}.spr-rounded-b-border-radius-xl{border-bottom-right-radius:var(--size-300);border-bottom-left-radius:var(--size-300)}.spr-rounded-b-border-radius-xs{border-bottom-right-radius:var(--size-100);border-bottom-left-radius:var(--size-100)}.spr-rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.spr-rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.spr-rounded-t-border-radius-2xs{border-top-left-radius:var(--size-50);border-top-right-radius:var(--size-50)}.spr-rounded-t-border-radius-lg{border-top-left-radius:var(--size-250);border-top-right-radius:var(--size-250)}.spr-rounded-t-border-radius-md{border-top-left-radius:var(--size-200);border-top-right-radius:var(--size-200)}.spr-rounded-t-border-radius-sm{border-top-left-radius:var(--size-150);border-top-right-radius:var(--size-150)}.spr-rounded-t-border-radius-xl{border-top-left-radius:var(--size-300);border-top-right-radius:var(--size-300)}.spr-rounded-t-border-radius-xs{border-top-left-radius:var(--size-100);border-top-right-radius:var(--size-100)}.spr-rounded-tl-xl{border-top-left-radius:.75rem}.spr-rounded-tr-xl{border-top-right-radius:.75rem}.\!spr-border{border-width:1px!important}.\!spr-border-0{border-width:0px!important}.spr-border{border-width:1px}.spr-border-0{border-width:0px}.spr-border-2{border-width:2px}.spr-border-\[1\.25px\]{border-width:1.25px}.spr-border-\[1\.5px\]{border-width:1.5px}.spr-border-\[1px\]{border-width:1px}.\!spr-border-x-\[0\.5px\]{border-left-width:.5px!important;border-right-width:.5px!important}.\!spr-border-y{border-top-width:1px!important;border-bottom-width:1px!important}.spr-border-x{border-left-width:1px;border-right-width:1px}.spr-border-x-0{border-left-width:0px;border-right-width:0px}.spr-border-y{border-top-width:1px;border-bottom-width:1px}.\!spr-border-b{border-bottom-width:1px!important}.spr-border-b{border-bottom-width:1px}.spr-border-b-0{border-bottom-width:0px}.spr-border-l{border-left-width:1px}.spr-border-l-0{border-left-width:0px}.spr-border-r{border-right-width:1px}.spr-border-r-0{border-right-width:0px}.spr-border-t{border-top-width:1px}.spr-border-t-0{border-top-width:0px}.\!spr-border-solid{border-style:solid!important}.spr-border-solid{border-style:solid}.spr-border-dashed{border-style:dashed}.spr-border-none{border-style:none}.\!spr-border-transparent{border-color:transparent!important}.\!spr-border-white-50{--tw-border-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))!important}.spr-border-\[\#0084CB\]{--tw-border-opacity: 1;border-color:rgb(0 132 203 / var(--tw-border-opacity, 1))}.spr-border-\[\#24B155\]{--tw-border-opacity: 1;border-color:rgb(36 177 85 / var(--tw-border-opacity, 1))}.spr-border-\[\#539300\]{--tw-border-opacity: 1;border-color:rgb(83 147 0 / var(--tw-border-opacity, 1))}.spr-border-\[\#C771A6\]{--tw-border-opacity: 1;border-color:rgb(199 113 166 / var(--tw-border-opacity, 1))}.spr-border-\[\#F652F2\]{--tw-border-opacity: 1;border-color:rgb(246 82 242 / var(--tw-border-opacity, 1))}.spr-border-blueberry-700{--tw-border-opacity: 1;border-color:rgb(15 110 235 / var(--tw-border-opacity, 1))}.spr-border-blueberry-800{--tw-border-opacity: 1;border-color:rgb(19 86 186 / var(--tw-border-opacity, 1))}.spr-border-blueberry-900{--tw-border-opacity: 1;border-color:rgb(22 75 146 / var(--tw-border-opacity, 1))}.spr-border-carrot-600{--tw-border-opacity: 1;border-color:rgb(255 127 0 / var(--tw-border-opacity, 1))}.spr-border-carrot-700{--tw-border-opacity: 1;border-color:rgb(204 92 2 / var(--tw-border-opacity, 1))}.spr-border-carrot-800{--tw-border-opacity: 1;border-color:rgb(161 71 11 / var(--tw-border-opacity, 1))}.spr-border-carrot-900{--tw-border-opacity: 1;border-color:rgb(130 60 12 / var(--tw-border-opacity, 1))}.spr-border-kangkong-400{--tw-border-opacity: 1;border-color:rgb(74 222 123 / var(--tw-border-opacity, 1))}.spr-border-kangkong-700{--tw-border-opacity: 1;border-color:rgb(21 128 57 / var(--tw-border-opacity, 1))}.spr-border-kangkong-800{--tw-border-opacity: 1;border-color:rgb(22 101 49 / var(--tw-border-opacity, 1))}.spr-border-kangkong-900{--tw-border-opacity: 1;border-color:rgb(20 83 43 / var(--tw-border-opacity, 1))}.spr-border-mango-700{--tw-border-opacity: 1;border-color:rgb(187 104 2 / var(--tw-border-opacity, 1))}.spr-border-mango-800{--tw-border-opacity: 1;border-color:rgb(152 80 8 / var(--tw-border-opacity, 1))}.spr-border-mango-900{--tw-border-opacity: 1;border-color:rgb(124 66 11 / var(--tw-border-opacity, 1))}.spr-border-mushroom-100{--tw-border-opacity: 1;border-color:rgb(230 234 234 / var(--tw-border-opacity, 1))}.spr-border-mushroom-200{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}.spr-border-mushroom-300{--tw-border-opacity: 1;border-color:rgb(184 193 192 / var(--tw-border-opacity, 1))}.spr-border-mushroom-400{--tw-border-opacity: 1;border-color:rgb(145 159 157 / var(--tw-border-opacity, 1))}.spr-border-mushroom-500{--tw-border-opacity: 1;border-color:rgb(115 132 130 / var(--tw-border-opacity, 1))}.spr-border-tomato-600{--tw-border-opacity: 1;border-color:rgb(218 47 56 / var(--tw-border-opacity, 1))}.spr-border-tomato-700{--tw-border-opacity: 1;border-color:rgb(182 31 39 / var(--tw-border-opacity, 1))}.spr-border-tomato-800{--tw-border-opacity: 1;border-color:rgb(151 29 35 / var(--tw-border-opacity, 1))}.spr-border-transparent{border-color:transparent}.spr-border-ubas-400{--tw-border-opacity: 1;border-color:rgb(170 139 250 / var(--tw-border-opacity, 1))}.spr-border-ubas-700{--tw-border-opacity: 1;border-color:rgb(114 39 218 / var(--tw-border-opacity, 1))}.spr-border-white-100{--tw-border-opacity: 1;border-color:rgb(241 242 243 / var(--tw-border-opacity, 1))}.spr-border-white-200{--tw-border-opacity: 1;border-color:rgb(219 219 221 / var(--tw-border-opacity, 1))}.spr-border-white-400{--tw-border-opacity: 1;border-color:rgb(152 152 152 / var(--tw-border-opacity, 1))}.spr-border-wintermelon-600{--tw-border-opacity: 1;border-color:rgb(5 146 181 / var(--tw-border-opacity, 1))}.spr-border-wintermelon-700{--tw-border-opacity: 1;border-color:rgb(12 116 146 / var(--tw-border-opacity, 1))}.spr-border-wintermelon-800{--tw-border-opacity: 1;border-color:rgb(19 94 119 / var(--tw-border-opacity, 1))}.spr-border-wintermelon-900{--tw-border-opacity: 1;border-color:rgb(21 78 100 / var(--tw-border-opacity, 1))}.spr-bg-\[\#4C5857\]{--tw-bg-opacity: 1;background-color:rgb(76 88 87 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#CEFFE1\]{--tw-bg-opacity: 1;background-color:rgb(206 255 225 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#D4F0FF\]{--tw-bg-opacity: 1;background-color:rgb(212 240 255 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#EBFFD2\]{--tw-bg-opacity: 1;background-color:rgb(235 255 210 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#FDECFD\]{--tw-bg-opacity: 1;background-color:rgb(253 236 253 / var(--tw-bg-opacity, 1))}.spr-bg-\[\#FFF2FA\]{--tw-bg-opacity: 1;background-color:rgb(255 242 250 / var(--tw-bg-opacity, 1))}.spr-bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.spr-bg-blueberry-50{--tw-bg-opacity: 1;background-color:rgb(238 247 255 / var(--tw-bg-opacity, 1))}.spr-bg-carrot-50{--tw-bg-opacity: 1;background-color:rgb(255 250 236 / var(--tw-bg-opacity, 1))}.spr-bg-kangkong-100{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.spr-bg-kangkong-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.spr-bg-kangkong-600{--tw-bg-opacity: 1;background-color:rgb(23 173 73 / var(--tw-bg-opacity, 1))}.spr-bg-kangkong-700{--tw-bg-opacity: 1;background-color:rgb(21 128 57 / var(--tw-bg-opacity, 1))}.spr-bg-mango-50{--tw-bg-opacity: 1;background-color:rgb(255 255 234 / var(--tw-bg-opacity, 1))}.spr-bg-mushroom-100{--tw-bg-opacity: 1;background-color:rgb(230 234 234 / var(--tw-bg-opacity, 1))}.spr-bg-mushroom-200{--tw-bg-opacity: 1;background-color:rgb(217 222 222 / var(--tw-bg-opacity, 1))}.spr-bg-mushroom-700\/60{background-color:#4c585799}.spr-bg-transparent{background-color:transparent}.spr-bg-ubas-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.spr-bg-white-100{--tw-bg-opacity: 1;background-color:rgb(241 242 243 / var(--tw-bg-opacity, 1))}.spr-bg-white-300{--tw-bg-opacity: 1;background-color:rgb(186 188 192 / var(--tw-bg-opacity, 1))}.spr-bg-white-400{--tw-bg-opacity: 1;background-color:rgb(152 152 152 / var(--tw-bg-opacity, 1))}.spr-bg-white-50{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.spr-bg-white-500{--tw-bg-opacity: 1;background-color:rgb(124 124 124 / var(--tw-bg-opacity, 1))}.spr-bg-wintermelon-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.spr-object-cover{-o-object-fit:cover;object-fit:cover}.\!spr-p-0{padding:0!important}.\!spr-p-size-spacing-4xs{padding:var(--size-150)!important}.spr-p-0{padding:0}.spr-p-1{padding:.25rem}.spr-p-1\.5{padding:.375rem}.spr-p-2{padding:.5rem}.spr-p-3{padding:.75rem}.spr-p-3\.5{padding:.875rem}.spr-p-4{padding:1rem}.spr-p-6{padding:1.5rem}.spr-p-8{padding:2rem}.spr-p-\[1\.5px\]{padding:1.5px}.spr-p-size-spacing-2xs{padding:var(--size-250)}.spr-p-size-spacing-3xs{padding:var(--size-200)}.spr-p-size-spacing-4xs{padding:var(--size-150)}.spr-p-size-spacing-5xs{padding:var(--size-100)}.spr-p-size-spacing-6xs{padding:var(--size-50)}.spr-p-size-spacing-sm{padding:var(--size-400)}.spr-p-size-spacing-xs{padding:var(--size-300)}.spr-px-2{padding-left:.5rem;padding-right:.5rem}.spr-px-3{padding-left:.75rem;padding-right:.75rem}.spr-px-4{padding-left:1rem;padding-right:1rem}.spr-px-size-spacing-2xs{padding-left:var(--size-250);padding-right:var(--size-250)}.spr-px-size-spacing-4xs{padding-left:var(--size-150);padding-right:var(--size-150)}.spr-px-size-spacing-5xs{padding-left:var(--size-100);padding-right:var(--size-100)}.spr-px-size-spacing-md{padding-left:var(--size-500);padding-right:var(--size-500)}.spr-px-size-spacing-sm{padding-left:var(--size-400);padding-right:var(--size-400)}.spr-px-size-spacing-xs{padding-left:var(--size-300);padding-right:var(--size-300)}.spr-py-1{padding-top:.25rem;padding-bottom:.25rem}.spr-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.spr-py-2{padding-top:.5rem;padding-bottom:.5rem}.spr-py-3{padding-top:.75rem;padding-bottom:.75rem}.spr-py-4{padding-top:1rem;padding-bottom:1rem}.spr-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.spr-py-size-spacing-2xl{padding-top:var(--size-800);padding-bottom:var(--size-800)}.spr-py-size-spacing-2xs{padding-top:var(--size-250);padding-bottom:var(--size-250)}.spr-py-size-spacing-3xs{padding-top:var(--size-200);padding-bottom:var(--size-200)}.spr-py-size-spacing-4xs{padding-top:var(--size-150);padding-bottom:var(--size-150)}.spr-py-size-spacing-6xs{padding-top:var(--size-50);padding-bottom:var(--size-50)}.spr-py-size-spacing-md{padding-top:var(--size-500);padding-bottom:var(--size-500)}.spr-py-size-spacing-sm{padding-top:var(--size-400);padding-bottom:var(--size-400)}.spr-py-size-spacing-xs{padding-top:var(--size-300);padding-bottom:var(--size-300)}.spr-pb-4{padding-bottom:1rem}.spr-pb-size-spacing-sm{padding-bottom:var(--size-400)}.spr-pl-1{padding-left:.25rem}.spr-pl-3{padding-left:.75rem}.spr-pl-size-spacing-xs{padding-left:var(--size-300)}.spr-pr-3{padding-right:.75rem}.spr-pt-0{padding-top:0}.spr-pt-2{padding-top:.5rem}.spr-pt-4{padding-top:1rem}.spr-pt-size-spacing-2xs{padding-top:var(--size-250)}.spr-text-left{text-align:left}.spr-text-center{text-align:center}.spr-text-start{text-align:start}.spr-align-middle{vertical-align:middle}.spr-font-code{font-family:Roboto Mono,sans-serif}.spr-font-inbound{font-family:Roboto,sans-serif}.spr-font-main{font-family:Rubik,sans-serif}.\!spr-text-\[10px\]{font-size:10px!important}.spr-text-200{font-size:14px}.spr-text-\[10px\]{font-size:10px}.spr-text-\[20px\]{font-size:20px}.spr-text-\[28px\]{font-size:28px}.spr-text-\[36px\]{font-size:36px}.spr-text-base{font-size:1rem;line-height:1.5rem}.spr-text-sm{font-size:.875rem;line-height:1.25rem}.spr-text-xs{font-size:.75rem;line-height:1rem}.spr-font-black{font-weight:900}.spr-font-bold{font-weight:700}.spr-font-extrabold{font-weight:800}.spr-font-extralight{font-weight:200}.spr-font-light{font-weight:300}.spr-font-medium{font-weight:500}.spr-font-normal{font-weight:400}.spr-font-semibold{font-weight:600}.spr-font-thin{font-weight:100}.spr-uppercase{text-transform:uppercase}.\!spr-leading-\[0\]{line-height:0!important}.spr-leading-100{line-height:12px}.spr-leading-300{line-height:16px}.spr-leading-4{line-height:1rem}.spr-leading-5{line-height:1.25rem}.spr-leading-\[0\]{line-height:0}.spr-leading-none{line-height:1}.\!spr-tracking-normal{letter-spacing:0em!important}.\!spr-text-white-400{--tw-text-opacity: 1 !important;color:rgb(152 152 152 / var(--tw-text-opacity, 1))!important}.spr-text-blueberry-500{--tw-text-opacity: 1;color:rgb(45 136 255 / var(--tw-text-opacity, 1))}.spr-text-blueberry-700{--tw-text-opacity: 1;color:rgb(15 110 235 / var(--tw-text-opacity, 1))}.spr-text-carrot-500{--tw-text-opacity: 1;color:rgb(255 151 10 / var(--tw-text-opacity, 1))}.spr-text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.spr-text-kangkong-500{--tw-text-opacity: 1;color:rgb(34 197 88 / var(--tw-text-opacity, 1))}.spr-text-kangkong-600{--tw-text-opacity: 1;color:rgb(23 173 73 / var(--tw-text-opacity, 1))}.spr-text-kangkong-700{--tw-text-opacity: 1;color:rgb(21 128 57 / var(--tw-text-opacity, 1))}.spr-text-kangkong-800{--tw-text-opacity: 1;color:rgb(22 101 49 / var(--tw-text-opacity, 1))}.spr-text-mango-500{--tw-text-opacity: 1;color:rgb(255 191 0 / var(--tw-text-opacity, 1))}.spr-text-mushroom-300{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.spr-text-mushroom-400{--tw-text-opacity: 1;color:rgb(145 159 157 / var(--tw-text-opacity, 1))}.spr-text-mushroom-600{--tw-text-opacity: 1;color:rgb(93 108 107 / var(--tw-text-opacity, 1))}.spr-text-mushroom-950{--tw-text-opacity: 1;color:rgb(38 43 43 / var(--tw-text-opacity, 1))}.spr-text-tomato-500{--tw-text-opacity: 1;color:rgb(236 71 80 / var(--tw-text-opacity, 1))}.spr-text-tomato-600{--tw-text-opacity: 1;color:rgb(218 47 56 / var(--tw-text-opacity, 1))}.spr-text-ubas-800{--tw-text-opacity: 1;color:rgb(95 33 182 / var(--tw-text-opacity, 1))}.spr-text-white-50{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.spr-decoration-solid{text-decoration-style:solid}.spr-opacity-0{opacity:0}.spr-opacity-100{opacity:1}.spr-opacity-30{opacity:.3}.spr-opacity-50{opacity:.5}.spr-opacity-60{opacity:.6}.\!spr-shadow-button{--tw-shadow: 0px 2px 1px 0px rgba(0, 0, 0, .15) inset !important;--tw-shadow-colored: inset 0px 2px 1px 0px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.\!spr-shadow-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.spr-shadow-\[inset_0px_0px_0px_2\.5px\#fff\]{--tw-shadow: inset 0px 0px 0px 2.5px#fff;--tw-shadow-colored: inset 0px 0px 0px 2.5px#fff var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-shadow-\[inset_0px_0px_0px_2\.5px_\#fff\]{--tw-shadow: inset 0px 0px 0px 2.5px #fff;--tw-shadow-colored: inset 0px 0px 0px 2.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-outline-none{outline:2px solid transparent;outline-offset:2px}.spr-outline-2{outline-width:2px}.spr-outline-offset-4{outline-offset:4px}.spr-ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.spr-brightness-75{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spr-drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spr-drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spr-filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spr-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spr-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spr-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spr-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spr-duration-150{transition-duration:.15s}.spr-duration-300{transition-duration:.3s}.spr-duration-\[150ms\]{transition-duration:.15s}.spr-ease-\[ease-in-out\]{transition-timing-function:ease-in-out}.spr-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.spr-hidden-scrolls::-webkit-scrollbar{display:none}.spr-heading-xl{font-family:Rubik,sans-serif;font-weight:500;font-size:48px;line-height:60px;letter-spacing:-1.3px}.spr-heading-lg{font-family:Rubik,sans-serif;font-weight:500;font-size:40px;line-height:48px;letter-spacing:-1px}.spr-heading-md{font-family:Rubik,sans-serif;font-weight:500;font-size:32px;line-height:40px;letter-spacing:-1px}.spr-heading-sm{font-family:Rubik,sans-serif;font-weight:500;font-size:28px;line-height:36px;letter-spacing:-.7px}.spr-heading-xs{font-family:Rubik,sans-serif;font-weight:500;font-size:24px;line-height:32px;letter-spacing:-.7px}.spr-subheading-sm{font-family:Rubik,sans-serif;font-weight:500;font-size:20px;line-height:24px;letter-spacing:-.7px}.spr-subheading-xs{font-family:Rubik,sans-serif;font-weight:500;font-size:16px;line-height:20px;letter-spacing:0px}.spr-body-lg{font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-lg-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-lg-regular-underline{font-weight:400;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-lg-regular-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-lg-medium-underline{font-weight:500;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:20px;line-height:32px;letter-spacing:0px}.spr-body-md{font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-md-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-md-regular-underline{font-weight:400;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-md-regular-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-md-medium-underline{font-weight:500;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:16px;line-height:24px;letter-spacing:0px}.spr-body-sm{font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-sm-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-sm-regular-underline{font-weight:400;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-sm-regular-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-sm-medium-underline{font-weight:500;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:14px;line-height:20px;letter-spacing:0px}.spr-body-xs{font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-body-xs-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-body-xs-regular-underline{font-weight:400;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-body-xs-regular-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-body-xs-medium-underline{font-weight:500;text-decoration-style:solid;font-family:Rubik,sans-serif;font-size:12px;line-height:16px;letter-spacing:0px}.spr-label-xs{font-family:Rubik,sans-serif;font-size:12px;line-height:12px;letter-spacing:.7px}.spr-label-xs-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:12px;line-height:12px;letter-spacing:.7px}.spr-label-xs-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:12px;line-height:12px;letter-spacing:.7px}.spr-label-sm{font-family:Rubik,sans-serif;font-size:14px;line-height:14px;letter-spacing:.7px}.spr-label-sm-regular{font-weight:400;font-family:Rubik,sans-serif;font-size:14px;line-height:14px;letter-spacing:.7px}.spr-label-sm-medium{font-weight:500;font-family:Rubik,sans-serif;font-size:14px;line-height:14px;letter-spacing:.7px}.spr-font-size-100{font-size:12px}.spr-font-size-200{font-size:14px}.spr-font-size-300{font-size:16px}.spr-font-size-400{font-size:20px}.spr-font-size-500{font-size:24px}.spr-font-size-600{font-size:28px}.spr-font-size-700{font-size:32px}.spr-font-size-800{font-size:40px}.spr-font-size-900{font-size:48px}.spr-font-size-1000{font-size:56px}.spr-line-height-100{line-height:12px}.spr-line-height-200{line-height:14px}.spr-line-height-300{line-height:16px}.spr-line-height-400{line-height:20px}.spr-line-height-500{line-height:24px}.spr-line-height-600{line-height:32px}.spr-line-height-700{line-height:36px}.spr-line-height-800{line-height:40px}.spr-line-height-900{line-height:48px}.spr-line-height-1000{line-height:60px}.spr-letter-spacing-none{letter-spacing:0}.spr-letter-spacing-densest{letter-spacing:-1.3px}.spr-letter-spacing-denser{letter-spacing:-1px}.spr-letter-spacing-dense{letter-spacing:-.7px}.spr-letter-spacing-normal{letter-spacing:0px}.spr-letter-spacing-wide{letter-spacing:.7px}.spr-letter-spacing-wider{letter-spacing:1px}.spr-letter-spacing-widest{letter-spacing:1.3px}.spr-text-color-strong{--tw-text-opacity: 1;color:rgb(38 43 43 / var(--tw-text-opacity, 1))}.spr-text-color-supporting{--tw-text-opacity: 1;color:rgb(145 159 157 / var(--tw-text-opacity, 1))}.spr-text-color-base{--tw-text-opacity: 1;color:rgb(93 108 107 / var(--tw-text-opacity, 1))}.spr-text-color-weak{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.spr-text-color-disabled{--tw-text-opacity: 1;color:rgb(186 188 192 / var(--tw-text-opacity, 1))}.\!spr-text-color-on-fill-disabled,.spr-text-color-on-fill-disabled{--tw-text-opacity: 1;color:rgb(152 152 152 / var(--tw-text-opacity, 1))}.spr-text-color-inverted-strong{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.spr-text-color-inverted-disabled{--tw-text-opacity: 1;color:rgb(101 101 101 / var(--tw-text-opacity, 1))}.spr-text-color-brand-base,.spr-text-color-success-base{--tw-text-opacity: 1;color:rgb(21 128 57 / var(--tw-text-opacity, 1))}.spr-text-color-information-base{--tw-text-opacity: 1;color:rgb(15 110 235 / var(--tw-text-opacity, 1))}.spr-text-color-danger-base{--tw-text-opacity: 1;color:rgb(218 47 56 / var(--tw-text-opacity, 1))}.spr-text-color-pending-base{--tw-text-opacity: 1;color:rgb(187 104 2 / var(--tw-text-opacity, 1))}.spr-text-color-caution-base{--tw-text-opacity: 1;color:rgb(204 92 2 / var(--tw-text-opacity, 1))}.spr-background-color{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.spr-background-color-surface{--tw-bg-opacity: 1;background-color:rgb(241 242 243 / var(--tw-bg-opacity, 1))}.spr-background-color-inverted{--tw-bg-opacity: 1;background-color:rgb(38 43 43 / var(--tw-bg-opacity, 1))}.spr-background-color-base{--tw-bg-opacity: 1;background-color:rgb(239 241 241 / var(--tw-bg-opacity, 1))}.spr-background-color-single-active{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.spr-background-color-multiple-active{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.spr-background-color-hover{--tw-bg-opacity: 1;background-color:rgb(239 241 241 / var(--tw-bg-opacity, 1))}.spr-background-color-pressed{--tw-bg-opacity: 1;background-color:rgb(230 234 234 / var(--tw-bg-opacity, 1))}.spr-background-color-disabled{--tw-bg-opacity: 1;background-color:rgb(241 242 243 / var(--tw-bg-opacity, 1))}.spr-background-color-brand-base{--tw-bg-opacity: 1;background-color:rgb(21 128 57 / var(--tw-bg-opacity, 1))}.spr-background-color-brand-hover{--tw-bg-opacity: 1;background-color:rgb(22 101 49 / var(--tw-bg-opacity, 1))}.spr-background-color-brand-pressed{--tw-bg-opacity: 1;background-color:rgb(20 83 43 / var(--tw-bg-opacity, 1))}.spr-background-color-brand-weak{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.spr-background-color-success-base{--tw-bg-opacity: 1;background-color:rgb(23 173 73 / var(--tw-bg-opacity, 1))}.spr-background-color-success-hover{--tw-bg-opacity: 1;background-color:rgb(21 128 57 / var(--tw-bg-opacity, 1))}.spr-background-color-success-pressed{--tw-bg-opacity: 1;background-color:rgb(22 101 49 / var(--tw-bg-opacity, 1))}.spr-background-color-success-weak{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.spr-background-color-information-base{--tw-bg-opacity: 1;background-color:rgb(22 121 250 / var(--tw-bg-opacity, 1))}.spr-background-color-information-weak{--tw-bg-opacity: 1;background-color:rgb(216 235 255 / var(--tw-bg-opacity, 1))}.spr-background-color-pending-base{--tw-bg-opacity: 1;background-color:rgb(255 191 0 / var(--tw-bg-opacity, 1))}.spr-background-color-pending-weak{--tw-bg-opacity: 1;background-color:rgb(255 251 197 / var(--tw-bg-opacity, 1))}.spr-background-color-caution-base{--tw-bg-opacity: 1;background-color:rgb(255 151 10 / var(--tw-bg-opacity, 1))}.spr-background-color-caution-weak{--tw-bg-opacity: 1;background-color:rgb(255 244 211 / var(--tw-bg-opacity, 1))}.spr-background-color-danger-base{--tw-bg-opacity: 1;background-color:rgb(218 47 56 / var(--tw-bg-opacity, 1))}.spr-background-color-danger-hover{--tw-bg-opacity: 1;background-color:rgb(182 31 39 / var(--tw-bg-opacity, 1))}.spr-background-color-danger-pressed{--tw-bg-opacity: 1;background-color:rgb(151 29 35 / var(--tw-bg-opacity, 1))}.spr-background-color-danger-weak{--tw-bg-opacity: 1;background-color:rgb(254 226 227 / var(--tw-bg-opacity, 1))}.spr-switch-background-default{--tw-bg-opacity: 1;background-color:rgb(217 222 222 / var(--tw-bg-opacity, 1))}.spr-switch-background-hover{--tw-bg-opacity: 1;background-color:rgb(184 193 192 / var(--tw-bg-opacity, 1))}.spr-switch-background-pressed{--tw-bg-opacity: 1;background-color:rgb(145 159 157 / var(--tw-bg-opacity, 1))}.spr-border-color-strong{--tw-border-opacity: 1;border-color:rgb(115 132 130 / var(--tw-border-opacity, 1))}.spr-border-color-supporting{--tw-border-opacity: 1;border-color:rgb(145 159 157 / var(--tw-border-opacity, 1))}.\!spr-border-color-base,.spr-border-color-base{--tw-border-opacity: 1;border-color:rgb(184 193 192 / var(--tw-border-opacity, 1))}.spr-border-color-hover{--tw-border-opacity: 1;border-color:rgb(145 159 157 / var(--tw-border-opacity, 1))}.spr-border-color-pressed{--tw-border-opacity: 1;border-color:rgb(115 132 130 / var(--tw-border-opacity, 1))}.spr-border-color-weak{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}.\!spr-border-color-disabled,.spr-border-color-disabled{--tw-border-opacity: 1;border-color:rgb(241 242 243 / var(--tw-border-opacity, 1))}.spr-border-color-on-fill-disabled{--tw-border-opacity: 1;border-color:rgb(219 219 221 / var(--tw-border-opacity, 1))}.\!spr-border-color-brand-base,.spr-border-color-brand-base{--tw-border-opacity: 1;border-color:rgb(21 128 57 / var(--tw-border-opacity, 1))}.spr-border-color-brand-hover{--tw-border-opacity: 1;border-color:rgb(22 101 49 / var(--tw-border-opacity, 1))}.spr-border-color-brand-pressed{--tw-border-opacity: 1;border-color:rgb(20 83 43 / var(--tw-border-opacity, 1))}.\!spr-border-color-success-base,.spr-border-color-success-base{--tw-border-opacity: 1;border-color:rgb(21 128 57 / var(--tw-border-opacity, 1))}.spr-border-color-success-hover{--tw-border-opacity: 1;border-color:rgb(22 101 49 / var(--tw-border-opacity, 1))}.spr-border-color-success-pressed{--tw-border-opacity: 1;border-color:rgb(20 83 43 / var(--tw-border-opacity, 1))}.\!spr-border-color-information-base,.spr-border-color-information-base{--tw-border-opacity: 1;border-color:rgb(15 110 235 / var(--tw-border-opacity, 1))}.spr-border-color-information-hover{--tw-border-opacity: 1;border-color:rgb(19 86 186 / var(--tw-border-opacity, 1))}.spr-border-color-information-pressed{--tw-border-opacity: 1;border-color:rgb(22 75 146 / var(--tw-border-opacity, 1))}.\!spr-border-color-danger-base,.spr-border-color-danger-base{--tw-border-opacity: 1;border-color:rgb(218 47 56 / var(--tw-border-opacity, 1))}.spr-border-color-danger-hover{--tw-border-opacity: 1;border-color:rgb(182 31 39 / var(--tw-border-opacity, 1))}.spr-border-color-danger-pressed{--tw-border-opacity: 1;border-color:rgb(151 29 35 / var(--tw-border-opacity, 1))}.\!spr-border-color-pending-base,.spr-border-color-pending-base{--tw-border-opacity: 1;border-color:rgb(187 104 2 / var(--tw-border-opacity, 1))}.spr-border-color-pending-hover{--tw-border-opacity: 1;border-color:rgb(152 80 8 / var(--tw-border-opacity, 1))}.spr-border-color-pending-pressed{--tw-border-opacity: 1;border-color:rgb(124 66 11 / var(--tw-border-opacity, 1))}.\!spr-border-color-caution-base,.spr-border-color-caution-base{--tw-border-opacity: 1;border-color:rgb(204 92 2 / var(--tw-border-opacity, 1))}.spr-border-color-caution-hover{--tw-border-opacity: 1;border-color:rgb(161 71 11 / var(--tw-border-opacity, 1))}.spr-border-color-caution-pressed{--tw-border-opacity: 1;border-color:rgb(130 60 12 / var(--tw-border-opacity, 1))}.spr-border-color-accent-base{--tw-border-opacity: 1;border-color:rgb(12 116 146 / var(--tw-border-opacity, 1))}.spr-border-color-accent-hover{--tw-border-opacity: 1;border-color:rgb(19 94 119 / var(--tw-border-opacity, 1))}.spr-border-color-accent-pressed{--tw-border-opacity: 1;border-color:rgb(21 78 100 / var(--tw-border-opacity, 1))}.spr-drop-shadow{--tw-shadow: 0px 2px 8px -2px #262B2B33;--tw-shadow-colored: 0px 2px 8px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-drop-shadow-md{--tw-shadow: 0px 4px 12px 0px #262B2B29;--tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.spr-divide-color-strong>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(115 132 130 / var(--tw-divide-opacity, 1))}.spr-divide-color-supporting>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(145 159 157 / var(--tw-divide-opacity, 1))}.spr-divide-color-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(184 193 192 / var(--tw-divide-opacity, 1))}.spr-divide-color-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(145 159 157 / var(--tw-divide-opacity, 1))}.spr-divide-color-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(115 132 130 / var(--tw-divide-opacity, 1))}.spr-divide-color-weak>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(217 222 222 / var(--tw-divide-opacity, 1))}.spr-divide-color-disabled>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 242 243 / var(--tw-divide-opacity, 1))}.spr-divide-color-on-fill-disabled>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(219 219 221 / var(--tw-divide-opacity, 1))}.spr-divide-color-brand-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 128 57 / var(--tw-divide-opacity, 1))}.spr-divide-color-brand-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 101 49 / var(--tw-divide-opacity, 1))}.spr-divide-color-brand-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(20 83 43 / var(--tw-divide-opacity, 1))}.spr-divide-color-success-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 128 57 / var(--tw-divide-opacity, 1))}.spr-divide-color-success-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 101 49 / var(--tw-divide-opacity, 1))}.spr-divide-color-success-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(20 83 43 / var(--tw-divide-opacity, 1))}.spr-divide-color-information-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(15 110 235 / var(--tw-divide-opacity, 1))}.spr-divide-color-information-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(19 86 186 / var(--tw-divide-opacity, 1))}.spr-divide-color-information-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(22 75 146 / var(--tw-divide-opacity, 1))}.spr-divide-color-danger-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(218 47 56 / var(--tw-divide-opacity, 1))}.spr-divide-color-danger-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(182 31 39 / var(--tw-divide-opacity, 1))}.spr-divide-color-danger-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(151 29 35 / var(--tw-divide-opacity, 1))}.spr-divide-color-pending-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(187 104 2 / var(--tw-divide-opacity, 1))}.spr-divide-color-pending-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(152 80 8 / var(--tw-divide-opacity, 1))}.spr-divide-color-pending-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(124 66 11 / var(--tw-divide-opacity, 1))}.spr-divide-color-caution-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(204 92 2 / var(--tw-divide-opacity, 1))}.spr-divide-color-caution-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(161 71 11 / var(--tw-divide-opacity, 1))}.spr-divide-color-caution-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(130 60 12 / var(--tw-divide-opacity, 1))}.spr-divide-color-accent-base>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(12 116 146 / var(--tw-divide-opacity, 1))}.spr-divide-color-accent-hover>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(19 94 119 / var(--tw-divide-opacity, 1))}.spr-divide-color-accent-pressed>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(21 78 100 / var(--tw-divide-opacity, 1))}.\[font-weight\:inherit\]{font-weight:inherit}.selection\:spr-cursor-pointer *::-moz-selection{cursor:pointer}.selection\:spr-cursor-pointer *::selection{cursor:pointer}.selection\:spr-cursor-pointer::-moz-selection{cursor:pointer}.selection\:spr-cursor-pointer::selection{cursor:pointer}.placeholder\:spr-text-mushroom-300::-moz-placeholder{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.placeholder\:spr-text-mushroom-300::placeholder{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.placeholder\:spr-text-color-weak::-moz-placeholder{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.placeholder\:spr-text-color-weak::placeholder{--tw-text-opacity: 1;color:rgb(184 193 192 / var(--tw-text-opacity, 1))}.before\:spr-transition-all:before{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:spr-duration-150:before{content:var(--tw-content);transition-duration:.15s}.after\:spr-transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:spr-duration-150:after{content:var(--tw-content);transition-duration:.15s}.first\:spr-border-l-0:first-child{border-left-width:0px}.last\:spr-rounded-b-xl:last-child{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.last\:spr-border-r-0:last-child{border-right-width:0px}.last-of-type\:spr-border-0:last-of-type{border-width:0px}.last-of-type\:spr-border-t:last-of-type{border-top-width:1px}.last-of-type\:spr-border-solid:last-of-type{border-style:solid}.last-of-type\:spr-border-color-weak:last-of-type{--tw-border-opacity: 1;border-color:rgb(217 222 222 / var(--tw-border-opacity, 1))}.hover\:spr-cursor-pointer:hover{cursor:pointer}.hover\:spr-rounded-border-radius-xs:hover{border-radius:var(--size-100)}.hover\:spr-bg-mushroom-300:hover{--tw-bg-opacity: 1;background-color:rgb(184 193 192 / var(--tw-bg-opacity, 1))}.hover\:spr-text-kangkong-700:hover{--tw-text-opacity: 1;color:rgb(21 128 57 / var(--tw-text-opacity, 1))}.hover\:spr-shadow-button-hover:hover{--tw-shadow: 0px -2px 1px 0px rgba(0, 0, 0, .1) inset;--tw-shadow-colored: inset 0px -2px 1px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:spr-brightness-75:hover{--tw-brightness: brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:spr-drop-shadow-sm:hover{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:spr-text-color-base:hover{--tw-text-opacity: 1;color:rgb(93 108 107 / var(--tw-text-opacity, 1))}.hover\:spr-background-color-hover:hover{--tw-bg-opacity: 1;background-color:rgb(239 241 241 / var(--tw-bg-opacity, 1))}.hover\:spr-background-color-brand-hover:hover{--tw-bg-opacity: 1;background-color:rgb(22 101 49 / var(--tw-bg-opacity, 1))}.hover\:spr-border-color-brand-hover:hover{--tw-border-opacity: 1;border-color:rgb(22 101 49 / var(--tw-border-opacity, 1))}.hover\:spr-drop-shadow-sm:hover{--tw-shadow: 0px 2px 4px -1px #262B2B1F;--tw-shadow-colored: 0px 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:spr-border-kangkong-700:focus{--tw-border-opacity: 1;border-color:rgb(21 128 57 / var(--tw-border-opacity, 1))}.focus\:spr-border-tomato-600:focus{--tw-border-opacity: 1;border-color:rgb(218 47 56 / var(--tw-border-opacity, 1))}.focus\:spr-border-white-100:focus{--tw-border-opacity: 1;border-color:rgb(241 242 243 / var(--tw-border-opacity, 1))}.active\:spr-scale-75:active{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:spr-scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:spr-scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:spr-scale-\[\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:spr-border-2:active{border-width:2px}.active\:spr-border-solid:active{border-style:solid}.active\:spr-text-kangkong-800:active{--tw-text-opacity: 1;color:rgb(22 101 49 / var(--tw-text-opacity, 1))}.active\:spr-text-color-strong:active{--tw-text-opacity: 1;color:rgb(38 43 43 / var(--tw-text-opacity, 1))}.active\:spr-text-color-success-pressed:active{--tw-text-opacity: 1;color:rgb(20 83 43 / var(--tw-text-opacity, 1))}.active\:spr-background-color-single-active:active{--tw-bg-opacity: 1;background-color:rgb(220 252 230 / var(--tw-bg-opacity, 1))}.active\:spr-background-color-pressed:active{--tw-bg-opacity: 1;background-color:rgb(230 234 234 / var(--tw-bg-opacity, 1))}.active\:spr-background-color-brand-pressed:active{--tw-bg-opacity: 1;background-color:rgb(20 83 43 / var(--tw-bg-opacity, 1))}.spr-group:hover .group-hover\:spr-background-color-hover{--tw-bg-opacity: 1;background-color:rgb(239 241 241 / var(--tw-bg-opacity, 1))}.spr-group:active .group-active\:spr-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.spr-group:active .group-active\:spr-background-color-pressed{--tw-bg-opacity: 1;background-color:rgb(230 234 234 / var(--tw-bg-opacity, 1))}@media (max-width: 767.98px){.md\:spr-h-\[calc\(80vh-150px\)\]{height:calc(80vh - 150px)}}@media (max-width: 575.98px){.sm\:spr-h-\[calc\(70vh-150px\)\]{height:calc(70vh - 150px)}.sm\:spr-w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.sm\:spr-w-\[calc\(100\%-35px\)\]{width:calc(100% - 35px)}.sm\:spr-max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.sm\:spr-flex-col{flex-direction:column}.sm\:spr-p-2{padding:.5rem}}.\[\&\>\#dropdown-wrapper\]\:spr-my-1>#dropdown-wrapper{margin-top:.25rem;margin-bottom:.25rem}.\[\&\>img\]\:spr-mx-auto>img{margin-left:auto;margin-right:auto}.\[\&\>img\]\:spr-h-\[24px\]>img{height:24px}.\[\&\>img\]\:spr-h-\[36px\]>img{height:36px}.\[\&\>img\]\:spr-w-\[24px\]>img{width:24px}.\[\&\>img\]\:spr-w-\[36px\]>img{width:36px}.\[\&\>img\]\:spr-rounded-full>img{border-radius:9999px}.\[\&\>img\]\:spr-object-cover>img{-o-object-fit:cover;object-fit:cover}.\[\&\>p\]\:spr-m-0>p{margin:0}.\[\&\>svg\]\:spr-min-h-4>svg{min-height:1rem}.\[\&\>svg\]\:spr-min-w-4>svg{min-width:1rem}.\[\&\>svg\]\:spr-font-size-200>svg{font-size:14px}.\[\&\>svg\]\:spr-font-size-300>svg{font-size:16px}.\[\&\>svg\]\:spr-font-size-400>svg{font-size:20px}.\[\&_\.chips-close\]\:spr-m-0 .chips-close{margin:0}.\[\&_\.chips-close\]\:spr-inline-flex .chips-close{display:inline-flex}.\[\&_\.chips-close\]\:spr-items-center .chips-close{align-items:center}.\[\&_\.chips-close\]\:spr-border-0 .chips-close{border-width:0px}.\[\&_\.chips-close\]\:spr-bg-transparent .chips-close{background-color:transparent}.\[\&_\.chips-close\]\:spr-p-0 .chips-close{padding:0}.\[\&_\.chips-close\]\:spr-leading-\[0\] .chips-close{line-height:0}.\[\&_\.chips-close\]\:hover\:spr-cursor-pointer:hover .chips-close{cursor:pointer}
package/dist/main.css.gz CHANGED
Binary file
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "design-system-next",
3
3
  "private": false,
4
- "version": "2.7.21",
4
+ "version": "2.7.23",
5
5
  "main": "./dist/design-system-next.js",
6
6
  "module": "./dist/design-system-next.js",
7
7
  "repository": {
package/src/components/table/table.ts CHANGED
@@ -71,6 +71,7 @@ export const tablePropTypes = {
71
71
  headers: {
72
72
  type: Array as PropType<Header[]>,
73
73
  required: true,
74
+ default: () => [],
74
75
  },
75
76
  emptyState: {
76
77
  type: Object as PropType<EmptyState>,
@@ -85,6 +86,10 @@ export const tablePropTypes = {
85
86
  type: String,
86
87
  default: ''
87
88
  },
89
+ tableActionSlotCustomClasses: {
90
+ type: String,
91
+ default: ''
92
+ },
88
93
  loading: {
89
94
  type: Boolean as PropType<boolean>,
90
95
  default: false,
@@ -114,6 +119,7 @@ export const tablePropTypes = {
114
119
  sortOrder: {
115
120
  type: String as PropType<(typeof TABLE_SORT)[number]>,
116
121
  validator: (value: (typeof TABLE_SORT)[number]) => TABLE_SORT.includes(value),
122
+ default: 'asc'
117
123
  },
118
124
 
119
125
  variant: {
package/src/components/table/table.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div :class="getTableClasses.tableWrapperClasses">
3
- <div v-if="!!$slots.default" :class="getTableClasses.defaultSlotClasses">
3
+ <div v-if="!!$slots.default" :class="getTableClasses.tableActionSlotClasses">
4
4
  <slot />
5
5
  </div>
6
6
 
@@ -42,10 +42,19 @@
42
42
  </span>
43
43
  <span
44
44
  v-if="header.sort"
45
- :class="['spr-flex spr-flex-row spr-items-center', { 'spr-cursor-pointer': header.sort }]"
45
+ :class="[
46
+ 'spr-flex spr-flex-row spr-items-center spr-p-size-spacing-6xs',
47
+ 'hover:spr-rounded-border-radius-xs hover:spr-bg-mushroom-300',
48
+ { 'spr-cursor-pointer': header.sort },
49
+ ]"
46
50
  @click="header.sort && sortData(header.field)"
47
51
  >
48
- <Icon icon="ph:caret-up-down-light" />
52
+ <Icon
53
+ :icon="getSortIcon(header.field)"
54
+ height="16"
55
+ width="16"
56
+ :class="[{ 'spr-text-kangkong-700': sortField === header.field }]"
57
+ />
49
58
  </span>
50
59
  </div>
51
60
  </th>
@@ -60,7 +69,10 @@
60
69
  <tr
61
70
  v-for="(item, keyIndex) in sortedData"
62
71
  :key="keyIndex"
63
- :class="getTableClasses.tableRowClasses"
72
+ :class="[
73
+ getTableClasses.tableRowClasses,
74
+ isRowSelected(item) ? 'spr-bg-kangkong-100' : 'hover:spr-background-color-hover',
75
+ ]"
64
76
  @click="handleRowClick(item, keyIndex)"
65
77
  @mouseover="$emit('onHover', { active: true, data: item })"
66
78
  @mouseleave="$emit('onHover', { active: false, data: item })"
@@ -139,7 +151,7 @@
139
151
  </td>
140
152
  </tr>
141
153
  </tbody>
142
- <tbody v-else :class="emptyStateClasses">
154
+ <tbody v-else :class="getTableClasses.emptyStateClasses">
143
155
  <tr v-if="!loading" class="spr-h-full">
144
156
  <td :colspan="getHeaderCount" class="spr-flex spr-h-full spr-items-center spr-justify-center">
145
157
  <slot name="empty-state">
@@ -192,7 +204,7 @@ const {
192
204
  getEmptyStateSize,
193
205
  isAllSelected,
194
206
  isIndeterminate,
195
- emptyStateClasses,
207
+ sortField,
196
208
 
197
209
  isRowSelected,
198
210
  sortData,
@@ -200,6 +212,7 @@ const {
200
212
  handleRowClick,
201
213
  handleSelect,
202
214
  handleSelectAll,
203
- sortedDataItem
215
+ sortedDataItem,
216
+ getSortIcon,
204
217
  } = useTable(props, emit, slots);
205
218
  </script>