npm - @frontify/fondue - Versions diffs - 13.9.0 → 14.0.0-beta.0 - Mend

@frontify/fondue 13.9.0 → 14.0.0-beta.0

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 (690) hide show

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
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(147 197 253 / .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(147 197 253 / .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: },:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--typography-font-family-primary);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Menlo,Courier,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.tw-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}.tw-pointer-events-none{pointer-events:none}.tw-pointer-events-auto{pointer-events:auto}.tw-visible{visibility:visible}.tw-invisible{visibility:hidden}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{top:0;right:0;bottom:0;left:0}.tw-bottom-0{bottom:0}.tw-bottom-\[-6px\]{bottom:-6px}.tw-left-0{left:0}.tw-left-2{left:.5rem}.tw-left-\[-5px\]{left:-5px}.tw-left-\[-6px\]{left:-6px}.tw-left-auto{left:auto}.tw-right-0{right:0}.tw-right-1{right:.25rem}.tw-right-1\.5{right:.375rem}.tw-right-12{right:3rem}.tw-right-14{right:3.5rem}.tw-right-3{right:.75rem}.tw-right-4{right:1rem}.tw-right-5{right:1.25rem}.tw-right-8{right:2rem}.tw-right-\[-0\.55rem\]{right:-.55rem}.tw-right-\[-5px\]{right:-5px}.tw-right-\[-6px\]{right:-6px}.tw-right-\[0\.6rem\]{right:.6rem}.tw-top-0{top:0}.tw-top-2{top:.5rem}.tw-top-\[-0\.55rem\]{top:-.55rem}.tw-top-\[-6px\]{top:-6px}.tw-top-\[0\.6rem\]{top:.6rem}.tw-top-px{top:1px}.-tw-z-10{z-index:-10}.tw-z-0{z-index:0}.tw-z-10{z-index:10}.tw-z-20{z-index:20}.tw-z-\[110000\]{z-index:110000}.tw-z-\[120000\]{z-index:120000}.tw-z-\[1\]{z-index:1}.tw-m-0{margin:0}.tw-m-1{margin:.25rem}.tw-m-10{margin:2.5rem}.tw-m-2{margin:.5rem}.tw-m-3{margin:.75rem}.tw-m-4{margin:1rem}.tw-m-5{margin:1.25rem}.tw-m-6{margin:1.5rem}.tw-m-7{margin:1.75rem}.tw-m-8{margin:2rem}.tw-m-9{margin:2.25rem}.tw-m-auto{margin:auto}.tw-mx-0{margin-left:0;margin-right:0}.tw-mx-1{margin-left:.25rem;margin-right:.25rem}.tw-mx-10{margin-left:2.5rem;margin-right:2.5rem}.tw-mx-2{margin-left:.5rem;margin-right:.5rem}.tw-mx-3{margin-left:.75rem;margin-right:.75rem}.tw-mx-4{margin-left:1rem;margin-right:1rem}.tw-mx-5{margin-left:1.25rem;margin-right:1.25rem}.tw-mx-6{margin-left:1.5rem;margin-right:1.5rem}.tw-mx-7{margin-left:1.75rem;margin-right:1.75rem}.tw-mx-8{margin-left:2rem;margin-right:2rem}.tw-mx-9{margin-left:2.25rem;margin-right:2.25rem}.tw-my-0{margin-top:0;margin-bottom:0}.tw-my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.tw-my-1{margin-top:.25rem;margin-bottom:.25rem}.tw-my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.tw-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.tw-my-2{margin-top:.5rem;margin-bottom:.5rem}.tw-my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.tw-my-3{margin-top:.75rem;margin-bottom:.75rem}.tw-my-4{margin-top:1rem;margin-bottom:1rem}.tw-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.tw-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.tw-my-7{margin-top:1.75rem;margin-bottom:1.75rem}.tw-my-8{margin-top:2rem;margin-bottom:2rem}.tw-my-9{margin-top:2.25rem;margin-bottom:2.25rem}.tw--ml-0\.5{margin-left:-.125rem}.tw--ml-1{margin-left:-.25rem}.tw-mb-1{margin-bottom:.25rem}.tw-mb-2{margin-bottom:.5rem}.tw-mb-4{margin-bottom:1rem}.tw-ml-1{margin-left:.25rem}.tw-ml-1\.5{margin-left:.375rem}.tw-ml-2{margin-left:.5rem}.tw-ml-auto{margin-left:auto}.tw-mr-1{margin-right:.25rem}.tw-mr-1\.5{margin-right:.375rem}.tw-mr-2{margin-right:.5rem}.tw-mt-1{margin-top:.25rem}.tw-mt-2{margin-top:.5rem}.tw-mt-4{margin-top:1rem}.tw-box-border{box-sizing:border-box}.tw-box-content{box-sizing:content-box}.tw-block{display:block}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-hidden{display:none}.tw-h-0{height:0px}.tw-h-10{height:2.5rem}.tw-h-11{height:2.75rem}.tw-h-12{height:3rem}.tw-h-14{height:3.5rem}.tw-h-16{height:4rem}.tw-h-2{height:.5rem}.tw-h-3{height:.75rem}.tw-h-32{height:8rem}.tw-h-4{height:1rem}.tw-h-5{height:1.25rem}.tw-h-6{height:1.5rem}.tw-h-8{height:2rem}.tw-h-80{height:20rem}.tw-h-9{height:2.25rem}.tw-h-\[11\.5rem\]{height:11.5rem}.tw-h-\[2\.15rem\]{height:2.15rem}.tw-h-\[200px\]{height:200px}.tw-h-fit{height:-moz-fit-content;height:fit-content}.tw-h-full{height:100%}.tw-h-px{height:1px}.tw-max-h-full{max-height:100%}.tw-min-h-\[20px\]{min-height:20px}.tw-min-h-\[28px\]{min-height:28px}.tw-min-h-\[2rem\]{min-height:2rem}.tw-min-h-\[34px\]{min-height:34px}.tw-min-h-\[36px\]{min-height:36px}.tw-min-h-\[60px\]{min-height:60px}.tw-w-0{width:0px}.tw-w-11{width:2.75rem}.tw-w-12{width:3rem}.tw-w-14{width:3.5rem}.tw-w-16{width:4rem}.tw-w-2{width:.5rem}.tw-w-3{width:.75rem}.tw-w-4{width:1rem}.tw-w-5{width:1.25rem}.tw-w-6{width:1.5rem}.tw-w-8{width:2rem}.tw-w-80{width:20rem}.tw-w-9{width:2.25rem}.tw-w-96{width:24rem}.tw-w-\[22px\]{width:22px}.tw-w-\[260px\]{width:260px}.tw-w-\[30px\]{width:30px}.tw-w-\[500px\]{width:500px}.tw-w-\[600px\]{width:600px}.tw-w-auto{width:auto}.tw-w-fit{width:-moz-fit-content;width:fit-content}.tw-w-full{width:100%}.tw-min-w-0{min-width:0px}.tw-min-w-72{min-width:18rem}.tw-min-w-\[20px\]{min-width:20px}.tw-min-w-\[3rem\]{min-width:3rem}.tw-min-w-full{min-width:100%}.tw-max-w-\[100\%\]{max-width:100%}.tw-max-w-\[200px\]{max-width:200px}.tw-max-w-full{max-width:100%}.tw-flex-1{flex:1 1 0%}.tw-flex-auto{flex:1 1 auto}.tw-flex-initial{flex:0 1 auto}.tw-flex-none{flex:none}.tw-shrink-0{flex-shrink:0}.tw-grow{flex-grow:1}.-tw-translate-x-\[0\.315rem\]{--tw-translate-x: -.315rem;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))}.-tw-translate-x-\[0\.81rem\]{--tw-translate-x: -.81rem;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))}.-tw-translate-y-\[0\.07rem\]{--tw-translate-y: -.07rem;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))}.-tw-translate-y-\[0\.56rem\]{--tw-translate-y: -.56rem;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))}.tw-translate-x-\[13px\]{--tw-translate-x: 13px;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))}.tw-translate-x-\[9px\]{--tw-translate-x: 9px;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))}.tw-translate-x-px{--tw-translate-x: 1px;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))}.tw-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))}.tw-rotate-90{--tw-rotate: 90deg;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))}@keyframes tw-spin{to{transform:rotate(360deg)}}.tw-animate-spin{animation:tw-spin 1s linear infinite}.tw-cursor-default{cursor:default}.tw-cursor-pointer{cursor:pointer}.tw-touch-none{touch-action:none}.tw-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tw-resize-none{resize:none}.tw-list-none{list-style-type:none}.tw-auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.tw-grid-flow-col{grid-auto-flow:column}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tw-flex-row{flex-direction:row}.tw-flex-row-reverse{flex-direction:row-reverse}.tw-flex-col{flex-direction:column}.tw-flex-wrap{flex-wrap:wrap}.tw-flex-nowrap{flex-wrap:nowrap}.tw-content-center{align-content:center}.tw-items-start{align-items:flex-start}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-justify-evenly{justify-content:space-evenly}.tw-gap-0\.5{gap:.125rem}.tw-gap-1{gap:.25rem}.tw-gap-1\.5{gap:.375rem}.tw-gap-12{gap:3rem}.tw-gap-2{gap:.5rem}.tw-gap-3{gap:.75rem}.tw-gap-4{gap:1rem}.tw-gap-5{gap:1.25rem}.tw-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.tw-gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.tw-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.tw-gap-y-0{row-gap:0px}.tw-gap-y-0\.5{row-gap:.125rem}.tw-gap-y-1{row-gap:.25rem}.tw-space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.tw-divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(var(--border-width-default) * var(--tw-divide-x-reverse));border-left-width:calc(var(--border-width-default) * calc(1 - var(--tw-divide-x-reverse)))}.tw-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(var(--border-width-default) * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(var(--border-width-default) * var(--tw-divide-y-reverse))}.tw-divide-black-10>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(234 235 235 / var(--tw-divide-opacity, 1))}.tw-divide-line-strong>:not([hidden])~:not([hidden]){border-color:var(--color-line-strong)}.tw-self-center{align-self:center}.tw-self-stretch{align-self:stretch}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-text-ellipsis{text-overflow:ellipsis}.tw-whitespace-nowrap{white-space:nowrap}.tw-whitespace-pre-line{white-space:pre-line}.tw-whitespace-pre-wrap{white-space:pre-wrap}.tw-break-words{overflow-wrap:break-word}.tw-rounded{border-radius:var(--border-radius-medium)}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-md{border-radius:.375rem}.tw-rounded-none{border-radius:0}.tw-rounded-sm{border-radius:.125rem}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.tw-rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.tw-rounded-bl{border-bottom-left-radius:var(--border-radius-medium)}.tw-rounded-tl{border-top-left-radius:var(--border-radius-medium)}.tw-border{border-width:var(--border-width-default)}.tw-border-0{border-width:0px}.tw-border-2{border-width:2px}.tw-border-4{border-width:4px}.tw-border-8{border-width:8px}.tw-border-b{border-bottom-width:var(--border-width-default)}.tw-border-b-4{border-bottom-width:4px}.tw-border-l{border-left-width:var(--border-width-default)}.tw-border-l-4{border-left-width:4px}.tw-border-r{border-right-width:var(--border-width-default)}.tw-border-t{border-top-width:var(--border-width-default)}.tw-border-t-4{border-top-width:4px}.tw-border-solid{border-style:solid}.tw-border-dashed{border-style:dashed}.tw-border-dotted{border-style:dotted}.tw-border-none{border-style:none}.tw-border-black-10{--tw-border-opacity: 1;border-color:rgb(234 235 235 / var(--tw-border-opacity, 1))}.tw-border-black-100{--tw-border-opacity: 1;border-color:rgb(45 50 50 / var(--tw-border-opacity, 1))}.tw-border-black-20{--tw-border-opacity: 1;border-color:rgb(213 214 214 / var(--tw-border-opacity, 1))}.tw-border-black-5{--tw-border-opacity: 1;border-color:rgb(247 247 247 / var(--tw-border-opacity, 1))}.tw-border-black-90{--tw-border-opacity: 1;border-color:rgb(87 91 91 / var(--tw-border-opacity, 1))}.tw-border-box-negative-strong-hover{border-color:var(--color-error-hover)}.tw-border-box-selected-strong{border-color:var(--color-highlight-default)}.tw-border-button-border{border-color:var(--color-primary-default)}.tw-border-button-danger-border,.tw-border-button-negative-border,.tw-border-button-positive-border,.tw-border-button-strong-border,.tw-border-button-strong-negative-border,.tw-border-button-strong-positive-border{border-color:var(--color-line-mid)}.tw-border-green-60{--tw-border-opacity: 1;border-color:rgb(0 200 165 / var(--tw-border-opacity, 1))}.tw-border-line,.tw-border-line-mid,.tw-border-line-mighty{border-color:var(--color-line-mid)}.tw-border-line-strong{border-color:var(--color-line-strong)}.tw-border-line-weak{border-color:var(--color-line-subtle)}.tw-border-line-x-strong,.tw-border-line-xx-strong{border-color:var(--color-line-strong)}.tw-border-red-60{--tw-border-opacity: 1;border-color:rgb(255 55 90 / var(--tw-border-opacity, 1))}.tw-border-text-negative{border-color:var(--color-error-default)}.tw-border-text-positive{border-color:var(--color-success-default)}.tw-border-text-warning{border-color:var(--color-warning-default)}.tw-border-transparent{border-color:transparent}.tw-border-violet-60{--tw-border-opacity: 1;border-color:rgb(130 95 255 / var(--tw-border-opacity, 1))}.tw-border-b-line{border-bottom-color:var(--color-line-mid)}.tw-border-b-transparent{border-bottom-color:transparent}.tw-border-l-line-mid{border-left-color:var(--color-line-mid)}.tw-border-t-transparent{border-top-color:transparent}.tw-border-opacity-25{--tw-border-opacity: .25}.tw-bg-base{background-color:var(--color-surface-default)}.tw-bg-base-alt{background-color:var(--color-surface-dim)}.tw-bg-black-20{--tw-bg-opacity: 1;background-color:rgb(213 214 214 / var(--tw-bg-opacity, 1))}.tw-bg-black-5{--tw-bg-opacity: 1;background-color:rgb(247 247 247 / var(--tw-bg-opacity, 1))}.tw-bg-box-disabled{background-color:var(--color-container-disabled-default)}.tw-bg-box-negative{background-color:var(--color-container-error-default)}.tw-bg-box-negative-hover{background-color:var(--color-container-error-hover)}.tw-bg-box-negative-strong{background-color:var(--color-error-default)}.tw-bg-box-negative-strong-pressed{background-color:var(--color-error-active)}.tw-bg-box-neutral{background-color:var(--color-container-secondary-default)}.tw-bg-box-neutral-mighty,.tw-bg-box-neutral-strong{background-color:var(--color-primary-default)}.tw-bg-box-neutral-strong-inverse,.tw-bg-box-neutral-strong-inverse-pressed{background-color:var(--color-primary-on-primary)}.tw-bg-box-positive{background-color:var(--color-container-success-default)}.tw-bg-box-positive-strong{background-color:var(--color-success-default)}.tw-bg-box-positive-strong-pressed{background-color:var(--color-success-active)}.tw-bg-box-selected{background-color:var(--color-container-highlight-default)}.tw-bg-box-selected-hover{background-color:var(--color-container-highlight-hover)}.tw-bg-box-selected-strong{background-color:var(--color-highlight-default)}.tw-bg-box-warning{background-color:var(--color-container-warning-default)}.tw-bg-box-warning-strong{background-color:var(--color-warning-default)}.tw-bg-button-background{background-color:var(--color-container-secondary-default)}.tw-bg-button-danger-background{background-color:var(--color-error-default)}.tw-bg-button-negative-background{background-color:var(--color-container-error-default)}.tw-bg-button-positive-background{background-color:var(--color-container-success-default)}.tw-bg-button-strong-background{background-color:var(--color-primary-default)}.tw-bg-button-strong-negative-background{background-color:var(--color-error-default)}.tw-bg-button-strong-positive-background{background-color:var(--color-success-default)}.tw-bg-container-secondary{background-color:var(--color-container-secondary-default)}.tw-bg-container-secondary-active{background-color:var(--color-container-secondary-active)}.tw-bg-green-60{--tw-bg-opacity: 1;background-color:rgb(0 200 165 / var(--tw-bg-opacity, 1))}.tw-bg-primary{background-color:var(--color-primary-default)}.tw-bg-red-60{--tw-bg-opacity: 1;background-color:rgb(255 55 90 / var(--tw-bg-opacity, 1))}.tw-bg-surface-active{background-color:var(--color-surface-active)}.tw-bg-text-disabled{background-color:var(--color-disabled-default)}.tw-bg-text-weak{background-color:var(--color-secondary-default)}.tw-bg-transparent{background-color:transparent}.tw-bg-violet-60{--tw-bg-opacity: 1;background-color:rgb(130 95 255 / var(--tw-bg-opacity, 1))}.tw-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.tw-bg-yellow-60{--tw-bg-opacity: 1;background-color:rgb(255 180 0 / var(--tw-bg-opacity, 1))}.tw-stroke-current{stroke:currentColor}.tw-p-0{padding:0}.tw-p-1{padding:.25rem}.tw-p-1\.5{padding:.375rem}.tw-p-10{padding:2.5rem}.tw-p-2{padding:.5rem}.tw-p-3{padding:.75rem}.tw-p-4{padding:1rem}.tw-p-5{padding:1.25rem}.tw-p-6{padding:1.5rem}.tw-p-7{padding:1.75rem}.tw-p-8{padding:2rem}.tw-p-9{padding:2.25rem}.tw-p-\[2px\]{padding:2px}.tw-px-0{padding-left:0;padding-right:0}.tw-px-1{padding-left:.25rem;padding-right:.25rem}.tw-px-1\.5{padding-left:.375rem;padding-right:.375rem}.tw-px-10{padding-left:2.5rem;padding-right:2.5rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-2\.5{padding-left:.625rem;padding-right:.625rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-5{padding-left:1.25rem;padding-right:1.25rem}.tw-px-6{padding-left:1.5rem;padding-right:1.5rem}.tw-px-7{padding-left:1.75rem;padding-right:1.75rem}.tw-px-8{padding-left:2rem;padding-right:2rem}.tw-px-9{padding-left:2.25rem;padding-right:2.25rem}.tw-py-0{padding-top:0;padding-bottom:0}.tw-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.tw-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}.tw-py-4{padding-top:1rem;padding-bottom:1rem}.tw-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.tw-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.tw-py-7{padding-top:1.75rem;padding-bottom:1.75rem}.tw-py-8{padding-top:2rem;padding-bottom:2rem}.tw-py-9{padding-top:2.25rem;padding-bottom:2.25rem}.tw-py-\[11px\]{padding-top:11px;padding-bottom:11px}.tw-pb-0{padding-bottom:0}.tw-pb-1\.5{padding-bottom:.375rem}.tw-pb-2{padding-bottom:.5rem}.tw-pb-2\.5{padding-bottom:.625rem}.tw-pb-3{padding-bottom:.75rem}.tw-pb-4{padding-bottom:1rem}.tw-pb-6{padding-bottom:1.5rem}.tw-pl-1{padding-left:.25rem}.tw-pl-2{padding-left:.5rem}.tw-pl-3{padding-left:.75rem}.tw-pl-4{padding-left:1rem}.tw-pl-5{padding-left:1.25rem}.tw-pl-7{padding-left:1.75rem}.tw-pl-\[19px\]{padding-left:19px}.tw-pr-0{padding-right:0}.tw-pr-1\.5{padding-right:.375rem}.tw-pr-12{padding-right:3rem}.tw-pr-2{padding-right:.5rem}.tw-pr-3{padding-right:.75rem}.tw-pr-4{padding-right:1rem}.tw-pr-5{padding-right:1.25rem}.tw-pr-6{padding-right:1.5rem}.tw-pr-8{padding-right:2rem}.tw-pr-9{padding-right:2.25rem}.tw-pt-1{padding-top:.25rem}.tw-pt-2{padding-top:.5rem}.tw-pt-3{padding-top:.75rem}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-align-top{vertical-align:top}.tw-align-middle{vertical-align:middle}.tw-font-body,.tw-font-sans{font-family:var(--typography-font-family-primary)}.tw-text-body-large{font-size:var(--typography-font-size-large);line-height:var(--typography-line-height-wide)}.tw-text-body-medium{font-size:var(--typography-font-size-medium);line-height:var(--typography-line-height-medium)}.tw-text-body-small{font-size:var(--typography-font-size-small);line-height:var(--typography-line-height-tight)}.tw-text-heading-medium{font-size:var(--typography-font-size-medium);line-height:var(--typography-line-height-tight)}.tw-text-m{font-size:1rem;line-height:1.25rem}.tw-text-s{font-size:.875rem;line-height:1rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xl{font-size:1.5rem;line-height:2rem}.tw-text-xs{font-size:.813rem;line-height:1rem}.tw-text-xxs{font-size:.75rem;line-height:1rem;letter-spacing:.02rem}.tw-font-bold{font-weight:700}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-font-semibold{font-weight:600}.tw-leading-3{line-height:.75rem}.tw-leading-4{line-height:1rem}.tw-leading-5{line-height:1.25rem}.tw-leading-\[0\]{line-height:0}.tw-leading-none{line-height:1}.tw-text-black,.tw-text-black-100{--tw-text-opacity: 1;color:rgb(45 50 50 / var(--tw-text-opacity, 1))}.tw-text-black-20{--tw-text-opacity: 1;color:rgb(213 214 214 / var(--tw-text-opacity, 1))}.tw-text-black-40{--tw-text-opacity: 1;color:rgb(179 181 181 / var(--tw-text-opacity, 1))}.tw-text-black-60{--tw-text-opacity: 1;color:rgb(150 152 152 / var(--tw-text-opacity, 1))}.tw-text-black-70{--tw-text-opacity: 1;color:rgb(129 132 132 / var(--tw-text-opacity, 1))}.tw-text-black-80{--tw-text-opacity: 1;color:rgb(108 112 112 / var(--tw-text-opacity, 1))}.tw-text-black-90{--tw-text-opacity: 1;color:rgb(87 91 91 / var(--tw-text-opacity, 1))}.tw-text-box-disabled-inverse{color:var(--color-container-disabled-on-disabled)}.tw-text-box-negative-inverse{color:var(--color-container-error-on-error-container)}.tw-text-box-negative-strong{color:var(--color-error-default)}.tw-text-box-negative-strong-inverse{color:var(--color-error-on-error)}.tw-text-box-neutral-inverse{color:var(--color-container-secondary-on-secondary-container)}.tw-text-box-neutral-mighty-inverse,.tw-text-box-neutral-strong-inverse{color:var(--color-primary-on-primary)}.tw-text-box-positive-inverse{color:var(--color-container-success-on-success-container)}.tw-text-box-positive-strong{color:var(--color-success-default)}.tw-text-box-positive-strong-inverse{color:var(--color-success-on-success)}.tw-text-box-selected-inverse{color:var(--color-container-highlight-on-highlight-container)}.tw-text-box-selected-strong{color:var(--color-highlight-default)}.tw-text-box-selected-strong-inverse{color:var(--color-highlight-on-highlight)}.tw-text-box-warning-inverse{color:var(--color-container-warning-on-warning-container)}.tw-text-box-warning-strong-inverse{color:var(--color-warning-on-warning)}.tw-text-button-danger-icon,.tw-text-button-danger-text{color:var(--color-error-on-error)}.tw-text-button-icon{color:var(--color-primary-default)}.tw-text-button-negative-icon,.tw-text-button-negative-text{color:var(--color-container-error-on-error-container)}.tw-text-button-positive-icon,.tw-text-button-positive-text{color:var(--color-container-success-on-success-container)}.tw-text-button-strong-icon{color:var(--color-primary-on-primary)}.tw-text-button-strong-negative-icon,.tw-text-button-strong-negative-text{color:var(--color-error-on-error)}.tw-text-button-strong-positive-icon,.tw-text-button-strong-positive-text{color:var(--color-success-on-success)}.tw-text-button-text{color:var(--color-primary-default)}.tw-text-green-60{--tw-text-opacity: 1;color:rgb(0 200 165 / var(--tw-text-opacity, 1))}.tw-text-line-strong{color:var(--color-line-strong)}.tw-text-primary{color:var(--color-primary-default)}.tw-text-primary-on-primary{color:var(--color-primary-on-primary)}.tw-text-red-60{--tw-text-opacity: 1;color:rgb(255 55 90 / var(--tw-text-opacity, 1))}.tw-text-red-70{--tw-text-opacity: 1;color:rgb(204 44 72 / var(--tw-text-opacity, 1))}.tw-text-secondary{color:var(--color-secondary-default)}.tw-text-text{color:var(--color-primary-default)}.tw-text-text-disabled{color:var(--color-disabled-default)}.tw-text-text-negative{color:var(--color-error-default)}.tw-text-text-positive{color:var(--color-success-default)}.tw-text-text-warning{color:var(--color-warning-default)}.tw-text-text-weak,.tw-text-text-x-weak{color:var(--color-secondary-default)}.tw-text-violet-60{--tw-text-opacity: 1;color:rgb(130 95 255 / var(--tw-text-opacity, 1))}.tw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tw-text-yellow-60{--tw-text-opacity: 1;color:rgb(255 180 0 / var(--tw-text-opacity, 1))}.tw-text-yellow-90{--tw-text-opacity: 1;color:rgb(204 144 0 / var(--tw-text-opacity, 1))}.tw-text-opacity-40{--tw-text-opacity: .4}.tw-text-opacity-50{--tw-text-opacity: .5}.tw-underline{text-decoration-line:underline}.tw-no-underline{text-decoration-line:none}.tw-placeholder-black-60::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(150 152 152 / var(--tw-placeholder-opacity, 1))}.tw-placeholder-black-60::placeholder{--tw-placeholder-opacity: 1;color:rgb(150 152 152 / var(--tw-placeholder-opacity, 1))}.tw-placeholder-text-disabled::-moz-placeholder{color:var(--color-disabled-default)}.tw-placeholder-text-disabled::placeholder{color:var(--color-disabled-default)}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-opacity-30{opacity:.3}.tw-opacity-50{opacity:.5}.tw-opacity-75{opacity:.75}.tw-opacity-80{opacity:.8}.tw-opacity-90{opacity:.9}.tw-shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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)}.tw-shadow-big{--tw-shadow: 0px 25px 80px 0px rgba(80, 80, 80, .2);--tw-shadow-colored: 0px 25px 80px 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)}.tw-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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)}.tw-shadow-mid{--tw-shadow: 0px 4px 24px 0px rgba(80, 80, 80, .2);--tw-shadow-colored: 0px 4px 24px 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)}.tw-shadow-none{--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)}.tw-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-outline-none{outline:2px solid transparent;outline-offset:2px}.tw-ring-4{--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(4px + 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)}.tw-ring-inset{--tw-ring-inset: inset}.tw-ring-blue{--tw-ring-color: var(--focus-ring-color)}.tw-ring-offset-2{--tw-ring-offset-width: 2px}.tw-blur-sm{--tw-blur: blur(4px);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-drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));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-grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.tw-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-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}.tw-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-width{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-delay-300{transition-delay:.3s}.tw-duration-300{transition-duration:.3s}.tw-duration-75{transition-duration:75ms}.tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-body-medium{font-family:var(--typography-font-family-primary);font-size:var(--typography-font-size-medium);font-weight:var(--typography-font-weight-regular);text-transform:var(--typography-text-transform-default);letter-spacing:var(--typography-letter-spacing-default);line-height:var(--typography-line-height-medium)}.tw-body-medium-strong{font-family:var(--typography-font-family-primary);font-size:var(--typography-font-size-medium);font-weight:var(--typography-font-weight-medium);text-transform:var(--typography-text-transform-default);letter-spacing:var(--typography-letter-spacing-default);line-height:var(--typography-line-height-medium)}.tw-body-small{font-family:var(--typography-font-family-primary);font-size:var(--typography-font-size-small);font-weight:var(--typography-font-weight-regular);text-transform:var(--typography-text-transform-default);letter-spacing:var(--typography-letter-spacing-default);line-height:var(--typography-line-height-tight)}input.tw-hide-input-arrows::-webkit-outer-spin-button,input.tw-hide-input-arrows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].tw-hide-input-arrows{-moz-appearance:textfield}.tw-popper-container[data-popper-placement^=top]>.tw-popper-arrow{bottom:-4px}.tw-popper-container[data-popper-placement^=bottom]>.tw-popper-arrow{top:-4px}.tw-popper-container[data-popper-placement^=left]>.tw-popper-arrow{right:-4px}.tw-popper-container[data-popper-placement^=right]>.tw-popper-arrow{left:-4px}.before\:tw-pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:tw-absolute:before{content:var(--tw-content);position:absolute}.before\:tw-left-0:before{content:var(--tw-content);left:0}.before\:tw-top-0:before{content:var(--tw-content);top:0}.before\:tw-block:before{content:var(--tw-content);display:block}.before\:tw-h-3:before{content:var(--tw-content);height:.75rem}.before\:tw-h-full:before{content:var(--tw-content);height:100%}.before\:tw-w-3:before{content:var(--tw-content);width:.75rem}.before\:tw-w-full:before{content:var(--tw-content);width:100%}.before\:tw-rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;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))}.before\:\!tw-rounded-lg:before{content:var(--tw-content);border-radius:.5rem!important}.before\:tw-rounded:before{content:var(--tw-content);border-radius:var(--border-radius-medium)}.before\:tw-border:before{content:var(--tw-content);border-width:var(--border-width-default)}.before\:tw-border-b-0:before{content:var(--tw-content);border-bottom-width:0px}.before\:tw-border-l-0:before{content:var(--tw-content);border-left-width:0px}.before\:tw-border-r-0:before{content:var(--tw-content);border-right-width:0px}.before\:tw-border-t-0:before{content:var(--tw-content);border-top-width:0px}.before\:tw-border-line:before{content:var(--tw-content);border-color:var(--color-line-mid)}.before\:tw-border-line-mighty:before{content:var(--tw-content);border-color:var(--color-line-mid)}.before\:tw-border-line-strong:before{content:var(--tw-content);border-color:var(--color-line-strong)}.before\:tw-bg-box-negative-strong-pressed:before{content:var(--tw-content);background-color:var(--color-error-active)}.before\:tw-bg-box-neutral-mighty:before{content:var(--tw-content);background-color:var(--color-primary-default)}.before\:tw-bg-box-positive-strong-pressed:before{content:var(--tw-content);background-color:var(--color-success-active)}.before\:tw-bg-box-selected-strong:before{content:var(--tw-content);background-color:var(--color-highlight-default)}.before\:tw-bg-box-warning-strong:before{content:var(--tw-content);background-color:var(--color-warning-default)}.before\:tw-bg-primary:before{content:var(--tw-content);background-color:var(--color-primary-default)}.before\:tw-bg-transparent:before{content:var(--tw-content);background-color:transparent}.before\:tw-shadow-inner-line-x-strong:before{content:var(--tw-content);--tw-shadow: inset 0 0 0 var(--border-width-default) var(--color-line-strong);--tw-shadow-colored: inset 0 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.before\:tw-shadow-inner-mighty:before{content:var(--tw-content);--tw-shadow: inset 0 0 0 var(--line-width) var(--line-color-mighty);--tw-shadow-colored: inset 0 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.first\:tw-ml-2:first-child{margin-left:.5rem}.first\:tw-ml-3\.5:first-child{margin-left:.875rem}.last\:tw-border-0:last-child{border-width:0px}.focus-within\:tw-border-line-xx-strong:focus-within{border-color:var(--color-line-strong)}.focus-within\:tw-outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.focus-within\:tw-ring-4:focus-within{--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(4px + 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)}.focus-within\:tw-ring-blue:focus-within{--tw-ring-color: var(--focus-ring-color)}.focus-within\:tw-ring-offset-2:focus-within{--tw-ring-offset-width: 2px}.hover\:tw-cursor-grab:hover{cursor:grab}.hover\:tw-cursor-not-allowed:hover{cursor:not-allowed}.hover\:tw-cursor-pointer:hover{cursor:pointer}.hover\:tw-border-black-90:hover{--tw-border-opacity: 1;border-color:rgb(87 91 91 / var(--tw-border-opacity, 1))}.hover\:tw-border-box-selected-inverse:hover{border-color:var(--color-container-highlight-on-highlight-container)}.hover\:tw-border-line-strong:hover,.hover\:tw-border-line-x-strong:hover,.hover\:tw-border-line-xx-strong:hover{border-color:var(--color-line-strong)}.hover\:tw-bg-box-negative-hover:hover{background-color:var(--color-container-error-hover)}.hover\:tw-bg-box-negative-strong-hover:hover{background-color:var(--color-error-hover)}.hover\:tw-bg-box-neutral:hover{background-color:var(--color-container-secondary-default)}.hover\:tw-bg-box-neutral-hover:hover{background-color:var(--color-container-secondary-hover)}.hover\:tw-bg-box-neutral-strong-hover:hover{background-color:var(--color-primary-hover)}.hover\:tw-bg-box-neutral-strong-inverse-hover:hover{background-color:var(--color-primary-on-primary)}.hover\:tw-bg-box-positive-hover:hover{background-color:var(--color-container-success-hover)}.hover\:tw-bg-box-positive-strong-hover:hover{background-color:var(--color-success-hover)}.hover\:tw-bg-box-selected-hover:hover{background-color:var(--color-container-highlight-hover)}.hover\:tw-bg-box-selected-strong-hover:hover{background-color:var(--color-highlight-hover)}.hover\:tw-bg-box-warning-hover:hover{background-color:var(--color-container-warning-hover)}.hover\:tw-bg-box-warning-strong-hover:hover{background-color:var(--color-warning-hover)}.hover\:tw-bg-button-background-hover:hover{background-color:var(--color-container-secondary-hover)}.hover\:tw-bg-button-danger-background-hover:hover{background-color:var(--color-error-hover)}.hover\:tw-bg-button-negative-background-hover:hover{background-color:var(--color-container-error-hover)}.hover\:tw-bg-button-positive-background-hover:hover{background-color:var(--color-container-success-hover)}.hover\:tw-bg-button-strong-background-hover:hover{background-color:var(--color-primary-hover)}.hover\:tw-bg-button-strong-negative-background-hover:hover{background-color:var(--color-error-hover)}.hover\:tw-bg-button-strong-positive-background-hover:hover{background-color:var(--color-success-hover)}.hover\:tw-bg-container-secondary-hover:hover{background-color:var(--color-container-secondary-hover)}.hover\:tw-bg-text:hover{background-color:var(--color-primary-default)}.hover\:tw-text-black:hover,.hover\:tw-text-black-100:hover{--tw-text-opacity: 1;color:rgb(45 50 50 / var(--tw-text-opacity, 1))}.hover\:tw-text-box-negative-inverse-hover:hover{color:var(--color-container-error-on-error-container)}.hover\:tw-text-box-negative-strong-inverse-hover:hover{color:var(--color-error-on-error)}.hover\:tw-text-box-neutral-inverse-hover:hover{color:var(--color-container-secondary-on-secondary-container)}.hover\:tw-text-box-neutral-strong-inverse-hover:hover{color:var(--color-primary-on-primary)}.hover\:tw-text-box-positive-inverse-hover:hover{color:var(--color-container-success-on-success-container)}.hover\:tw-text-box-positive-strong-inverse-hover:hover{color:var(--color-success-on-success)}.hover\:tw-text-box-selected-inverse:hover,.hover\:tw-text-box-selected-inverse-hover:hover{color:var(--color-container-highlight-on-highlight-container)}.hover\:tw-text-box-selected-strong-inverse-hover:hover{color:var(--color-highlight-on-highlight)}.hover\:tw-text-box-warning-inverse-hover:hover{color:var(--color-container-warning-on-warning-container)}.hover\:tw-text-box-warning-strong-inverse-hover:hover{color:var(--color-warning-on-warning)}.hover\:tw-text-text:hover{color:var(--color-primary-default)}.hover\:tw-text-text-negative:hover{color:var(--color-error-default)}.hover\:tw-text-text-warning:hover{color:var(--color-warning-default)}.hover\:tw-outline:hover{outline-style:solid;outline-width:4px;outline-color:var(--color-focus-default)}.focus-within\:hover\:tw-border-line-xx-strong:hover:focus-within{border-color:var(--color-line-strong)}.focus-visible\:tw-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:tw-ring-4:focus-visible{--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(4px + 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)}.focus-visible\:tw-ring-blue:focus-visible{--tw-ring-color: var(--focus-ring-color)}.focus-visible\:tw-ring-focus:focus-visible{--tw-ring-color: var(--color-focus-default)}.focus-visible\:tw-ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:tw-ring-focus:focus-visible{box-shadow:0 0 0 2px var(--color-surface-default),0 0 0 6px var(--color-focus-default);outline:none}.active\:tw-bg-box-selected-pressed:active{background-color:var(--color-container-highlight-active)}.active\:tw-bg-box-selected-strong-pressed:active{background-color:var(--color-highlight-active)}.active\:tw-bg-button-background-pressed:active{background-color:var(--color-container-secondary-active)}.active\:tw-bg-button-danger-background-pressed:active{background-color:var(--color-error-active)}.active\:tw-bg-button-negative-background-pressed:active{background-color:var(--color-container-error-active)}.active\:tw-bg-button-positive-background-pressed:active{background-color:var(--color-container-success-active)}.active\:tw-bg-button-strong-background-pressed:active{background-color:var(--color-primary-active)}.active\:tw-bg-button-strong-negative-background-pressed:active{background-color:var(--color-error-active)}.active\:tw-bg-button-strong-positive-background-pressed:active{background-color:var(--color-success-active)}.active\:tw-bg-container-secondary-active:active{background-color:var(--color-container-secondary-active)}.disabled\:tw-invisible:disabled{visibility:hidden}.tw-group:focus-within .group-focus-within\:tw-opacity-100{opacity:1}.tw-group:hover .group-hover\:tw-bg-container-secondary-hover{background-color:var(--color-container-secondary-hover)}.tw-group:hover .group-hover\:tw-bg-surface-hover{background-color:var(--color-surface-hover)}.tw-group:hover .group-hover\:tw-text-black{--tw-text-opacity: 1;color:rgb(45 50 50 / var(--tw-text-opacity, 1))}.tw-group:hover .group-hover\:tw-text-box-selected-inverse-hover{color:var(--color-container-highlight-on-highlight-container)}.tw-group:hover .group-hover\:tw-text-box-selected-strong-inverse{color:var(--color-highlight-on-highlight)}.tw-group:hover .group-hover\:tw-text-text{color:var(--color-primary-default)}.tw-group:hover .group-hover\:tw-opacity-100{opacity:1}.tw-group:focus-visible .group-focus-visible\:tw-outline-none{outline:2px solid transparent;outline-offset:2px}.tw-group:focus-visible .group-focus-visible\:tw-ring-4{--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(4px + 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)}.tw-group:focus-visible .group-focus-visible\:tw-ring-blue{--tw-ring-color: var(--focus-ring-color)}.tw-group:focus-visible .group-focus-visible\:tw-ring-offset-2{--tw-ring-offset-width: 2px}.tw-group:active .group-active\:tw-w-\[14px\]{width:14px}.tw-group:active .group-active\:tw-w-\[18px\]{width:18px}.tw-group:active .group-active\:tw-bg-container-secondary-active{background-color:var(--color-container-secondary-active)}.tw-group:active .group-active\:tw-bg-surface-active{background-color:var(--color-surface-active)}.tw-group:active .group-active\:tw-text-box-selected-inverse-pressed{color:var(--color-container-highlight-on-highlight-container)}.tw-group:active .group-active\:tw-text-box-selected-strong-inverse{color:var(--color-highlight-on-highlight)}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:#0000}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid rgba(0,0,0,0);border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:#0000;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper{z-index:49}.react-datepicker{display:flex;flex-direction:column}.react-datepicker-wrap{font-family:var(--body-family);border-radius:var(--border-radius-medium);border:1px solid var(--line-color-x-strong);box-shadow:0 3px 10px #0808084d}.react-datepicker-wrap.react-datepicker-inline{border:none;box-shadow:none}.react-datepicker-popper .react-datepicker__triangle{z-index:1}.react-datepicker-wrap .react-datepicker__month-container{padding:var(--space-m)}.react-datepicker-wrap .react-datepicker__month{margin:var(--space-m) 0 0}.react-datepicker-popper .react-datepicker__triangle:after{border-bottom-color:var(--color-surface-default)!important;fill:var(--color-surface-default)!important;color:var(--color-surface-default)!important}.react-datepicker-popper .react-datepicker__triangle{fill:var(--color-surface-default)!important;color:var(--color-surface-default)!important}.react-datepicker-wrap .react-datepicker__header{font-size:var(--body-size-medium);border:none;background:none;padding:0 0 8px}.react-datepicker-wrap .react-datepicker__day-names{border-top:1px solid var(--line-color);border-bottom:1px solid var(--line-color);padding:var(--space-xxs) 0}.react-datepicker__input-container .react-datepicker__close-icon:after{display:none}.react-datepicker-wrap .react-datepicker__day{color:var(--box-disabled-color-inverse);font-size:13px}.react-datepicker-wrap .react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{margin:var(--line-width)!important;padding:var(--space-xxs);width:2.4rem}.react-datepicker-wrap .future-date,.react-datepicker-wrap .react-datepicker__day.react-datepicker__day--keyboard-selected{background:var(--color-surface-dim);color:var(--box-neutral-inverse-color)}.react-datepicker-wrap .react-datepicker__day--today{font-weight:400}.react-datepicker-wrap .react-datepicker__day--keyboard-selected,.react-datepicker .react-datepicker__day--selected,.react-datepicker .react-datepicker__day--selected:hover,.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-start.range-day:focus-visible,.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end.range-day:focus-visible,.react-datepicker__day--keyboard-selected.react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start.range-day,.react-datepicker .react-datepicker__day:focus-visible{background-color:var(--box-selected-strong-color);border-radius:0;border:none;outline-color:#5e9ed6;color:var(--color-surface-default)}.react-datepicker-wrap .react-datepicker__day.range-day:hover{border-radius:0;background-color:#e3e8f6;color:var(--box-selected-strong-color-pressed)}.react-datepicker-wrap .react-datepicker__day--outside-month{background:none}.react-datepicker-wrap .past-date.react-datepicker__day.react-datepicker__day--keyboard-selected{color:var(--box-disabled-color-inverse);background:none}.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-start.range-day,.react-datepicker__day.range-day.react-datepicker__day--selected,.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end.range-day,.react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-start.react-datepicker__day--in-selecting-range.range-day,.react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start.range-day{background-color:#825fff;color:var(--color-surface-default);border:none;outline-color:var(--color-surface-default)}.react-datepicker__day--in-range.range-day,.react-datepicker__day.react-datepicker__day--in-range.range-day,.react-datepicker__day.react-datepicker__day--in-selecting-range.range-day{background-color:#f1f3f9;color:var(--box-selected-strong-color-pressed);border-radius:0}.react-datepicker__day--in-range.react-datepicker__day--outside-month{opacity:.5}.react-datepicker__day.range-day{background:var(--color-surface-dim);color:#2d3232}.react-datepicker__day.react-datepicker__day--outside-month{background-color:transparent}.react-datepicker__day.range-day.react-datepicker__day--disabled,.react-datepicker-wrap .future-date.react-datepicker__day--disabled,.react-datepicker-wrap .future-date.react-datepicker__day--disabled:hover,.react-datepicker-wrap .past-date.react-datepicker__day--disabled,.react-datepicker-wrap .past-date.react-datepicker__day--disabled:hover,.react-datepicker__day.range-day.react-datepicker__day--disabled:hover{cursor:not-allowed;background-color:transparent;color:var(--text-color-disabled)}.react-datepicker__children-container{width:100%;margin:0;padding:0}.react-colorful__interactive:focus .react-colorful__pointer{border-color:#5e9ed6}
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(147 197 253 / .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(147 197 253 / .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: },:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--typography-font-family-primary);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Menlo,Courier,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.tw-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}.tw-pointer-events-none{pointer-events:none}.tw-visible{visibility:visible}.tw-invisible{visibility:hidden}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{top:0;right:0;bottom:0;left:0}.tw-bottom-\[-6px\]{bottom:-6px}.tw-left-\[-5px\]{left:-5px}.tw-right-\[-5px\]{right:-5px}.tw-top-\[-6px\]{top:-6px}.-tw-z-10{z-index:-10}.tw-z-0{z-index:0}.tw-z-\[110000\]{z-index:110000}.tw-z-\[120000\]{z-index:120000}.tw-m-0{margin:0}.tw-m-1{margin:.25rem}.tw-m-10{margin:2.5rem}.tw-m-2{margin:.5rem}.tw-m-3{margin:.75rem}.tw-m-4{margin:1rem}.tw-m-5{margin:1.25rem}.tw-m-6{margin:1.5rem}.tw-m-7{margin:1.75rem}.tw-m-8{margin:2rem}.tw-m-9{margin:2.25rem}.tw-mx-0{margin-left:0;margin-right:0}.tw-mx-1{margin-left:.25rem;margin-right:.25rem}.tw-mx-10{margin-left:2.5rem;margin-right:2.5rem}.tw-mx-2{margin-left:.5rem;margin-right:.5rem}.tw-mx-3{margin-left:.75rem;margin-right:.75rem}.tw-mx-4{margin-left:1rem;margin-right:1rem}.tw-mx-5{margin-left:1.25rem;margin-right:1.25rem}.tw-mx-6{margin-left:1.5rem;margin-right:1.5rem}.tw-mx-7{margin-left:1.75rem;margin-right:1.75rem}.tw-mx-8{margin-left:2rem;margin-right:2rem}.tw-mx-9{margin-left:2.25rem;margin-right:2.25rem}.tw-my-0{margin-top:0;margin-bottom:0}.tw-my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.tw-my-1{margin-top:.25rem;margin-bottom:.25rem}.tw-my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.tw-my-10{margin-top:2.5rem;margin-bottom:2.5rem}.tw-my-2{margin-top:.5rem;margin-bottom:.5rem}.tw-my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.tw-my-3{margin-top:.75rem;margin-bottom:.75rem}.tw-my-4{margin-top:1rem;margin-bottom:1rem}.tw-my-5{margin-top:1.25rem;margin-bottom:1.25rem}.tw-my-6{margin-top:1.5rem;margin-bottom:1.5rem}.tw-my-7{margin-top:1.75rem;margin-bottom:1.75rem}.tw-my-8{margin-top:2rem;margin-bottom:2rem}.tw-my-9{margin-top:2.25rem;margin-bottom:2.25rem}.tw--ml-0\.5{margin-left:-.125rem}.tw--ml-1{margin-left:-.25rem}.tw-mb-1{margin-bottom:.25rem}.tw-ml-1\.5{margin-left:.375rem}.tw-mr-1{margin-right:.25rem}.tw-mr-1\.5{margin-right:.375rem}.tw-mr-2{margin-right:.5rem}.tw-mt-1{margin-top:.25rem}.tw-mt-4{margin-top:1rem}.tw-box-border{box-sizing:border-box}.tw-box-content{box-sizing:content-box}.tw-block{display:block}.tw-inline-block{display:inline-block}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-h-0{height:0px}.tw-h-10{height:2.5rem}.tw-h-12{height:3rem}.tw-h-3{height:.75rem}.tw-h-4{height:1rem}.tw-h-5{height:1.25rem}.tw-h-6{height:1.5rem}.tw-h-8{height:2rem}.tw-h-9{height:2.25rem}.tw-h-fit{height:-moz-fit-content;height:fit-content}.tw-h-full{height:100%}.tw-min-h-\[20px\]{min-height:20px}.tw-w-0{width:0px}.tw-w-12{width:3rem}.tw-w-3{width:.75rem}.tw-w-4{width:1rem}.tw-w-5{width:1.25rem}.tw-w-6{width:1.5rem}.tw-w-8{width:2rem}.tw-w-9{width:2.25rem}.tw-w-fit{width:-moz-fit-content;width:fit-content}.tw-w-full{width:100%}.tw-min-w-0{min-width:0px}.tw-min-w-\[20px\]{min-width:20px}.tw-max-w-\[200px\]{max-width:200px}.tw-max-w-full{max-width:100%}.tw-flex-1{flex:1 1 0%}.tw-flex-initial{flex:0 1 auto}.tw-flex-none{flex:none}.tw-shrink-0{flex-shrink:0}.tw-grow{flex-grow:1}.tw-rotate-90{--tw-rotate: 90deg;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))}.tw-cursor-default{cursor:default}.tw-cursor-pointer{cursor:pointer}.tw-touch-none{touch-action:none}.tw-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.tw-list-none{list-style-type:none}.tw-flex-row{flex-direction:row}.tw-flex-row-reverse{flex-direction:row-reverse}.tw-flex-col{flex-direction:column}.tw-content-center{align-content:center}.tw-items-center{align-items:center}.tw-justify-start{justify-content:flex-start}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-1{gap:.25rem}.tw-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.tw-overflow-hidden{overflow:hidden}.tw-text-ellipsis{text-overflow:ellipsis}.tw-whitespace-nowrap{white-space:nowrap}.tw-break-words{overflow-wrap:break-word}.tw-rounded{border-radius:var(--border-radius-medium)}.tw-rounded-full{border-radius:9999px}.tw-rounded-lg{border-radius:.5rem}.tw-rounded-md{border-radius:.375rem}.tw-rounded-none{border-radius:0}.tw-rounded-sm{border-radius:.125rem}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.tw-border{border-width:var(--border-width-default)}.tw-border-0{border-width:0px}.tw-border-2{border-width:2px}.tw-border-4{border-width:4px}.tw-border-8{border-width:8px}.tw-border-b-4{border-bottom-width:4px}.tw-border-l-4{border-left-width:4px}.tw-border-t-4{border-top-width:4px}.tw-border-solid{border-style:solid}.tw-border-dashed{border-style:dashed}.tw-border-dotted{border-style:dotted}.tw-border-none{border-style:none}.tw-border-box-negative-strong-hover{border-color:var(--color-error-hover)}.tw-border-box-selected-strong{border-color:var(--color-highlight-default)}.tw-border-button-danger-border,.tw-border-button-negative-border,.tw-border-button-positive-border,.tw-border-button-strong-border,.tw-border-button-strong-negative-border,.tw-border-button-strong-positive-border,.tw-border-line-mid{border-color:var(--color-line-mid)}.tw-border-line-strong,.tw-border-line-xx-strong{border-color:var(--color-line-strong)}.tw-border-transparent{border-color:transparent}.tw-border-b-transparent{border-bottom-color:transparent}.tw-border-l-line-mid{border-left-color:var(--color-line-mid)}.tw-border-t-transparent{border-top-color:transparent}.tw-bg-base{background-color:var(--color-surface-default)}.tw-bg-box-disabled{background-color:var(--color-container-disabled-default)}.tw-bg-box-negative-hover{background-color:var(--color-container-error-hover)}.tw-bg-box-negative-strong-pressed{background-color:var(--color-error-active)}.tw-bg-box-neutral-strong{background-color:var(--color-primary-default)}.tw-bg-box-positive-strong-pressed{background-color:var(--color-success-active)}.tw-bg-box-selected{background-color:var(--color-container-highlight-default)}.tw-bg-box-selected-hover{background-color:var(--color-container-highlight-hover)}.tw-bg-box-selected-strong{background-color:var(--color-highlight-default)}.tw-bg-box-warning-strong{background-color:var(--color-warning-default)}.tw-bg-button-danger-background{background-color:var(--color-error-default)}.tw-bg-button-negative-background{background-color:var(--color-container-error-default)}.tw-bg-button-positive-background{background-color:var(--color-container-success-default)}.tw-bg-button-strong-background{background-color:var(--color-primary-default)}.tw-bg-button-strong-negative-background{background-color:var(--color-error-default)}.tw-bg-button-strong-positive-background{background-color:var(--color-success-default)}.tw-bg-container-secondary{background-color:var(--color-container-secondary-default)}.tw-bg-container-secondary-active{background-color:var(--color-container-secondary-active)}.tw-bg-primary{background-color:var(--color-primary-default)}.tw-bg-surface-active{background-color:var(--color-surface-active)}.tw-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.tw-p-0{padding:0}.tw-p-1{padding:.25rem}.tw-p-1\.5{padding:.375rem}.tw-p-10{padding:2.5rem}.tw-p-2{padding:.5rem}.tw-p-3{padding:.75rem}.tw-p-4{padding:1rem}.tw-p-5{padding:1.25rem}.tw-p-6{padding:1.5rem}.tw-p-7{padding:1.75rem}.tw-p-8{padding:2rem}.tw-p-9{padding:2.25rem}.tw-px-0{padding-left:0;padding-right:0}.tw-px-1{padding-left:.25rem;padding-right:.25rem}.tw-px-10{padding-left:2.5rem;padding-right:2.5rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-5{padding-left:1.25rem;padding-right:1.25rem}.tw-px-6{padding-left:1.5rem;padding-right:1.5rem}.tw-px-7{padding-left:1.75rem;padding-right:1.75rem}.tw-px-8{padding-left:2rem;padding-right:2rem}.tw-px-9{padding-left:2.25rem;padding-right:2.25rem}.tw-py-0{padding-top:0;padding-bottom:0}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-10{padding-top:2.5rem;padding-bottom:2.5rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-3{padding-top:.75rem;padding-bottom:.75rem}.tw-py-4{padding-top:1rem;padding-bottom:1rem}.tw-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.tw-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.tw-py-7{padding-top:1.75rem;padding-bottom:1.75rem}.tw-py-8{padding-top:2rem;padding-bottom:2rem}.tw-py-9{padding-top:2.25rem;padding-bottom:2.25rem}.tw-pb-2{padding-bottom:.5rem}.tw-pb-3{padding-bottom:.75rem}.tw-pl-2{padding-left:.5rem}.tw-pr-0{padding-right:0}.tw-pt-2{padding-top:.5rem}.tw-pt-3{padding-top:.75rem}.tw-text-left{text-align:left}.tw-font-body,.tw-font-sans{font-family:var(--typography-font-family-primary)}.tw-text-body-large{font-size:var(--typography-font-size-large);line-height:var(--typography-line-height-wide)}.tw-text-body-medium{font-size:var(--typography-font-size-medium);line-height:var(--typography-line-height-medium)}.tw-text-body-small{font-size:var(--typography-font-size-small);line-height:var(--typography-line-height-tight)}.tw-text-m{font-size:1rem;line-height:1.25rem}.tw-text-s{font-size:.875rem;line-height:1rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xs{font-size:.813rem;line-height:1rem}.tw-font-bold{font-weight:700}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-leading-3{line-height:.75rem}.tw-leading-4{line-height:1rem}.tw-leading-5{line-height:1.25rem}.tw-leading-none{line-height:1}.tw-text-black-100{--tw-text-opacity: 1;color:rgb(45 50 50 / var(--tw-text-opacity, 1))}.tw-text-black-40{--tw-text-opacity: 1;color:rgb(179 181 181 / var(--tw-text-opacity, 1))}.tw-text-box-disabled-inverse{color:var(--color-container-disabled-on-disabled)}.tw-text-box-negative-inverse{color:var(--color-container-error-on-error-container)}.tw-text-box-neutral-strong-inverse{color:var(--color-primary-on-primary)}.tw-text-box-selected-inverse{color:var(--color-container-highlight-on-highlight-container)}.tw-text-box-selected-strong-inverse{color:var(--color-highlight-on-highlight)}.tw-text-box-warning-inverse{color:var(--color-container-warning-on-warning-container)}.tw-text-button-danger-icon,.tw-text-button-danger-text{color:var(--color-error-on-error)}.tw-text-button-icon{color:var(--color-primary-default)}.tw-text-button-negative-icon,.tw-text-button-negative-text{color:var(--color-container-error-on-error-container)}.tw-text-button-positive-icon,.tw-text-button-positive-text{color:var(--color-container-success-on-success-container)}.tw-text-button-strong-icon{color:var(--color-primary-on-primary)}.tw-text-button-strong-negative-icon,.tw-text-button-strong-negative-text{color:var(--color-error-on-error)}.tw-text-button-strong-positive-icon,.tw-text-button-strong-positive-text{color:var(--color-success-on-success)}.tw-text-button-text{color:var(--color-primary-default)}.tw-text-line-strong{color:var(--color-line-strong)}.tw-text-primary{color:var(--color-primary-default)}.tw-text-primary-on-primary{color:var(--color-primary-on-primary)}.tw-text-text{color:var(--color-primary-default)}.tw-text-text-disabled{color:var(--color-disabled-default)}.tw-text-text-negative{color:var(--color-error-default)}.tw-text-text-weak{color:var(--color-secondary-default)}.tw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tw-text-opacity-40{--tw-text-opacity: .4}.tw-text-opacity-50{--tw-text-opacity: .5}.tw-underline{text-decoration-line:underline}.tw-no-underline{text-decoration-line:none}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-opacity-75{opacity:.75}.tw-opacity-90{opacity:.9}.tw-shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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)}.tw-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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)}.tw-shadow-mid{--tw-shadow: 0px 4px 24px 0px rgba(80, 80, 80, .2);--tw-shadow-colored: 0px 4px 24px 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)}.tw-shadow-none{--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)}.tw-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-outline-none{outline:2px solid transparent;outline-offset:2px}.tw-ring-4{--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(4px + 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)}.tw-ring-inset{--tw-ring-inset: inset}.tw-ring-blue{--tw-ring-color: var(--focus-ring-color)}.tw-ring-offset-2{--tw-ring-offset-width: 2px}.tw-blur-sm{--tw-blur: blur(4px);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-drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));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-grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.tw-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}.tw-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-popper-container[data-popper-placement^=top]>.tw-popper-arrow{bottom:-4px}.tw-popper-container[data-popper-placement^=bottom]>.tw-popper-arrow{top:-4px}.tw-popper-container[data-popper-placement^=left]>.tw-popper-arrow{right:-4px}.tw-popper-container[data-popper-placement^=right]>.tw-popper-arrow{left:-4px}.before\:tw-absolute:before{content:var(--tw-content);position:absolute}.before\:tw-h-3:before{content:var(--tw-content);height:.75rem}.before\:tw-w-3:before{content:var(--tw-content);width:.75rem}.before\:tw-rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;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))}.before\:tw-border:before{content:var(--tw-content);border-width:var(--border-width-default)}.before\:tw-border-b-0:before{content:var(--tw-content);border-bottom-width:0px}.before\:tw-border-l-0:before{content:var(--tw-content);border-left-width:0px}.before\:tw-border-r-0:before{content:var(--tw-content);border-right-width:0px}.before\:tw-border-t-0:before{content:var(--tw-content);border-top-width:0px}.before\:tw-border-line:before{content:var(--tw-content);border-color:var(--color-line-mid)}.before\:tw-border-line-strong:before{content:var(--tw-content);border-color:var(--color-line-strong)}.before\:tw-bg-box-negative-strong-pressed:before{content:var(--tw-content);background-color:var(--color-error-active)}.before\:tw-bg-box-positive-strong-pressed:before{content:var(--tw-content);background-color:var(--color-success-active)}.before\:tw-bg-box-selected-strong:before{content:var(--tw-content);background-color:var(--color-highlight-default)}.before\:tw-bg-box-warning-strong:before{content:var(--tw-content);background-color:var(--color-warning-default)}.before\:tw-bg-primary:before{content:var(--tw-content);background-color:var(--color-primary-default)}.first\:tw-ml-2:first-child{margin-left:.5rem}.first\:tw-ml-3\.5:first-child{margin-left:.875rem}.hover\:tw-cursor-grab:hover{cursor:grab}.hover\:tw-cursor-not-allowed:hover{cursor:not-allowed}.hover\:tw-cursor-pointer:hover{cursor:pointer}.hover\:tw-bg-box-neutral:hover{background-color:var(--color-container-secondary-default)}.hover\:tw-bg-box-neutral-strong-hover:hover{background-color:var(--color-primary-hover)}.hover\:tw-bg-box-selected-hover:hover{background-color:var(--color-container-highlight-hover)}.hover\:tw-bg-box-selected-strong-hover:hover{background-color:var(--color-highlight-hover)}.hover\:tw-bg-button-danger-background-hover:hover{background-color:var(--color-error-hover)}.hover\:tw-bg-button-negative-background-hover:hover{background-color:var(--color-container-error-hover)}.hover\:tw-bg-button-positive-background-hover:hover{background-color:var(--color-container-success-hover)}.hover\:tw-bg-button-strong-background-hover:hover{background-color:var(--color-primary-hover)}.hover\:tw-bg-button-strong-negative-background-hover:hover{background-color:var(--color-error-hover)}.hover\:tw-bg-button-strong-positive-background-hover:hover{background-color:var(--color-success-hover)}.hover\:tw-bg-container-secondary-hover:hover{background-color:var(--color-container-secondary-hover)}.hover\:tw-text-black:hover{--tw-text-opacity: 1;color:rgb(45 50 50 / var(--tw-text-opacity, 1))}.hover\:tw-text-box-negative-inverse-hover:hover{color:var(--color-container-error-on-error-container)}.hover\:tw-text-box-warning-inverse-hover:hover{color:var(--color-container-warning-on-warning-container)}.hover\:tw-text-text:hover{color:var(--color-primary-default)}.focus-visible\:tw-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:tw-ring-4:focus-visible{--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(4px + 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)}.focus-visible\:tw-ring-blue:focus-visible{--tw-ring-color: var(--focus-ring-color)}.focus-visible\:tw-ring-focus:focus-visible{--tw-ring-color: var(--color-focus-default)}.focus-visible\:tw-ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:tw-ring-focus:focus-visible{box-shadow:0 0 0 2px var(--color-surface-default),0 0 0 6px var(--color-focus-default);outline:none}.active\:tw-bg-box-selected-pressed:active{background-color:var(--color-container-highlight-active)}.active\:tw-bg-box-selected-strong-pressed:active{background-color:var(--color-highlight-active)}.active\:tw-bg-button-danger-background-pressed:active{background-color:var(--color-error-active)}.active\:tw-bg-button-negative-background-pressed:active{background-color:var(--color-container-error-active)}.active\:tw-bg-button-positive-background-pressed:active{background-color:var(--color-container-success-active)}.active\:tw-bg-button-strong-background-pressed:active{background-color:var(--color-primary-active)}.active\:tw-bg-button-strong-negative-background-pressed:active{background-color:var(--color-error-active)}.active\:tw-bg-button-strong-positive-background-pressed:active{background-color:var(--color-success-active)}.active\:tw-bg-container-secondary-active:active{background-color:var(--color-container-secondary-active)}.disabled\:tw-invisible:disabled{visibility:hidden}.tw-group:focus-within .group-focus-within\:tw-opacity-100{opacity:1}.tw-group:hover .group-hover\:tw-bg-container-secondary-hover{background-color:var(--color-container-secondary-hover)}.tw-group:hover .group-hover\:tw-bg-surface-hover{background-color:var(--color-surface-hover)}.tw-group:hover .group-hover\:tw-text-black{--tw-text-opacity: 1;color:rgb(45 50 50 / var(--tw-text-opacity, 1))}.tw-group:hover .group-hover\:tw-text-box-selected-inverse-hover{color:var(--color-container-highlight-on-highlight-container)}.tw-group:hover .group-hover\:tw-text-box-selected-strong-inverse{color:var(--color-highlight-on-highlight)}.tw-group:hover .group-hover\:tw-text-text{color:var(--color-primary-default)}.tw-group:hover .group-hover\:tw-opacity-100{opacity:1}.tw-group:focus-visible .group-focus-visible\:tw-outline-none{outline:2px solid transparent;outline-offset:2px}.tw-group:focus-visible .group-focus-visible\:tw-ring-4{--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(4px + 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)}.tw-group:focus-visible .group-focus-visible\:tw-ring-blue{--tw-ring-color: var(--focus-ring-color)}.tw-group:focus-visible .group-focus-visible\:tw-ring-offset-2{--tw-ring-offset-width: 2px}.tw-group:active .group-active\:tw-bg-container-secondary-active{background-color:var(--color-container-secondary-active)}.tw-group:active .group-active\:tw-bg-surface-active{background-color:var(--color-surface-active)}.tw-group:active .group-active\:tw-text-box-selected-inverse-pressed{color:var(--color-container-highlight-on-highlight-container)}.tw-group:active .group-active\:tw-text-box-selected-strong-inverse{color:var(--color-highlight-on-highlight)}

package/dist/utilities/focusStyle.es.js CHANGED Viewed

@@ -1,12 +1,7 @@
-import { merge as i } from "./merge.es.js";
-const t = "tw-ring-4 tw-ring-blue tw-ring-offset-2 dark:tw-ring-offset-black tw-outline-none", s = "tw-ring-4 tw-ring-blue dark:tw-ring-offset-black tw-outline-none", n = "focus-visible:tw-ring-4 focus-visible:tw-ring-blue focus-visible:tw-ring-offset-2 focus-visible:dark:tw-ring-offset-black focus-visible:tw-outline-none", e = "group-focus-visible:tw-ring-4 group-focus-visible:tw-ring-blue group-focus-visible:tw-ring-offset-2 group-focus-visible:dark:tw-ring-offset-black group-focus-visible:tw-outline-none", r = i([t, "tw-ring-inset"]), f = i([n, "tw-ring-inset"]), w = "focus-within:tw-ring-4 focus-within:tw-ring-blue focus-within:tw-ring-offset-2 focus-within:dark:tw-ring-offset-black focus-within:tw-outline-none";
+const i = "tw-ring-4 tw-ring-blue tw-ring-offset-2 dark:tw-ring-offset-black tw-outline-none", o = "focus-visible:tw-ring-4 focus-visible:tw-ring-blue focus-visible:tw-ring-offset-2 focus-visible:dark:tw-ring-offset-black focus-visible:tw-outline-none", s = "group-focus-visible:tw-ring-4 group-focus-visible:tw-ring-blue group-focus-visible:tw-ring-offset-2 group-focus-visible:dark:tw-ring-offset-black group-focus-visible:tw-outline-none";
 export {
-  t as FOCUS_STYLE,
-  r as FOCUS_STYLE_INSET,
-  s as FOCUS_STYLE_NO_OFFSET,
-  n as FOCUS_VISIBLE_STYLE,
-  f as FOCUS_VISIBLE_STYLE_INSET,
-  w as FOCUS_WITHIN_STYLE,
-  e as PARENT_FOCUS_VISIBLE_STYLE
+  i as FOCUS_STYLE,
+  o as FOCUS_VISIBLE_STYLE,
+  s as PARENT_FOCUS_VISIBLE_STYLE
 };
 //# sourceMappingURL=focusStyle.es.js.map

package/dist/utilities/focusStyle.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"focusStyle.es.js","sources":["../../src/utilities/focusStyle.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\~~nimport { merge } from './merge';\~~n\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n /\nexport const FOCUS_STYLE = 'tw-ring-4 tw-ring-blue tw-ring-offset-2 dark:tw-ring-offset-black tw-outline-none';\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n /\nexport const FOCUS_STYLE_NO_OFFSET = 'tw-ring-4 tw-ring-blue dark:tw-ring-offset-black tw-outline-none';\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n /\nexport const FOCUS_VISIBLE_STYLE =\n 'focus-visible:tw-ring-4 focus-visible:tw-ring-blue focus-visible:tw-ring-offset-2 focus-visible:dark:tw-ring-offset-black focus-visible:tw-outline-none';\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n /\nexport const PARENT_FOCUS_VISIBLE_STYLE =\n 'group-focus-visible:tw-ring-4 group-focus-visible:tw-ring-blue group-focus-visible:tw-ring-offset-2 group-focus-visible:dark:tw-ring-offset-black group-focus-visible:tw-outline-none';\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n /\nexport const FOCUS_STYLE_INSET = merge([FOCUS_STYLE, 'tw-ring-inset']);\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n /\nexport const FOCUS_VISIBLE_STYLE_INSET = merge([FOCUS_VISIBLE_STYLE, 'tw-ring-inset']);\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n */\nexport const FOCUS_WITHIN_STYLE =\n 'focus-within:tw-ring-4 focus-within:tw-ring-blue focus-within:tw-ring-offset-2 focus-within:dark:tw-ring-offset-black focus-within:tw-outline-none';\n"],"names":["FOCUS_STYLE","~~FOCUS_STYLE_NO_OFFSET","~~FOCUS_VISIBLE_STYLE","PARENT_FOCUS_VISIBLE_STYLE"~~,"FOCUS_STYLE_INSET","merge","FOCUS_VISIBLE_STYLE_INSET","FOCUS_WITHIN_STYLE"~~],"mappings":"~~;AAOO~~,MAAMA,IAAc,qFAIdC,~~IAAwB,oEAIxBC,~~IACT,2JAISC,IACT~~,yLAISC,IAAoBC,EAAM,CAACL,GAAa,eAAe,CAAC,GAIxDM,IAA4BD,EAAM,CAACH,GAAqB,eAAe,CAAC,GAIxEK,IACT~~;"}
1	+ {"version":3,"file":"focusStyle.es.js","sources":["../../src/utilities/focusStyle.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n /\nexport const FOCUS_STYLE = 'tw-ring-4 tw-ring-blue tw-ring-offset-2 dark:tw-ring-offset-black tw-outline-none';\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n /\nexport const FOCUS_VISIBLE_STYLE =\n 'focus-visible:tw-ring-4 focus-visible:tw-ring-blue focus-visible:tw-ring-offset-2 focus-visible:dark:tw-ring-offset-black focus-visible:tw-outline-none';\n/\n @deprecated This constant is deprecated and will be removed in the next major version. Use tokens instead.\n */\nexport const PARENT_FOCUS_VISIBLE_STYLE =\n 'group-focus-visible:tw-ring-4 group-focus-visible:tw-ring-blue group-focus-visible:tw-ring-offset-2 group-focus-visible:dark:tw-ring-offset-black group-focus-visible:tw-outline-none';\n"],"names":["FOCUS_STYLE","FOCUS_VISIBLE_STYLE","PARENT_FOCUS_VISIBLE_STYLE"],"mappings":"AAKO,MAAMA,IAAc,qFAIdC,IACT,2JAISC,IACT;"}

package/dist/utilities/merge.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"merge.es.js","sources":["../../src/utilities/merge.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\~~nimport { type MutableRefObject, type Ref, type RefCallback } from 'react';\~~n\n/\n Cleans and joins an array of inputs with possible undefined or boolean values.\n \n @param classNames Array of class names\n * @returns Clean string to be used for class name\n * @deprecated This function is deprecated and will be removed in the next major version.\n /\nexport const merge = (classNames: (string \| undefined \| boolean)[]): string => classNames.filter(Boolean).join(' ');\n\n/\n @deprecated This function is deprecated and will be removed in the next major version.\n */\nexport const mergeRefs = <T>(...inputRefs: (Ref<T> \| undefined)[]): Ref<T> \| RefCallback<T> => {\n const filteredInputRefs = inputRefs.filter(Boolean);\n\n if (filteredInputRefs.length <= 1) {\n const firstRef = filteredInputRefs[0];\n\n return firstRef ?? null;\n }\n\n return function mergedRefs(ref) {\n for (const inputRef of filteredInputRefs) {\n if (typeof inputRef === 'function') {\n inputRef(ref);\n } else if (inputRef) {\n (inputRef as MutableRefObject<T \| null>).current = ref;\n }\n }\n };\n};\n"],"names":["merge","classNames"],"mappings":"~~AAWO~~,MAAMA,IAAQ,CAACC,MAAyDA,EAAW,OAAO,OAAO,EAAE,KAAK,GAAG;"}
1	+ {"version":3,"file":"merge.es.js","sources":["../../src/utilities/merge.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. /\n\n/\n Cleans and joins an array of inputs with possible undefined or boolean values.\n \n @param classNames Array of class names\n * @returns Clean string to be used for class name\n * @deprecated This function is deprecated and will be removed in the next major version.\n */\nexport const merge = (classNames: (string \| undefined \| boolean)[]): string => classNames.filter(Boolean).join(' ');\n"],"names":["merge","classNames"],"mappings":"AASO,MAAMA,IAAQ,CAACC,MAAyDA,EAAW,OAAO,OAAO,EAAE,KAAK,GAAG;"}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@frontify/fondue",
   "type": "module",
-  "version": "13.9.0",
+  "version": "14.0.0-beta.0",
   "description": "Design system of Frontify",
   "author": "Frontify Developers <developers@frontify.com>",
   "homepage": "https://github.com/Frontify/fondue",
@@ -82,12 +82,6 @@
       "default": "./dist/packages/tokens/css/base.css"
     },
     "./tokens/tailwind": "./dist/packages/tokens/tailwind/tailwind.config.js",
-    "./legacyTokens/tailwind": "./dist/legacyTokens.tailwind.config.js",
-    "./legacyTokens/base": {
-      "types": "./dist/packages/tokens/css/deprecatedBaseTokens.css.d.ts",
-      "default": "./dist/packages/tokens/css/deprecatedBaseTokens.css"
-    },
-    "./legacyTokens/tools/replaceLegacyTokens": "./dist/packages/tokens/legacy/tools/replaceLegacyTokens.ts",
     "./dist/*": "./dist/*"
   },
   "main": "dist/index.umd.js",
@@ -95,10 +89,6 @@
   "unpkg": "dist/index.umd.js",
   "jsdelivr": "dist/index.umd.js",
   "types": "dist/index.d.ts",
-  "bin": {
-    "codemod": "./dist/tools/codemod/index.js",
-    "internal": "./dist/tools/internal/index.js"
-  },
   "files": [
     "dist",
     "tailwind.config.ts"
@@ -111,79 +101,42 @@
     "react-dom": "^18"
   },
   "dependencies": {
-    "@ctrl/tinycolor": "^4.2.0",
     "@dnd-kit/core": "6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@floating-ui/dom": "^1.8.0",
     "@popperjs/core": "^2.11.8",
-    "@react-aria/accordion": "3.0.0-alpha.37",
-    "@react-aria/breadcrumbs": "^3.6.1",
     "@react-aria/button": "^3.15.1",
     "@react-aria/checkbox": "^3.17.1",
     "@react-aria/focus": "^3.22.1",
-    "@react-aria/interactions": "^3.28.1",
     "@react-aria/link": "^3.9.1",
-    "@react-aria/listbox": "^3.16.1",
-    "@react-aria/menu": "^3.22.1",
-    "@react-aria/overlays": "^3.32.1",
-    "@react-aria/radio": "^3.13.1",
-    "@react-aria/select": "^3.18.1",
     "@react-aria/utils": "^3.34.1",
-    "@react-aria/visually-hidden": "^3.9.1",
-    "@react-stately/checkbox": "^3.8.1",
-    "@react-stately/collections": "^3.13.1",
-    "@react-stately/list": "^3.14.1",
-    "@react-stately/menu": "^3.10.1",
-    "@react-stately/radio": "^3.12.1",
-    "@react-stately/select": "^3.10.1",
-    "@react-stately/table": "^3.16.1",
     "@react-stately/toggle": "^3.10.1",
-    "@react-stately/tree": "^3.10.1",
-    "@react-types/shared": "^3.36.1",
     "@tailwindcss/forms": "^0.5.11",
-    "commander": "^14.0.3",
-    "date-fns": "^3.6.0",
-    "execa": "^9.6.1",
     "immer": "10.1.1",
-    "jscodeshift": "^0.16.0",
     "lodash-es": "^4.18.1",
-    "motion": "^12.43.0",
-    "react-datepicker": "^6.9.0",
     "react-fast-compare": "^3.2.2",
     "react-is": "^18.3.1",
     "react-popper": "^2.3.0",
-    "react-textarea-autosize": "^8.5.9",
-    "@frontify/fondue-charts": "8.0.2",
-    "@frontify/fondue-icons": "0.29.1",
-    "@frontify/fondue-tokens": "5.1.2",
-    "@frontify/fondue-sdk": "0.2.3",
-    "@frontify/fondue-components": "33.0.2",
-    "@frontify/fondue-rte": "0.1.11"
+    "@frontify/fondue-charts": "9.0.0-beta.0",
+    "@frontify/fondue-components": "34.0.0-beta.0",
+    "@frontify/fondue-icons": "1.0.0-beta.0",
+    "@frontify/fondue-tokens": "6.0.0-beta.0",
+    "@frontify/fondue-sdk": "1.0.0-beta.0",
+    "@frontify/fondue-rte": "1.0.0-beta.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.7",
-    "@etchteam/storybook-addon-status": "^8.1.0",
     "@frontify/oxfmt-config": "^0.0.2",
-    "@frontify/oxlint-config-basic": "^0.0.2",
     "@frontify/oxlint-config-react": "^0.0.2",
-    "@storybook/addon-a11y": "^10.6.0",
-    "@storybook/addon-docs": "^10.6.0",
-    "@storybook/addon-links": "^10.6.0",
-    "@storybook/react-vite": "^10.6.0",
     "@tony.ganchev/eslint-plugin-header": "^3.4.4",
-    "@types/jscodeshift": "^17.3.0",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.13.3",
     "@types/react": "^18.3.31",
-    "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.3.7",
     "@types/react-is": "^18.3.1",
     "@typescript/native-preview": "7.0.0-dev.20260421.2",
     "@vitejs/plugin-react": "^5.2.0",
     "autoprefixer": "^10.5.4",
-    "chalk": "^6.0.0",
     "cross-env": "^10.1.0",
     "eslint-plugin-tailwindcss": "^3.18.3",
     "fast-glob": "^3.3.3",
@@ -192,27 +145,21 @@
     "oxlint": "^1.67.0",
     "oxlint-tsgolint": "^0.23.0",
     "postcss": "^8.5.26",
-    "postcss-cli": "^11.0.1",
-    "postcss-import": "^16.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rimraf": "^6.1.3",
-    "storybook": "^10.6.0",
     "tailwindcss": "^3.4.19",
-    "ts-node": "^10.9.2",
     "tsx": "^4.23.11",
     "typescript": "^5.9.3",
     "vite": "^6.4.3",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-static-copy": "^3.4.0",
     "vite-tsconfig-paths": "^5.1.4",
-    "@frontify/fondue-icons": "0.29.1"
+    "@frontify/fondue-icons": "1.0.0-beta.0"
   },
   "scripts": {
-    "build": "pnpm clean && pnpm build:library && pnpm build:styles-with-tw && pnpm build:package:components && pnpm build:package:locales && pnpm build:package:icons && pnpm build:package:charts && pnpm build:package:tokens && pnpm build:package:rte && pnpm build:package:sdk && pnpm build:tools",
+    "build": "pnpm clean && pnpm build:library && pnpm build:package:components && pnpm build:package:locales && pnpm build:package:icons && pnpm build:package:charts && pnpm build:package:tokens && pnpm build:package:rte && pnpm build:package:sdk",
     "build:library": "vite build",
-    "build:styles-with-tw": "postcss ./src/components/**/*.css --config src/components/postcss.config.cjs -o dist/styles-without-tailwind.css",
-    "build:storybook": "storybook build",
     "build:package:components": "vite build -c components.vite.config.ts",
     "build:package:locales": "tsx scripts/copyLocales.ts",
     "build:package:icons": "vite build -c icons.vite.config.ts",
@@ -220,7 +167,6 @@
     "build:package:tokens": "vite build -c tokens.vite.config.ts",
     "build:package:rte": "vite build -c rte.vite.config.ts",
     "build:package:sdk": "vite build -c sdk.vite.config.ts",
-    "build:tools": "tsx scripts/detectDeprecatedExports/detectDeprecatedExports.ts tools/constants/fondueExports.json && vite build -c codemod.vite.config.ts && vite build -c internal-tools.vite.config.ts",
     "dev": "cross-env NODE_ENV=development pnpm dev:library",
     "dev:library": "vite build --emptyOutDir false --watch",
     "clean": "rimraf dist",
@@ -229,7 +175,6 @@
     "lint": "oxlint",
     "lint:fix": "oxlint --fix",
     "typecheck": "tsgo --noEmit",
-    "storybook": "storybook dev -p 6009",
     "ci": "pnpm install --frozen-lockfile",
     "knip": "knip",
     "knip:fix": "knip --fix --allow-remove-files"

package/dist/components/Accordion/Accordion.es.js DELETED Viewed

@@ -1,127 +0,0 @@
-import { jsx as l, Fragment as D, jsxs as F } from "react/jsx-runtime";
-import { useAccordion as N, useAccordionItem as P } from "@react-aria/accordion";
-import { useFocusRing as O } from "@react-aria/focus";
-import { mergeProps as R } from "@react-aria/utils";
-import { Item as T } from "@react-stately/collections";
-import { useTreeState as _ } from "@react-stately/tree";
-import { useRef as w, Children as p, useEffect as L, isValidElement as v } from "react";
-import { FOCUS_STYLE_NO_OFFSET as U } from "../../utilities/focusStyle.es.js";
-import { merge as C } from "../../utilities/merge.es.js";
-import { AccordionHeader as M } from "./AccordionHeader.es.js";
-import { CollapsibleWrap as S } from "../CollapsibleWrap/CollapsibleWrap.es.js";
-const V = "fondue-accordion", I = "fondue-accordion-item", j = ({
-  item: e,
-  state: t,
-  header: r,
-  padding: o = !0,
-  divider: i = !1,
-  headerComponent: n = M,
-  "data-test-id": c = I
-}) => {
-  var d, u;
-  const { active: s, ...f } = r, y = w(null), { buttonProps: h, regionProps: m } = P({ item: e }, t, y), A = t.expandedKeys.has(e.key), { isFocusVisible: k, focusProps: g } = O();
-  return /* @__PURE__ */ F(
-    "div",
-    {
-      className: C([
-        k ? `${U} tw-relative tw-rounded` : "",
-        i && "tw-divide-y tw-divide-black-10"
-      ]),
-      children: [
-        /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            ...R(h, g),
-            "data-test-id": c,
-            ref: y,
-            onClick: (a) => {
-              r.onClick && r.onClick(), h.onClick && h.onClick(a);
-            },
-            onKeyUp: (a) => {
-              r.onClick && a.key === "Enter" && r.onClick(), h.onKeyUp && h.onKeyUp(a);
-            },
-            className: "tw-w-full focus-visible:tw-outline-none",
-            children: /* @__PURE__ */ l(n, { isOpen: A, ...f })
-          }
-        ),
-        /* @__PURE__ */ l(S, { isOpen: A, preventInitialAnimation: s, children: /* @__PURE__ */ l("div", { ...m, className: C([o && "tw-px-8 tw-pb-6", "tw-mt-2"]), children: (u = (d = e.props).children) == null ? void 0 : u.call(d) }) })
-      ]
-    },
-    e.key
-  );
-}, W = (e) => {
-  const t = p.map(e, (o, i) => {
-    const { header: n, children: c } = o.props;
-    return /* @__PURE__ */ l(T, { textValue: n.children, children: c ? (() => c) : null }, i);
-  }), r = t.map((o) => o.key).filter((o, i) => {
-    var n, c;
-    return o && !!((c = (n = e[i]) == null ? void 0 : n.props.header) != null && c.active);
-  }) || [];
-  return { children: t, defaultExpandedKeys: r };
-}, H = ({ children: e }) => p.toArray(e).reduce((t, r) => v(r) && !r.props.header ? (console.warn("Use `AccordionItem` as children of `Accordion` and set the `header` prop accordingly."), t) : (v(r) && t.push(r), t), []), Y = ({ children: e }) => /* @__PURE__ */ l(D, { children: e });
-Y.displayName = "FondueAccordionItem";
-const $ = (e) => {
-  var r, o, i;
-  const t = p.toArray(e);
-  return ((i = (o = (r = t[t.length - 1]) == null ? void 0 : r.props) == null ? void 0 : o.header) == null ? void 0 : i.active) === !0;
-}, q = (e) => {
-  const { divider: t = !0, border: r = !0, "data-test-id": o = V } = e, i = H(e), n = W(i), c = w(null), s = _(n), f = w({ firstRender: !0, childLength: p.toArray(e.children).length }), y = p.toArray(e.children).length;
-  L(() => {
-    $(e.children) && !f.current.firstRender && p.toArray(e.children).length > f.current.childLength && s.toggleKey(n.defaultExpandedKeys[n.defaultExpandedKeys.length - 1]), f.current = { firstRender: !1, childLength: p.toArray(e.children).length };
-  }, [n.defaultExpandedKeys, y, e.children, s]);
-  const {
-    // @react-aria prevents default action for onMouseDown as implemented here: https://github.com/adobe/react-spectrum/blob/e14523fedd93ac1a4ede355aed70988af572ae74/packages/%40react-aria/selection/src/useSelectableCollection.ts#L370
-    // This makes it impossible to edit or select text in input fields inside the accordion
-    // onKeydown automatically navigates away from child elements, including dropdown menus etc.
-    // Focus should only be passed if the accordion item itself is focused
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    accordionProps: { onMouseDown: h, onKeyDown: m, ...A }
-    // @react-aria enable by default typeahead which result in an event fired up on keypress and select the section
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-  } = N({ ...n, disallowTypeAhead: !0 }, s, c), g = { ...A, onKeyDown: (d) => {
-    const u = d.target.dataset.key, a = s.selectionManager.focusedKey === u;
-    u && a && (m == null || m(d));
-  } };
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      ...g,
-      ref: c,
-      "data-test-id": o,
-      className: C([
-        t && "tw-divide-y tw-divide-black-10",
-        r && "tw-border-t tw-border-b tw-border-black-10"
-      ]),
-      children: [...s.collection].map((d, u) => {
-        const {
-          header: a,
-          padding: b,
-          headerComponent: K,
-          divider: x,
-          "data-test-id": E = I
-        } = i[u].props;
-        return /* @__PURE__ */ l(
-          j,
-          {
-            item: d,
-            state: s,
-            divider: x,
-            header: a,
-            padding: b,
-            headerComponent: K,
-            "data-test-id": E
-          },
-          d.key
-        );
-      })
-    }
-  );
-};
-q.displayName = "FondueAccordion";
-export {
-  q as Accordion,
-  Y as AccordionItem
-};
-//# sourceMappingURL=Accordion.es.js.map

package/dist/components/Accordion/Accordion.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Accordion.es.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useAccordion, useAccordionItem } from '@react-aria/accordion';\nimport { useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { Item as StatelyItem } from '@react-stately/collections';\nimport { type TreeProps, useTreeState } from '@react-stately/tree';\nimport {\n Children,\n type Key,\n type KeyboardEvent,\n type ReactElement,\n type ReactNode,\n isValidElement,\n useEffect,\n useRef,\n} from 'react';\n\nimport { CollapsibleWrap } from '@components/CollapsibleWrap';\nimport { FOCUS_STYLE_NO_OFFSET } from '@utilities/focusStyle';\nimport { merge } from '@utilities/merge';\n\nimport { AccordionHeader } from './AccordionHeader';\nimport { type AccordionItemProps, type AccordionProps, type AriaAccordionItemProps } from './types';\n\nconst ACCORDION_ID = 'fondue-accordion';\nconst ACCORDION_ITEM_ID = 'fondue-accordion-item';\n\nconst AriaAccordionItem = ({\n item,\n state,\n header,\n padding = true,\n divider = false,\n headerComponent: HeaderComponent = AccordionHeader,\n 'data-test-id': dataTestId = ACCORDION_ITEM_ID,\n}: AriaAccordionItemProps): ReactElement => {\n const { active, ...headerProps } = header;\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const { buttonProps, regionProps } = useAccordionItem({ item }, state, triggerRef);\n const isOpen = state.expandedKeys.has(item.key);\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <div\n key={item.key}\n className={merge([\n isFocusVisible ? `${FOCUS_STYLE_NO_OFFSET} tw-relative tw-rounded` : '',\n divider && 'tw-divide-y tw-divide-black-10',\n ])}\n >\n <button\n type=\"button\"\n {...mergeProps(buttonProps, focusProps)}\n data-test-id={dataTestId}\n ref={triggerRef}\n onClick={(event) => {\n if (header.onClick) {\n header.onClick();\n }\n\n if (buttonProps.onClick) {\n buttonProps.onClick(event);\n }\n }}\n onKeyUp={(event) => {\n if (header.onClick && event.key === 'Enter') {\n header.onClick();\n }\n\n if (buttonProps.onKeyUp) {\n buttonProps.onKeyUp(event);\n }\n }}\n className=\"tw-w-full focus-visible:tw-outline-none\"\n >\n <HeaderComponent isOpen={isOpen} {...headerProps} />\n </button>\n <CollapsibleWrap isOpen={isOpen} preventInitialAnimation={active}>\n <div {...regionProps} className={merge([padding && 'tw-px-8 tw-pb-6', 'tw-mt-2'])}>\n {item.props.children?.()}\n </div>\n </CollapsibleWrap>\n </div>\n );\n};\n\n/**\n * @deprecated Please use a custom component instead.\n */\nconst mapToAriaProps = (children: ReactElement<AccordionItemProps>[]): TreeProps<AccordionItemProps> => {\n const ariaChildren = Children.map(children, (child, index) => {\n const { header, children } = child.props;\n\n return (\n <StatelyItem key={index} textValue={header.children}>\n {children ? ((() => children) as unknown as ReactNode) : null}\n </StatelyItem>\n );\n });\n\n const defaultExpandedKeys = (ariaChildren\n .map((item) => item.key)\n .filter((key, index) => key && !!children[index]?.props.header?.active) || []) as Key[];\n\n // @ts-expect-error Type missmatch from library update\n return { children: ariaChildren, defaultExpandedKeys };\n};\n\nconst filterValidChildren = ({ children }: AccordionProps): ReactElement<AccordionItemProps>[] =>\n Children.toArray(children).reduce<ReactElement<AccordionItemProps>[]>((validChildren, child) => {\n if (isValidElement(child) && !child.props.header) {\n console.warn('Use `AccordionItem` as children of `Accordion` and set the `header` prop accordingly.');\n return validChildren;\n }\n\n if (isValidElement(child)) {\n validChildren.push(child as ReactElement<AccordionItemProps>);\n }\n\n return validChildren;\n }, []);\n\n/**\n * @deprecated Please use updated Accordion component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#accordion the migration guide}.\n */\nexport const AccordionItem = ({ children }: AccordionItemProps): ReactElement => <>{children}</>;\nAccordionItem.displayName = 'FondueAccordionItem';\n\nconst lastChildrenActive = (children: ReactNode | undefined): boolean | undefined => {\n const childrenArray = Children.toArray(children) as { key: string; props?: { header?: { active?: boolean } } }[];\n return childrenArray[childrenArray.length - 1]?.props?.header?.active === true;\n};\n\n/**\n * @deprecated Please use updated Accordion component from `@frontify/fondue/components` instead. Also check {@link https://github.com/Frontify/fondue/blob/main/packages/components/MIGRATING.md#accordion the migration guide}.\n */\nexport const Accordion = (props: AccordionProps): ReactElement => {\n const { divider = true, border = true, 'data-test-id': dataTestId = ACCORDION_ID } = props;\n const children = filterValidChildren(props);\n const ariaProps = mapToAriaProps(children);\n\n const ref = useRef<HTMLDivElement | null>(null);\n const state = useTreeState<AccordionItemProps>(ariaProps);\n\n // We need to detect the firstRender and childrenLength to not toggle any panel\n const accordionChildren = useRef({ firstRender: true, childLength: Children.toArray(props.children).length });\n const childrenLength = Children.toArray(props.children).length;\n useEffect(() => {\n /**\n * Checks if the last child in the Array is active\n * Only works when adding Children to end of Accordion\n */\n const childrenIsActive = lastChildrenActive(props.children);\n if (\n !!childrenIsActive &&\n !accordionChildren.current.firstRender &&\n Children.toArray(props.children).length > accordionChildren.current.childLength\n ) {\n // @ts-expect-error Type missmatch from library update\n state.toggleKey(ariaProps.defaultExpandedKeys[ariaProps.defaultExpandedKeys.length - 1]);\n }\n accordionChildren.current = { firstRender: false, childLength: Children.toArray(props.children).length };\n }, [ariaProps.defaultExpandedKeys, childrenLength, props.children, state]);\n\n const {\n // @react-aria prevents default action for onMouseDown as implemented here: https://github.com/adobe/react-spectrum/blob/e14523fedd93ac1a4ede355aed70988af572ae74/packages/%40react-aria/selection/src/useSelectableCollection.ts#L370\n // This makes it impossible to edit or select text in input fields inside the accordion\n // onKeydown automatically navigates away from child elements, including dropdown menus etc.\n // Focus should only be passed if the accordion item itself is focused\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n accordionProps: { onMouseDown, onKeyDown, ...accordionProps },\n // @react-aria enable by default typeahead which result in an event fired up on keypress and select the section\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n } = useAccordion({ ...ariaProps, disallowTypeAhead: true }, state, ref);\n\n const accordionKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n const key = (event.target as HTMLButtonElement).dataset.key;\n const isFocused = state.selectionManager.focusedKey === key;\n if (key && isFocused) {\n onKeyDown?.(event);\n }\n };\n\n const propsWithModifiedKeyDown = { ...accordionProps, onKeyDown: accordionKeyDown };\n\n return (\n <div\n {...propsWithModifiedKeyDown}\n ref={ref}\n data-test-id={dataTestId}\n className={merge([\n divider && 'tw-divide-y tw-divide-black-10',\n border && 'tw-border-t tw-border-b tw-border-black-10',\n ])}\n >\n {[...state.collection].map((item, index) => {\n const {\n header,\n padding,\n headerComponent,\n divider,\n 'data-test-id': itemDataTestId = ACCORDION_ITEM_ID,\n } = children[index].props;\n return (\n <AriaAccordionItem\n key={item.key}\n item={item}\n state={state}\n divider={divider}\n header={header}\n padding={padding}\n headerComponent={headerComponent}\n data-test-id={itemDataTestId}\n />\n );\n })}\n </div>\n );\n};\nAccordion.displayName = 'FondueAccordion';\n"],"names":["ACCORDION_ID","ACCORDION_ITEM_ID","AriaAccordionItem","item","state","header","padding","divider","HeaderComponent","AccordionHeader","dataTestId","active","headerProps","triggerRef","useRef","buttonProps","regionProps","useAccordionItem","isOpen","isFocusVisible","focusProps","useFocusRing","jsxs","merge","FOCUS_STYLE_NO_OFFSET","jsx","mergeProps","event","CollapsibleWrap","_b","_a","mapToAriaProps","children","ariaChildren","Children","child","index","StatelyItem","defaultExpandedKeys","key","filterValidChildren","validChildren","isValidElement","AccordionItem","lastChildrenActive","childrenArray","_c","Accordion","props","border","ariaProps","ref","useTreeState","accordionChildren","childrenLength","useEffect","onMouseDown","onKeyDown","accordionProps","useAccordion","propsWithModifiedKeyDown","isFocused","headerComponent","itemDataTestId"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,IAAe,oBACfC,IAAoB,yBAEpBC,IAAoB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,iBAAiBC,IAAkBC;AAAA,EACnC,gBAAgBC,IAAaT;AACjC,MAA4C;;AACxC,QAAM,EAAE,QAAAU,GAAQ,GAAGC,EAAA,IAAgBP,GAC7BQ,IAAaC,EAAiC,IAAI,GAClD,EAAE,aAAAC,GAAa,aAAAC,MAAgBC,EAAiB,EAAE,MAAAd,EAAA,GAAQC,GAAOS,CAAU,GAC3EK,IAASd,EAAM,aAAa,IAAID,EAAK,GAAG,GACxC,EAAE,gBAAAgB,GAAgB,YAAAC,EAAA,IAAeC,EAAA;AAEvC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEG,WAAWC,EAAM;AAAA,QACbJ,IAAiB,GAAGK,CAAqB,4BAA4B;AAAA,QACrEjB,KAAW;AAAA,MAAA,CACd;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAkB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACJ,GAAGC,EAAWX,GAAaK,CAAU;AAAA,YACtC,gBAAcV;AAAA,YACd,KAAKG;AAAA,YACL,SAAS,CAACc,MAAU;AAChB,cAAItB,EAAO,WACPA,EAAO,QAAA,GAGPU,EAAY,WACZA,EAAY,QAAQY,CAAK;AAAA,YAEjC;AAAA,YACA,SAAS,CAACA,MAAU;AAChB,cAAItB,EAAO,WAAWsB,EAAM,QAAQ,WAChCtB,EAAO,QAAA,GAGPU,EAAY,WACZA,EAAY,QAAQY,CAAK;AAAA,YAEjC;AAAA,YACA,WAAU;AAAA,YAEV,UAAA,gBAAAF,EAACjB,GAAA,EAAgB,QAAAU,GAAiB,GAAGN,EAAA,CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,QAEtD,gBAAAa,EAACG,KAAgB,QAAAV,GAAgB,yBAAyBP,GACtD,UAAA,gBAAAc,EAAC,OAAA,EAAK,GAAGT,GAAa,WAAWO,EAAM,CAACjB,KAAW,mBAAmB,SAAS,CAAC,GAC3E,WAAAuB,KAAAC,IAAA3B,EAAK,OAAM,aAAX,gBAAA0B,EAAA,KAAAC,GAAsB,CAC3B,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,IArCK3B,EAAK;AAAA,EAAA;AAwCtB,GAKM4B,IAAiB,CAACC,MAAgF;AACpG,QAAMC,IAAeC,EAAS,IAAIF,GAAU,CAACG,GAAOC,MAAU;AAC1D,UAAM,EAAE,QAAA/B,GAAQ,UAAA2B,EAAAA,IAAaG,EAAM;AAEnC,WACI,gBAAAV,EAACY,GAAA,EAAwB,WAAWhC,EAAO,UACtC,UAAA2B,KAAa,MAAMA,KAAqC,KAAA,GAD3CI,CAElB;AAAA,EAER,CAAC,GAEKE,IAAuBL,EACxB,IAAI,CAAC9B,MAASA,EAAK,GAAG,EACtB,OAAO,CAACoC,GAAKH;;AAAU,WAAAG,KAAO,CAAC,GAACV,KAAAC,IAAAE,EAASI,CAAK,MAAd,gBAAAN,EAAiB,MAAM,WAAvB,QAAAD,EAA+B;AAAA,GAAM,KAAK,CAAA;AAG/E,SAAO,EAAE,UAAUI,GAAc,qBAAAK,EAAA;AACrC,GAEME,IAAsB,CAAC,EAAE,UAAAR,EAAA,MAC3BE,EAAS,QAAQF,CAAQ,EAAE,OAA2C,CAACS,GAAeN,MAC9EO,EAAeP,CAAK,KAAK,CAACA,EAAM,MAAM,UACtC,QAAQ,KAAK,uFAAuF,GAC7FM,MAGPC,EAAeP,CAAK,KACpBM,EAAc,KAAKN,CAAyC,GAGzDM,IACR,EAAE,GAKIE,IAAgB,CAAC,EAAE,UAAAX,EAAA,6BAAoD,UAAAA,EAAA,CAAS;AAC7FW,EAAc,cAAc;AAE5B,MAAMC,IAAqB,CAACZ,MAAyD;;AACjF,QAAMa,IAAgBX,EAAS,QAAQF,CAAQ;AAC/C,WAAOc,KAAAjB,KAAAC,IAAAe,EAAcA,EAAc,SAAS,CAAC,MAAtC,gBAAAf,EAAyC,UAAzC,gBAAAD,EAAgD,WAAhD,gBAAAiB,EAAwD,YAAW;AAC9E,GAKaC,IAAY,CAACC,MAAwC;AAC9D,QAAM,EAAE,SAAAzC,IAAU,IAAM,QAAA0C,IAAS,IAAM,gBAAgBvC,IAAaV,MAAiBgD,GAC/EhB,IAAWQ,EAAoBQ,CAAK,GACpCE,IAAYnB,EAAeC,CAAQ,GAEnCmB,IAAMrC,EAA8B,IAAI,GACxCV,IAAQgD,EAAiCF,CAAS,GAGlDG,IAAoBvC,EAAO,EAAE,aAAa,IAAM,aAAaoB,EAAS,QAAQc,EAAM,QAAQ,EAAE,OAAA,CAAQ,GACtGM,IAAiBpB,EAAS,QAAQc,EAAM,QAAQ,EAAE;AACxD,EAAAO,EAAU,MAAM;AAMZ,IADyBX,EAAmBI,EAAM,QAAQ,KAGtD,CAACK,EAAkB,QAAQ,eAC3BnB,EAAS,QAAQc,EAAM,QAAQ,EAAE,SAASK,EAAkB,QAAQ,eAGpEjD,EAAM,UAAU8C,EAAU,oBAAoBA,EAAU,oBAAoB,SAAS,CAAC,CAAC,GAE3FG,EAAkB,UAAU,EAAE,aAAa,IAAO,aAAanB,EAAS,QAAQc,EAAM,QAAQ,EAAE,OAAA;AAAA,EACpG,GAAG,CAACE,EAAU,qBAAqBI,GAAgBN,EAAM,UAAU5C,CAAK,CAAC;AAEzE,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMF,gBAAgB,EAAE,aAAAoD,GAAa,WAAAC,GAAW,GAAGC,EAAA;AAAA;AAAA;AAAA;AAAA,EAAe,IAI5DC,EAAa,EAAE,GAAGT,GAAW,mBAAmB,GAAA,GAAQ9C,GAAO+C,CAAG,GAUhES,IAA2B,EAAE,GAAGF,GAAgB,WAR7B,CAAC/B,MAAyC;AAC/D,UAAMY,IAAOZ,EAAM,OAA6B,QAAQ,KAClDkC,IAAYzD,EAAM,iBAAiB,eAAemC;AACxD,IAAIA,KAAOsB,MACPJ,KAAA,QAAAA,EAAY9B;AAAA,EAEpB,EAEiE;AAEjE,SACI,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGmC;AAAA,MACJ,KAAAT;AAAA,MACA,gBAAczC;AAAA,MACd,WAAWa,EAAM;AAAA,QACbhB,KAAW;AAAA,QACX0C,KAAU;AAAA,MAAA,CACb;AAAA,MAEA,UAAA,CAAC,GAAG7C,EAAM,UAAU,EAAE,IAAI,CAACD,GAAMiC,MAAU;AACxC,cAAM;AAAA,UACF,QAAA/B;AAAA,UACA,SAAAC;AAAA,UACA,iBAAAwD;AAAA,UACA,SAAAvD;AAAAA,UACA,gBAAgBwD,IAAiB9D;AAAA,QAAA,IACjC+B,EAASI,CAAK,EAAE;AACpB,eACI,gBAAAX;AAAA,UAACvB;AAAA,UAAA;AAAA,YAEG,MAAAC;AAAA,YACA,OAAAC;AAAA,YACA,SAASG;AAAAA,YACT,QAAAF;AAAA,YACA,SAAAC;AAAA,YACA,iBAAAwD;AAAA,YACA,gBAAcC;AAAA,UAAA;AAAA,UAPT5D,EAAK;AAAA,QAAA;AAAA,MAUtB,CAAC;AAAA,IAAA;AAAA,EAAA;AAGb;AACA4C,EAAU,cAAc;"}