npm - @paperless/core - Versions diffs - 0.1.0-alpha.442 → 0.1.0-alpha.444 - Mend

@paperless/core 0.1.0-alpha.442 → 0.1.0-alpha.444

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

package/dist/collection/components/molecules/input-group/input-group.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- .mb-\[2px\]{margin-bottom:2px!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-b{border-bottom-width:1px!important}.border-l{border-left-width:1px!important}.border-l-0{border-left-width:0!important}.border-r{border-right-width:1px!important}.border-r-0{border-right-width:0!important}.border-solid{border-style:solid!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.border-negative{--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;outline:2px solid transparent!important;outline-offset:2px!important;width:100%}:host .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;margin-bottom:2px;text-transform:uppercase}:host .input-header{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:2px}:host .content{display:flex}:host .content .prefix,:host .content .suffix{--tw-bg-opacity:1;--tw-border-opacity:1!important;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px;box-sizing:border-box;color:rgb(39 40 56/var(--tw-text-opacity));color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-size:1rem;height:2.5rem!important;justify-content:flex-start;line-height:1.5rem;outline:2px solid transparent!important;outline-offset:2px!important;padding-left:1rem;padding-right:1rem;width:100%!important}:host .content .prefix::-moz-placeholder,:host .content .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem}:host .content .prefix::placeholder,:host .content .suffix::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem}:host .content .prefix.active,:host .content .prefix.focus,:host .content .prefix:focus,:host .content .prefix:focus-visible,:host .content .prefix:focus-within,:host .content .prefix[active],:host .content .suffix.active,:host .content .suffix.focus,:host .content .suffix:focus,:host .content .suffix:focus-visible,:host .content .suffix:focus-within,:host .content .suffix[active]{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host .content .prefix.size-small,:host .content .suffix.size-small{font-size:.875rem;height:2rem!important;line-height:1.25rem}:host .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host .content ::slotted(input[type=date].p-input),:host .content ::slotted(input[type=datetime-local].p-input),:host .content ::slotted(input[type=email].p-input),:host .content ::slotted(input[type=month].p-input),:host .content ::slotted(input[type=number].p-input),:host .content ::slotted(input[type=password].p-input),:host .content ::slotted(input[type=tel].p-input),:host .content ::slotted(input[type=text].p-input),:host .content ::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-bg-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1rem;height:2.5rem!important;justify-content:flex-start;line-height:1.5rem;order:2;outline:2px solid transparent!important;outline-offset:2px!important;padding-left:1rem;padding-right:1rem;width:100%!important}:host .content ::slotted(input[type=date].p-input)::-moz-placeholder,:host .content ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host .content ::slotted(input[type=email].p-input)::-moz-placeholder,:host .content ::slotted(input[type=month].p-input)::-moz-placeholder,:host .content ::slotted(input[type=number].p-input)::-moz-placeholder,:host .content ::slotted(input[type=password].p-input)::-moz-placeholder,:host .content ::slotted(input[type=tel].p-input)::-moz-placeholder,:host .content ::slotted(input[type=text].p-input)::-moz-placeholder,:host .content ::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem}:host .content ::slotted(input[type=date].p-input)::placeholder,:host .content ::slotted(input[type=datetime-local].p-input)::placeholder,:host .content ::slotted(input[type=email].p-input)::placeholder,:host .content ::slotted(input[type=month].p-input)::placeholder,:host .content ::slotted(input[type=number].p-input)::placeholder,:host .content ::slotted(input[type=password].p-input)::placeholder,:host .content ::slotted(input[type=tel].p-input)::placeholder,:host .content ::slotted(input[type=text].p-input)::placeholder,:host .content ::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem}:host .content .active::slotted(input[type=date].p-input),:host .content .active::slotted(input[type=datetime-local].p-input),:host .content .active::slotted(input[type=email].p-input),:host .content .active::slotted(input[type=month].p-input),:host .content .active::slotted(input[type=number].p-input),:host .content .active::slotted(input[type=password].p-input),:host .content .active::slotted(input[type=tel].p-input),:host .content .active::slotted(input[type=text].p-input),:host .content .active::slotted(input[type=time].p-input),:host .content .focus::slotted(input[type=date].p-input),:host .content .focus::slotted(input[type=datetime-local].p-input),:host .content .focus::slotted(input[type=email].p-input),:host .content .focus::slotted(input[type=month].p-input),:host .content .focus::slotted(input[type=number].p-input),:host .content .focus::slotted(input[type=password].p-input),:host .content .focus::slotted(input[type=tel].p-input),:host .content .focus::slotted(input[type=text].p-input),:host .content .focus::slotted(input[type=time].p-input),:host .content :focus-visible::slotted(input[type=date].p-input),:host .content :focus-visible::slotted(input[type=datetime-local].p-input),:host .content :focus-visible::slotted(input[type=email].p-input),:host .content :focus-visible::slotted(input[type=month].p-input),:host .content :focus-visible::slotted(input[type=number].p-input),:host .content :focus-visible::slotted(input[type=password].p-input),:host .content :focus-visible::slotted(input[type=tel].p-input),:host .content :focus-visible::slotted(input[type=text].p-input),:host .content :focus-visible::slotted(input[type=time].p-input),:host .content :focus-within::slotted(input[type=date].p-input),:host .content :focus-within::slotted(input[type=datetime-local].p-input),:host .content :focus-within::slotted(input[type=email].p-input),:host .content :focus-within::slotted(input[type=month].p-input),:host .content :focus-within::slotted(input[type=number].p-input),:host .content :focus-within::slotted(input[type=password].p-input),:host .content :focus-within::slotted(input[type=tel].p-input),:host .content :focus-within::slotted(input[type=text].p-input),:host .content :focus-within::slotted(input[type=time].p-input),:host .content :focus::slotted(input[type=date].p-input),:host .content :focus::slotted(input[type=datetime-local].p-input),:host .content :focus::slotted(input[type=email].p-input),:host .content :focus::slotted(input[type=month].p-input),:host .content :focus::slotted(input[type=number].p-input),:host .content :focus::slotted(input[type=password].p-input),:host .content :focus::slotted(input[type=tel].p-input),:host .content :focus::slotted(input[type=text].p-input),:host .content :focus::slotted(input[type=time].p-input),:host .content [active]::slotted(input[type=date].p-input),:host .content [active]::slotted(input[type=datetime-local].p-input),:host .content [active]::slotted(input[type=email].p-input),:host .content [active]::slotted(input[type=month].p-input),:host .content [active]::slotted(input[type=number].p-input),:host .content [active]::slotted(input[type=password].p-input),:host .content [active]::slotted(input[type=tel].p-input),:host .content [active]::slotted(input[type=text].p-input),:host .content [active]::slotted(input[type=time].p-input){--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host .content .size-small::slotted(input[type=date].p-input),:host .content .size-small::slotted(input[type=datetime-local].p-input),:host .content .size-small::slotted(input[type=email].p-input),:host .content .size-small::slotted(input[type=month].p-input),:host .content .size-small::slotted(input[type=number].p-input),:host .content .size-small::slotted(input[type=password].p-input),:host .content .size-small::slotted(input[type=tel].p-input),:host .content .size-small::slotted(input[type=text].p-input),:host .content .size-small::slotted(input[type=time].p-input){font-size:.875rem;height:2rem!important;line-height:1.25rem}:host .content .prefix+::slotted(input[type=date].p-input),:host .content .prefix+::slotted(input[type=datetime-local].p-input),:host .content .prefix+::slotted(input[type=email].p-input),:host .content .prefix+::slotted(input[type=month].p-input),:host .content .prefix+::slotted(input[type=number].p-input),:host .content .prefix+::slotted(input[type=password].p-input),:host .content .prefix+::slotted(input[type=tel].p-input),:host .content .prefix+::slotted(input[type=text].p-input),:host .content .prefix+::slotted(input[type=time].p-input){border-bottom-left-radius:0!important;border-left-width:0!important;border-top-left-radius:0!important;flex:1 1 auto;padding-left:0!important}:host .content .suffix+::slotted(input[type=date].p-input),:host .content .suffix+::slotted(input[type=datetime-local].p-input),:host .content .suffix+::slotted(input[type=email].p-input),:host .content .suffix+::slotted(input[type=month].p-input),:host .content .suffix+::slotted(input[type=number].p-input),:host .content .suffix+::slotted(input[type=password].p-input),:host .content .suffix+::slotted(input[type=tel].p-input),:host .content .suffix+::slotted(input[type=text].p-input),:host .content .suffix+::slotted(input[type=time].p-input){border-bottom-right-radius:0!important;border-right-width:0!important;border-top-right-radius:0!important;flex:1 1 auto;padding-right:0!important}:host(.focused),:host(:focus),:host(:focus-within),:host([focused]){outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) .prefix,:host(.focused) .suffix,:host(:focus) .prefix,:host(:focus) .suffix,:host(:focus-within) .prefix,:host(:focus-within) .suffix,:host([focused]) .prefix,:host([focused]) .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity));outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) ::slotted(input[type=date].p-input),:host(.focused) ::slotted(input[type=datetime-local].p-input),:host(.focused) ::slotted(input[type=email].p-input),:host(.focused) ::slotted(input[type=month].p-input),:host(.focused) ::slotted(input[type=number].p-input),:host(.focused) ::slotted(input[type=password].p-input),:host(.focused) ::slotted(input[type=tel].p-input),:host(.focused) ::slotted(input[type=text].p-input),:host(.focused) ::slotted(input[type=time].p-input),:host(:focus) ::slotted(input[type=date].p-input),:host(:focus) ::slotted(input[type=datetime-local].p-input),:host(:focus) ::slotted(input[type=email].p-input),:host(:focus) ::slotted(input[type=month].p-input),:host(:focus) ::slotted(input[type=number].p-input),:host(:focus) ::slotted(input[type=password].p-input),:host(:focus) ::slotted(input[type=tel].p-input),:host(:focus) ::slotted(input[type=text].p-input),:host(:focus) ::slotted(input[type=time].p-input),:host(:focus-within) ::slotted(input[type=date].p-input),:host(:focus-within) ::slotted(input[type=datetime-local].p-input),:host(:focus-within) ::slotted(input[type=email].p-input),:host(:focus-within) ::slotted(input[type=month].p-input),:host(:focus-within) ::slotted(input[type=number].p-input),:host(:focus-within) ::slotted(input[type=password].p-input),:host(:focus-within) ::slotted(input[type=tel].p-input),:host(:focus-within) ::slotted(input[type=text].p-input),:host(:focus-within) ::slotted(input[type=time].p-input),:host([focused]) ::slotted(input[type=date].p-input),:host([focused]) ::slotted(input[type=datetime-local].p-input),:host([focused]) ::slotted(input[type=email].p-input),:host([focused]) ::slotted(input[type=month].p-input),:host([focused]) ::slotted(input[type=number].p-input),:host([focused]) ::slotted(input[type=password].p-input),:host([focused]) ::slotted(input[type=tel].p-input),:host([focused]) ::slotted(input[type=text].p-input),:host([focused]) ::slotted(input[type=time].p-input){--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host(.error) .prefix,:host(.error) .suffix,:host([error]) .prefix,:host([error]) .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host(.error) .prefix::-moz-placeholder,:host(.error) .suffix::-moz-placeholder,:host([error]) .prefix::-moz-placeholder,:host([error]) .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) .prefix::placeholder,:host(.error) .suffix::placeholder,:host([error]) .prefix::placeholder,:host([error]) .suffix::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input),:host(.error) ::slotted(input[type=datetime-local].p-input),:host(.error) ::slotted(input[type=email].p-input),:host(.error) ::slotted(input[type=month].p-input),:host(.error) ::slotted(input[type=number].p-input),:host(.error) ::slotted(input[type=password].p-input),:host(.error) ::slotted(input[type=tel].p-input),:host(.error) ::slotted(input[type=text].p-input),:host(.error) ::slotted(input[type=time].p-input),:host([error]) ::slotted(input[type=date].p-input),:host([error]) ::slotted(input[type=datetime-local].p-input),:host([error]) ::slotted(input[type=email].p-input),:host([error]) ::slotted(input[type=month].p-input),:host([error]) ::slotted(input[type=number].p-input),:host([error]) ::slotted(input[type=password].p-input),:host([error]) ::slotted(input[type=tel].p-input),:host([error]) ::slotted(input[type=text].p-input),:host([error]) ::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input)::placeholder,:host(.error) ::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) ::slotted(input[type=email].p-input)::placeholder,:host(.error) ::slotted(input[type=month].p-input)::placeholder,:host(.error) ::slotted(input[type=number].p-input)::placeholder,:host(.error) ::slotted(input[type=password].p-input)::placeholder,:host(.error) ::slotted(input[type=tel].p-input)::placeholder,:host(.error) ::slotted(input[type=text].p-input)::placeholder,:host(.error) ::slotted(input[type=time].p-input)::placeholder,:host([error]) ::slotted(input[type=date].p-input)::placeholder,:host([error]) ::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) ::slotted(input[type=email].p-input)::placeholder,:host([error]) ::slotted(input[type=month].p-input)::placeholder,:host([error]) ::slotted(input[type=number].p-input)::placeholder,:host([error]) ::slotted(input[type=password].p-input)::placeholder,:host([error]) ::slotted(input[type=tel].p-input)::placeholder,:host([error]) ::slotted(input[type=text].p-input)::placeholder,:host([error]) ::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) .active::slotted(input[type=date].p-input),:host(.error) .active::slotted(input[type=datetime-local].p-input),:host(.error) .active::slotted(input[type=email].p-input),:host(.error) .active::slotted(input[type=month].p-input),:host(.error) .active::slotted(input[type=number].p-input),:host(.error) .active::slotted(input[type=password].p-input),:host(.error) .active::slotted(input[type=tel].p-input),:host(.error) .active::slotted(input[type=text].p-input),:host(.error) .active::slotted(input[type=time].p-input),:host(.error) .focus::slotted(input[type=date].p-input),:host(.error) .focus::slotted(input[type=datetime-local].p-input),:host(.error) .focus::slotted(input[type=email].p-input),:host(.error) .focus::slotted(input[type=month].p-input),:host(.error) .focus::slotted(input[type=number].p-input),:host(.error) .focus::slotted(input[type=password].p-input),:host(.error) .focus::slotted(input[type=tel].p-input),:host(.error) .focus::slotted(input[type=text].p-input),:host(.error) .focus::slotted(input[type=time].p-input),:host(.error) :focus-visible::slotted(input[type=date].p-input),:host(.error) :focus-visible::slotted(input[type=datetime-local].p-input),:host(.error) :focus-visible::slotted(input[type=email].p-input),:host(.error) :focus-visible::slotted(input[type=month].p-input),:host(.error) :focus-visible::slotted(input[type=number].p-input),:host(.error) :focus-visible::slotted(input[type=password].p-input),:host(.error) :focus-visible::slotted(input[type=tel].p-input),:host(.error) :focus-visible::slotted(input[type=text].p-input),:host(.error) :focus-visible::slotted(input[type=time].p-input),:host(.error) :focus-within::slotted(input[type=date].p-input),:host(.error) :focus-within::slotted(input[type=datetime-local].p-input),:host(.error) :focus-within::slotted(input[type=email].p-input),:host(.error) :focus-within::slotted(input[type=month].p-input),:host(.error) :focus-within::slotted(input[type=number].p-input),:host(.error) :focus-within::slotted(input[type=password].p-input),:host(.error) :focus-within::slotted(input[type=tel].p-input),:host(.error) :focus-within::slotted(input[type=text].p-input),:host(.error) :focus-within::slotted(input[type=time].p-input),:host(.error) :focus::slotted(input[type=date].p-input),:host(.error) :focus::slotted(input[type=datetime-local].p-input),:host(.error) :focus::slotted(input[type=email].p-input),:host(.error) :focus::slotted(input[type=month].p-input),:host(.error) :focus::slotted(input[type=number].p-input),:host(.error) :focus::slotted(input[type=password].p-input),:host(.error) :focus::slotted(input[type=tel].p-input),:host(.error) :focus::slotted(input[type=text].p-input),:host(.error) :focus::slotted(input[type=time].p-input),:host(.error) [active]::slotted(input[type=date].p-input),:host(.error) [active]::slotted(input[type=datetime-local].p-input),:host(.error) [active]::slotted(input[type=email].p-input),:host(.error) [active]::slotted(input[type=month].p-input),:host(.error) [active]::slotted(input[type=number].p-input),:host(.error) [active]::slotted(input[type=password].p-input),:host(.error) [active]::slotted(input[type=tel].p-input),:host(.error) [active]::slotted(input[type=text].p-input),:host(.error) [active]::slotted(input[type=time].p-input),:host([error]) .active::slotted(input[type=date].p-input),:host([error]) .active::slotted(input[type=datetime-local].p-input),:host([error]) .active::slotted(input[type=email].p-input),:host([error]) .active::slotted(input[type=month].p-input),:host([error]) .active::slotted(input[type=number].p-input),:host([error]) .active::slotted(input[type=password].p-input),:host([error]) .active::slotted(input[type=tel].p-input),:host([error]) .active::slotted(input[type=text].p-input),:host([error]) .active::slotted(input[type=time].p-input),:host([error]) .focus::slotted(input[type=date].p-input),:host([error]) .focus::slotted(input[type=datetime-local].p-input),:host([error]) .focus::slotted(input[type=email].p-input),:host([error]) .focus::slotted(input[type=month].p-input),:host([error]) .focus::slotted(input[type=number].p-input),:host([error]) .focus::slotted(input[type=password].p-input),:host([error]) .focus::slotted(input[type=tel].p-input),:host([error]) .focus::slotted(input[type=text].p-input),:host([error]) .focus::slotted(input[type=time].p-input),:host([error]) :focus-visible::slotted(input[type=date].p-input),:host([error]) :focus-visible::slotted(input[type=datetime-local].p-input),:host([error]) :focus-visible::slotted(input[type=email].p-input),:host([error]) :focus-visible::slotted(input[type=month].p-input),:host([error]) :focus-visible::slotted(input[type=number].p-input),:host([error]) :focus-visible::slotted(input[type=password].p-input),:host([error]) :focus-visible::slotted(input[type=tel].p-input),:host([error]) :focus-visible::slotted(input[type=text].p-input),:host([error]) :focus-visible::slotted(input[type=time].p-input),:host([error]) :focus-within::slotted(input[type=date].p-input),:host([error]) :focus-within::slotted(input[type=datetime-local].p-input),:host([error]) :focus-within::slotted(input[type=email].p-input),:host([error]) :focus-within::slotted(input[type=month].p-input),:host([error]) :focus-within::slotted(input[type=number].p-input),:host([error]) :focus-within::slotted(input[type=password].p-input),:host([error]) :focus-within::slotted(input[type=tel].p-input),:host([error]) :focus-within::slotted(input[type=text].p-input),:host([error]) :focus-within::slotted(input[type=time].p-input),:host([error]) :focus::slotted(input[type=date].p-input),:host([error]) :focus::slotted(input[type=datetime-local].p-input),:host([error]) :focus::slotted(input[type=email].p-input),:host([error]) :focus::slotted(input[type=month].p-input),:host([error]) :focus::slotted(input[type=number].p-input),:host([error]) :focus::slotted(input[type=password].p-input),:host([error]) :focus::slotted(input[type=tel].p-input),:host([error]) :focus::slotted(input[type=text].p-input),:host([error]) :focus::slotted(input[type=time].p-input),:host([error]) [active]::slotted(input[type=date].p-input),:host([error]) [active]::slotted(input[type=datetime-local].p-input),:host([error]) [active]::slotted(input[type=email].p-input),:host([error]) [active]::slotted(input[type=month].p-input),:host([error]) [active]::slotted(input[type=number].p-input),:host([error]) [active]::slotted(input[type=password].p-input),:host([error]) [active]::slotted(input[type=tel].p-input),:host([error]) [active]::slotted(input[type=text].p-input),:host([error]) [active]::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity))}:host(.error) .active::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) .active::slotted(input[type=date].p-input)::placeholder,:host(.error) .active::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) .active::slotted(input[type=email].p-input)::placeholder,:host(.error) .active::slotted(input[type=month].p-input)::placeholder,:host(.error) .active::slotted(input[type=number].p-input)::placeholder,:host(.error) .active::slotted(input[type=password].p-input)::placeholder,:host(.error) .active::slotted(input[type=tel].p-input)::placeholder,:host(.error) .active::slotted(input[type=text].p-input)::placeholder,:host(.error) .active::slotted(input[type=time].p-input)::placeholder,:host(.error) .focus::slotted(input[type=date].p-input)::placeholder,:host(.error) .focus::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) .focus::slotted(input[type=email].p-input)::placeholder,:host(.error) .focus::slotted(input[type=month].p-input)::placeholder,:host(.error) .focus::slotted(input[type=number].p-input)::placeholder,:host(.error) .focus::slotted(input[type=password].p-input)::placeholder,:host(.error) .focus::slotted(input[type=tel].p-input)::placeholder,:host(.error) .focus::slotted(input[type=text].p-input)::placeholder,:host(.error) .focus::slotted(input[type=time].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=date].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=email].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=month].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=number].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=password].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=tel].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=text].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=time].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=date].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=email].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=month].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=number].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=password].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=tel].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=text].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=time].p-input)::placeholder,:host(.error) :focus::slotted(input[type=date].p-input)::placeholder,:host(.error) :focus::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) :focus::slotted(input[type=email].p-input)::placeholder,:host(.error) :focus::slotted(input[type=month].p-input)::placeholder,:host(.error) :focus::slotted(input[type=number].p-input)::placeholder,:host(.error) :focus::slotted(input[type=password].p-input)::placeholder,:host(.error) :focus::slotted(input[type=tel].p-input)::placeholder,:host(.error) :focus::slotted(input[type=text].p-input)::placeholder,:host(.error) :focus::slotted(input[type=time].p-input)::placeholder,:host(.error) [active]::slotted(input[type=date].p-input)::placeholder,:host(.error) [active]::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) [active]::slotted(input[type=email].p-input)::placeholder,:host(.error) [active]::slotted(input[type=month].p-input)::placeholder,:host(.error) [active]::slotted(input[type=number].p-input)::placeholder,:host(.error) [active]::slotted(input[type=password].p-input)::placeholder,:host(.error) [active]::slotted(input[type=tel].p-input)::placeholder,:host(.error) [active]::slotted(input[type=text].p-input)::placeholder,:host(.error) [active]::slotted(input[type=time].p-input)::placeholder,:host([error]) .active::slotted(input[type=date].p-input)::placeholder,:host([error]) .active::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) .active::slotted(input[type=email].p-input)::placeholder,:host([error]) .active::slotted(input[type=month].p-input)::placeholder,:host([error]) .active::slotted(input[type=number].p-input)::placeholder,:host([error]) .active::slotted(input[type=password].p-input)::placeholder,:host([error]) .active::slotted(input[type=tel].p-input)::placeholder,:host([error]) .active::slotted(input[type=text].p-input)::placeholder,:host([error]) .active::slotted(input[type=time].p-input)::placeholder,:host([error]) .focus::slotted(input[type=date].p-input)::placeholder,:host([error]) .focus::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) .focus::slotted(input[type=email].p-input)::placeholder,:host([error]) .focus::slotted(input[type=month].p-input)::placeholder,:host([error]) .focus::slotted(input[type=number].p-input)::placeholder,:host([error]) .focus::slotted(input[type=password].p-input)::placeholder,:host([error]) .focus::slotted(input[type=tel].p-input)::placeholder,:host([error]) .focus::slotted(input[type=text].p-input)::placeholder,:host([error]) .focus::slotted(input[type=time].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=date].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=email].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=month].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=number].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=password].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=tel].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=text].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=time].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=date].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=email].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=month].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=number].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=password].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=tel].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=text].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=time].p-input)::placeholder,:host([error]) :focus::slotted(input[type=date].p-input)::placeholder,:host([error]) :focus::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) :focus::slotted(input[type=email].p-input)::placeholder,:host([error]) :focus::slotted(input[type=month].p-input)::placeholder,:host([error]) :focus::slotted(input[type=number].p-input)::placeholder,:host([error]) :focus::slotted(input[type=password].p-input)::placeholder,:host([error]) :focus::slotted(input[type=tel].p-input)::placeholder,:host([error]) :focus::slotted(input[type=text].p-input)::placeholder,:host([error]) :focus::slotted(input[type=time].p-input)::placeholder,:host([error]) [active]::slotted(input[type=date].p-input)::placeholder,:host([error]) [active]::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) [active]::slotted(input[type=email].p-input)::placeholder,:host([error]) [active]::slotted(input[type=month].p-input)::placeholder,:host([error]) [active]::slotted(input[type=number].p-input)::placeholder,:host([error]) [active]::slotted(input[type=password].p-input)::placeholder,:host([error]) [active]::slotted(input[type=tel].p-input)::placeholder,:host([error]) [active]::slotted(input[type=text].p-input)::placeholder,:host([error]) [active]::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.disabled) .prefix,:host(.disabled) .suffix,:host([disabled]) .prefix,:host([disabled]) .suffix{opacity:.4}:host(.disabled) ::slotted(input[type=date].p-input),:host(.disabled) ::slotted(input[type=datetime-local].p-input),:host(.disabled) ::slotted(input[type=email].p-input),:host(.disabled) ::slotted(input[type=month].p-input),:host(.disabled) ::slotted(input[type=number].p-input),:host(.disabled) ::slotted(input[type=password].p-input),:host(.disabled) ::slotted(input[type=tel].p-input),:host(.disabled) ::slotted(input[type=text].p-input),:host(.disabled) ::slotted(input[type=time].p-input),:host([disabled]) ::slotted(input[type=date].p-input),:host([disabled]) ::slotted(input[type=datetime-local].p-input),:host([disabled]) ::slotted(input[type=email].p-input),:host([disabled]) ::slotted(input[type=month].p-input),:host([disabled]) ::slotted(input[type=number].p-input),:host([disabled]) ::slotted(input[type=password].p-input),:host([disabled]) ::slotted(input[type=tel].p-input),:host([disabled]) ::slotted(input[type=text].p-input),:host([disabled]) ::slotted(input[type=time].p-input){opacity:.4;pointer-events:none}:host(.size-small) ::slotted(input[type=date].p-input),:host(.size-small) ::slotted(input[type=datetime-local].p-input),:host(.size-small) ::slotted(input[type=email].p-input),:host(.size-small) ::slotted(input[type=month].p-input),:host(.size-small) ::slotted(input[type=number].p-input),:host(.size-small) ::slotted(input[type=password].p-input),:host(.size-small) ::slotted(input[type=tel].p-input),:host(.size-small) ::slotted(input[type=text].p-input),:host(.size-small) ::slotted(input[type=time].p-input){font-size:.875rem;height:2rem!important;line-height:1.25rem}.static{position:static!important}.cursor-pointer{cursor:pointer!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xxs{font-size:.6875rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.justify-between{justify-content:space-between!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.h-6{height:1.5rem!important}.rounded{border-radius:.25rem!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.flex-col{flex-direction:column!important}.self-center{align-self:center!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.table-cell{display:table-cell!important}.w-1\/12{width:8.333333%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-auto{width:auto!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.overflow-hidden{overflow:hidden!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.block{display:block!important}.w-3\/4{width:75%!important}.gap-4{gap:1rem!important}.border{border-width:1px!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:hidden{display:none!important}.desktop-xs\:w-48{width:12rem!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}
1	+ .mb-\[2px\]{margin-bottom:2px!important}.box-border{box-sizing:border-box!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-8{height:2rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-b{border-bottom-width:1px!important}.border-l{border-left-width:1px!important}.border-l-0{border-left-width:0!important}.border-r{border-right-width:1px!important}.border-r-0{border-right-width:0!important}.border-solid{border-style:solid!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.border-negative{--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.tracking-wider{letter-spacing:.05em!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;outline:2px solid transparent!important;outline-offset:2px!important;width:100%}:host .input-label{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.75rem;font-weight:600;letter-spacing:.05em;line-height:1rem;margin-bottom:2px;text-transform:uppercase}:host .input-header{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:2px}:host .content{display:flex}:host .content .prefix,:host .content .suffix{--tw-bg-opacity:1;--tw-border-opacity:1!important;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px;box-sizing:border-box;color:rgb(39 40 56/var(--tw-text-opacity));color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-size:1rem;height:2.5rem!important;justify-content:flex-start;line-height:1.5rem;outline:2px solid transparent!important;outline-offset:2px!important;padding-left:1rem;padding-right:1rem;width:100%!important}:host .content .prefix::-moz-placeholder,:host .content .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem}:host .content .prefix::placeholder,:host .content .suffix::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem}:host .content .prefix.active,:host .content .prefix.focus,:host .content .prefix:focus,:host .content .prefix:focus-visible,:host .content .prefix:focus-within,:host .content .prefix[active],:host .content .suffix.active,:host .content .suffix.focus,:host .content .suffix:focus,:host .content .suffix:focus-visible,:host .content .suffix:focus-within,:host .content .suffix[active]{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host .content .prefix.size-small,:host .content .suffix.size-small{font-size:.875rem;height:2rem!important;line-height:1.25rem}:host .content .prefix{border-bottom-right-radius:0;border-right-width:0!important;border-top-right-radius:0;order:1;padding-right:.5rem}:host .content .suffix{border-bottom-left-radius:0;border-left-width:0!important;border-top-left-radius:0;order:3;padding-left:.5rem}:host .content ::slotted(input[type=date].p-input),:host .content ::slotted(input[type=datetime-local].p-input),:host .content ::slotted(input[type=email].p-input),:host .content ::slotted(input[type=month].p-input),:host .content ::slotted(input[type=number].p-input),:host .content ::slotted(input[type=password].p-input),:host .content ::slotted(input[type=tel].p-input),:host .content ::slotted(input[type=text].p-input),:host .content ::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-bg-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.375rem;border-style:solid!important;border-width:1px;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1rem;height:2.5rem!important;justify-content:flex-start;line-height:1.5rem;order:2;outline:2px solid transparent!important;outline-offset:2px!important;padding-left:1rem;padding-right:1rem;width:100%!important}:host .content ::slotted(input[type=date].p-input)::-moz-placeholder,:host .content ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host .content ::slotted(input[type=email].p-input)::-moz-placeholder,:host .content ::slotted(input[type=month].p-input)::-moz-placeholder,:host .content ::slotted(input[type=number].p-input)::-moz-placeholder,:host .content ::slotted(input[type=password].p-input)::-moz-placeholder,:host .content ::slotted(input[type=tel].p-input)::-moz-placeholder,:host .content ::slotted(input[type=text].p-input)::-moz-placeholder,:host .content ::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem}:host .content ::slotted(input[type=date].p-input)::placeholder,:host .content ::slotted(input[type=datetime-local].p-input)::placeholder,:host .content ::slotted(input[type=email].p-input)::placeholder,:host .content ::slotted(input[type=month].p-input)::placeholder,:host .content ::slotted(input[type=number].p-input)::placeholder,:host .content ::slotted(input[type=password].p-input)::placeholder,:host .content ::slotted(input[type=tel].p-input)::placeholder,:host .content ::slotted(input[type=text].p-input)::placeholder,:host .content ::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));font-size:1rem;line-height:1.5rem}:host .content .active::slotted(input[type=date].p-input),:host .content .active::slotted(input[type=datetime-local].p-input),:host .content .active::slotted(input[type=email].p-input),:host .content .active::slotted(input[type=month].p-input),:host .content .active::slotted(input[type=number].p-input),:host .content .active::slotted(input[type=password].p-input),:host .content .active::slotted(input[type=tel].p-input),:host .content .active::slotted(input[type=text].p-input),:host .content .active::slotted(input[type=time].p-input),:host .content .focus::slotted(input[type=date].p-input),:host .content .focus::slotted(input[type=datetime-local].p-input),:host .content .focus::slotted(input[type=email].p-input),:host .content .focus::slotted(input[type=month].p-input),:host .content .focus::slotted(input[type=number].p-input),:host .content .focus::slotted(input[type=password].p-input),:host .content .focus::slotted(input[type=tel].p-input),:host .content .focus::slotted(input[type=text].p-input),:host .content .focus::slotted(input[type=time].p-input),:host .content :focus-visible::slotted(input[type=date].p-input),:host .content :focus-visible::slotted(input[type=datetime-local].p-input),:host .content :focus-visible::slotted(input[type=email].p-input),:host .content :focus-visible::slotted(input[type=month].p-input),:host .content :focus-visible::slotted(input[type=number].p-input),:host .content :focus-visible::slotted(input[type=password].p-input),:host .content :focus-visible::slotted(input[type=tel].p-input),:host .content :focus-visible::slotted(input[type=text].p-input),:host .content :focus-visible::slotted(input[type=time].p-input),:host .content :focus-within::slotted(input[type=date].p-input),:host .content :focus-within::slotted(input[type=datetime-local].p-input),:host .content :focus-within::slotted(input[type=email].p-input),:host .content :focus-within::slotted(input[type=month].p-input),:host .content :focus-within::slotted(input[type=number].p-input),:host .content :focus-within::slotted(input[type=password].p-input),:host .content :focus-within::slotted(input[type=tel].p-input),:host .content :focus-within::slotted(input[type=text].p-input),:host .content :focus-within::slotted(input[type=time].p-input),:host .content :focus::slotted(input[type=date].p-input),:host .content :focus::slotted(input[type=datetime-local].p-input),:host .content :focus::slotted(input[type=email].p-input),:host .content :focus::slotted(input[type=month].p-input),:host .content :focus::slotted(input[type=number].p-input),:host .content :focus::slotted(input[type=password].p-input),:host .content :focus::slotted(input[type=tel].p-input),:host .content :focus::slotted(input[type=text].p-input),:host .content :focus::slotted(input[type=time].p-input),:host .content [active]::slotted(input[type=date].p-input),:host .content [active]::slotted(input[type=datetime-local].p-input),:host .content [active]::slotted(input[type=email].p-input),:host .content [active]::slotted(input[type=month].p-input),:host .content [active]::slotted(input[type=number].p-input),:host .content [active]::slotted(input[type=password].p-input),:host .content [active]::slotted(input[type=tel].p-input),:host .content [active]::slotted(input[type=text].p-input),:host .content [active]::slotted(input[type=time].p-input){--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host .content .size-small::slotted(input[type=date].p-input),:host .content .size-small::slotted(input[type=datetime-local].p-input),:host .content .size-small::slotted(input[type=email].p-input),:host .content .size-small::slotted(input[type=month].p-input),:host .content .size-small::slotted(input[type=number].p-input),:host .content .size-small::slotted(input[type=password].p-input),:host .content .size-small::slotted(input[type=tel].p-input),:host .content .size-small::slotted(input[type=text].p-input),:host .content .size-small::slotted(input[type=time].p-input){font-size:.875rem;height:2rem!important;line-height:1.25rem}:host .content .prefix+::slotted(input[type=date].p-input),:host .content .prefix+::slotted(input[type=datetime-local].p-input),:host .content .prefix+::slotted(input[type=email].p-input),:host .content .prefix+::slotted(input[type=month].p-input),:host .content .prefix+::slotted(input[type=number].p-input),:host .content .prefix+::slotted(input[type=password].p-input),:host .content .prefix+::slotted(input[type=tel].p-input),:host .content .prefix+::slotted(input[type=text].p-input),:host .content .prefix+::slotted(input[type=time].p-input){border-bottom-left-radius:0!important;border-left-width:0!important;border-top-left-radius:0!important;flex:1 1 auto;padding-left:0!important}:host .content .suffix+::slotted(input[type=date].p-input),:host .content .suffix+::slotted(input[type=datetime-local].p-input),:host .content .suffix+::slotted(input[type=email].p-input),:host .content .suffix+::slotted(input[type=month].p-input),:host .content .suffix+::slotted(input[type=number].p-input),:host .content .suffix+::slotted(input[type=password].p-input),:host .content .suffix+::slotted(input[type=tel].p-input),:host .content .suffix+::slotted(input[type=text].p-input),:host .content .suffix+::slotted(input[type=time].p-input){border-bottom-right-radius:0!important;border-right-width:0!important;border-top-right-radius:0!important;flex:1 1 auto;padding-right:0!important}:host(.focused),:host(:focus),:host(:focus-within),:host([focused]){outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) .prefix,:host(.focused) .suffix,:host(:focus) .prefix,:host(:focus) .suffix,:host(:focus-within) .prefix,:host(:focus-within) .suffix,:host([focused]) .prefix,:host([focused]) .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity));outline:2px solid transparent!important;outline-offset:2px!important}:host(.focused) ::slotted(input[type=date].p-input),:host(.focused) ::slotted(input[type=datetime-local].p-input),:host(.focused) ::slotted(input[type=email].p-input),:host(.focused) ::slotted(input[type=month].p-input),:host(.focused) ::slotted(input[type=number].p-input),:host(.focused) ::slotted(input[type=password].p-input),:host(.focused) ::slotted(input[type=tel].p-input),:host(.focused) ::slotted(input[type=text].p-input),:host(.focused) ::slotted(input[type=time].p-input),:host(:focus) ::slotted(input[type=date].p-input),:host(:focus) ::slotted(input[type=datetime-local].p-input),:host(:focus) ::slotted(input[type=email].p-input),:host(:focus) ::slotted(input[type=month].p-input),:host(:focus) ::slotted(input[type=number].p-input),:host(:focus) ::slotted(input[type=password].p-input),:host(:focus) ::slotted(input[type=tel].p-input),:host(:focus) ::slotted(input[type=text].p-input),:host(:focus) ::slotted(input[type=time].p-input),:host(:focus-within) ::slotted(input[type=date].p-input),:host(:focus-within) ::slotted(input[type=datetime-local].p-input),:host(:focus-within) ::slotted(input[type=email].p-input),:host(:focus-within) ::slotted(input[type=month].p-input),:host(:focus-within) ::slotted(input[type=number].p-input),:host(:focus-within) ::slotted(input[type=password].p-input),:host(:focus-within) ::slotted(input[type=tel].p-input),:host(:focus-within) ::slotted(input[type=text].p-input),:host(:focus-within) ::slotted(input[type=time].p-input),:host([focused]) ::slotted(input[type=date].p-input),:host([focused]) ::slotted(input[type=datetime-local].p-input),:host([focused]) ::slotted(input[type=email].p-input),:host([focused]) ::slotted(input[type=month].p-input),:host([focused]) ::slotted(input[type=number].p-input),:host([focused]) ::slotted(input[type=password].p-input),:host([focused]) ::slotted(input[type=tel].p-input),:host([focused]) ::slotted(input[type=text].p-input),:host([focused]) ::slotted(input[type=time].p-input){--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}:host(.error) .prefix,:host(.error) .suffix,:host([error]) .prefix,:host([error]) .suffix{--tw-border-opacity:1!important;--tw-text-opacity:1;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host(.error) .prefix::-moz-placeholder,:host(.error) .suffix::-moz-placeholder,:host([error]) .prefix::-moz-placeholder,:host([error]) .suffix::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) .prefix::placeholder,:host(.error) .suffix::placeholder,:host([error]) .prefix::placeholder,:host([error]) .suffix::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input),:host(.error) ::slotted(input[type=datetime-local].p-input),:host(.error) ::slotted(input[type=email].p-input),:host(.error) ::slotted(input[type=month].p-input),:host(.error) ::slotted(input[type=number].p-input),:host(.error) ::slotted(input[type=password].p-input),:host(.error) ::slotted(input[type=tel].p-input),:host(.error) ::slotted(input[type=text].p-input),:host(.error) ::slotted(input[type=time].p-input),:host([error]) ::slotted(input[type=date].p-input),:host([error]) ::slotted(input[type=datetime-local].p-input),:host([error]) ::slotted(input[type=email].p-input),:host([error]) ::slotted(input[type=month].p-input),:host([error]) ::slotted(input[type=number].p-input),:host([error]) ::slotted(input[type=password].p-input),:host([error]) ::slotted(input[type=tel].p-input),:host([error]) ::slotted(input[type=text].p-input),:host([error]) ::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) ::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) ::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) ::slotted(input[type=date].p-input)::placeholder,:host(.error) ::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) ::slotted(input[type=email].p-input)::placeholder,:host(.error) ::slotted(input[type=month].p-input)::placeholder,:host(.error) ::slotted(input[type=number].p-input)::placeholder,:host(.error) ::slotted(input[type=password].p-input)::placeholder,:host(.error) ::slotted(input[type=tel].p-input)::placeholder,:host(.error) ::slotted(input[type=text].p-input)::placeholder,:host(.error) ::slotted(input[type=time].p-input)::placeholder,:host([error]) ::slotted(input[type=date].p-input)::placeholder,:host([error]) ::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) ::slotted(input[type=email].p-input)::placeholder,:host([error]) ::slotted(input[type=month].p-input)::placeholder,:host([error]) ::slotted(input[type=number].p-input)::placeholder,:host([error]) ::slotted(input[type=password].p-input)::placeholder,:host([error]) ::slotted(input[type=tel].p-input)::placeholder,:host([error]) ::slotted(input[type=text].p-input)::placeholder,:host([error]) ::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) .active::slotted(input[type=date].p-input),:host(.error) .active::slotted(input[type=datetime-local].p-input),:host(.error) .active::slotted(input[type=email].p-input),:host(.error) .active::slotted(input[type=month].p-input),:host(.error) .active::slotted(input[type=number].p-input),:host(.error) .active::slotted(input[type=password].p-input),:host(.error) .active::slotted(input[type=tel].p-input),:host(.error) .active::slotted(input[type=text].p-input),:host(.error) .active::slotted(input[type=time].p-input),:host(.error) .focus::slotted(input[type=date].p-input),:host(.error) .focus::slotted(input[type=datetime-local].p-input),:host(.error) .focus::slotted(input[type=email].p-input),:host(.error) .focus::slotted(input[type=month].p-input),:host(.error) .focus::slotted(input[type=number].p-input),:host(.error) .focus::slotted(input[type=password].p-input),:host(.error) .focus::slotted(input[type=tel].p-input),:host(.error) .focus::slotted(input[type=text].p-input),:host(.error) .focus::slotted(input[type=time].p-input),:host(.error) :focus-visible::slotted(input[type=date].p-input),:host(.error) :focus-visible::slotted(input[type=datetime-local].p-input),:host(.error) :focus-visible::slotted(input[type=email].p-input),:host(.error) :focus-visible::slotted(input[type=month].p-input),:host(.error) :focus-visible::slotted(input[type=number].p-input),:host(.error) :focus-visible::slotted(input[type=password].p-input),:host(.error) :focus-visible::slotted(input[type=tel].p-input),:host(.error) :focus-visible::slotted(input[type=text].p-input),:host(.error) :focus-visible::slotted(input[type=time].p-input),:host(.error) :focus-within::slotted(input[type=date].p-input),:host(.error) :focus-within::slotted(input[type=datetime-local].p-input),:host(.error) :focus-within::slotted(input[type=email].p-input),:host(.error) :focus-within::slotted(input[type=month].p-input),:host(.error) :focus-within::slotted(input[type=number].p-input),:host(.error) :focus-within::slotted(input[type=password].p-input),:host(.error) :focus-within::slotted(input[type=tel].p-input),:host(.error) :focus-within::slotted(input[type=text].p-input),:host(.error) :focus-within::slotted(input[type=time].p-input),:host(.error) :focus::slotted(input[type=date].p-input),:host(.error) :focus::slotted(input[type=datetime-local].p-input),:host(.error) :focus::slotted(input[type=email].p-input),:host(.error) :focus::slotted(input[type=month].p-input),:host(.error) :focus::slotted(input[type=number].p-input),:host(.error) :focus::slotted(input[type=password].p-input),:host(.error) :focus::slotted(input[type=tel].p-input),:host(.error) :focus::slotted(input[type=text].p-input),:host(.error) :focus::slotted(input[type=time].p-input),:host(.error) [active]::slotted(input[type=date].p-input),:host(.error) [active]::slotted(input[type=datetime-local].p-input),:host(.error) [active]::slotted(input[type=email].p-input),:host(.error) [active]::slotted(input[type=month].p-input),:host(.error) [active]::slotted(input[type=number].p-input),:host(.error) [active]::slotted(input[type=password].p-input),:host(.error) [active]::slotted(input[type=tel].p-input),:host(.error) [active]::slotted(input[type=text].p-input),:host(.error) [active]::slotted(input[type=time].p-input),:host([error]) .active::slotted(input[type=date].p-input),:host([error]) .active::slotted(input[type=datetime-local].p-input),:host([error]) .active::slotted(input[type=email].p-input),:host([error]) .active::slotted(input[type=month].p-input),:host([error]) .active::slotted(input[type=number].p-input),:host([error]) .active::slotted(input[type=password].p-input),:host([error]) .active::slotted(input[type=tel].p-input),:host([error]) .active::slotted(input[type=text].p-input),:host([error]) .active::slotted(input[type=time].p-input),:host([error]) .focus::slotted(input[type=date].p-input),:host([error]) .focus::slotted(input[type=datetime-local].p-input),:host([error]) .focus::slotted(input[type=email].p-input),:host([error]) .focus::slotted(input[type=month].p-input),:host([error]) .focus::slotted(input[type=number].p-input),:host([error]) .focus::slotted(input[type=password].p-input),:host([error]) .focus::slotted(input[type=tel].p-input),:host([error]) .focus::slotted(input[type=text].p-input),:host([error]) .focus::slotted(input[type=time].p-input),:host([error]) :focus-visible::slotted(input[type=date].p-input),:host([error]) :focus-visible::slotted(input[type=datetime-local].p-input),:host([error]) :focus-visible::slotted(input[type=email].p-input),:host([error]) :focus-visible::slotted(input[type=month].p-input),:host([error]) :focus-visible::slotted(input[type=number].p-input),:host([error]) :focus-visible::slotted(input[type=password].p-input),:host([error]) :focus-visible::slotted(input[type=tel].p-input),:host([error]) :focus-visible::slotted(input[type=text].p-input),:host([error]) :focus-visible::slotted(input[type=time].p-input),:host([error]) :focus-within::slotted(input[type=date].p-input),:host([error]) :focus-within::slotted(input[type=datetime-local].p-input),:host([error]) :focus-within::slotted(input[type=email].p-input),:host([error]) :focus-within::slotted(input[type=month].p-input),:host([error]) :focus-within::slotted(input[type=number].p-input),:host([error]) :focus-within::slotted(input[type=password].p-input),:host([error]) :focus-within::slotted(input[type=tel].p-input),:host([error]) :focus-within::slotted(input[type=text].p-input),:host([error]) :focus-within::slotted(input[type=time].p-input),:host([error]) :focus::slotted(input[type=date].p-input),:host([error]) :focus::slotted(input[type=datetime-local].p-input),:host([error]) :focus::slotted(input[type=email].p-input),:host([error]) :focus::slotted(input[type=month].p-input),:host([error]) :focus::slotted(input[type=number].p-input),:host([error]) :focus::slotted(input[type=password].p-input),:host([error]) :focus::slotted(input[type=tel].p-input),:host([error]) :focus::slotted(input[type=text].p-input),:host([error]) :focus::slotted(input[type=time].p-input),:host([error]) [active]::slotted(input[type=date].p-input),:host([error]) [active]::slotted(input[type=datetime-local].p-input),:host([error]) [active]::slotted(input[type=email].p-input),:host([error]) [active]::slotted(input[type=month].p-input),:host([error]) [active]::slotted(input[type=number].p-input),:host([error]) [active]::slotted(input[type=password].p-input),:host([error]) [active]::slotted(input[type=tel].p-input),:host([error]) [active]::slotted(input[type=text].p-input),:host([error]) [active]::slotted(input[type=time].p-input){--tw-text-opacity:1;--tw-border-opacity:1!important;border-color:rgb(185 30 40/var(--tw-border-opacity))!important;color:rgb(138 15 29/var(--tw-text-opacity))}:host(.error) .active::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) .active::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) .focus::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) :focus-visible::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) :focus-within::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) :focus::slotted(input[type=time].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=date].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=email].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=month].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=number].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=password].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=tel].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=text].p-input)::-moz-placeholder,:host(.error) [active]::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) .active::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) .focus::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) :focus-visible::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) :focus-within::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) :focus::slotted(input[type=time].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=date].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=datetime-local].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=email].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=month].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=number].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=password].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=tel].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=text].p-input)::-moz-placeholder,:host([error]) [active]::slotted(input[type=time].p-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.error) .active::slotted(input[type=date].p-input)::placeholder,:host(.error) .active::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) .active::slotted(input[type=email].p-input)::placeholder,:host(.error) .active::slotted(input[type=month].p-input)::placeholder,:host(.error) .active::slotted(input[type=number].p-input)::placeholder,:host(.error) .active::slotted(input[type=password].p-input)::placeholder,:host(.error) .active::slotted(input[type=tel].p-input)::placeholder,:host(.error) .active::slotted(input[type=text].p-input)::placeholder,:host(.error) .active::slotted(input[type=time].p-input)::placeholder,:host(.error) .focus::slotted(input[type=date].p-input)::placeholder,:host(.error) .focus::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) .focus::slotted(input[type=email].p-input)::placeholder,:host(.error) .focus::slotted(input[type=month].p-input)::placeholder,:host(.error) .focus::slotted(input[type=number].p-input)::placeholder,:host(.error) .focus::slotted(input[type=password].p-input)::placeholder,:host(.error) .focus::slotted(input[type=tel].p-input)::placeholder,:host(.error) .focus::slotted(input[type=text].p-input)::placeholder,:host(.error) .focus::slotted(input[type=time].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=date].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=email].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=month].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=number].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=password].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=tel].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=text].p-input)::placeholder,:host(.error) :focus-visible::slotted(input[type=time].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=date].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=email].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=month].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=number].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=password].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=tel].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=text].p-input)::placeholder,:host(.error) :focus-within::slotted(input[type=time].p-input)::placeholder,:host(.error) :focus::slotted(input[type=date].p-input)::placeholder,:host(.error) :focus::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) :focus::slotted(input[type=email].p-input)::placeholder,:host(.error) :focus::slotted(input[type=month].p-input)::placeholder,:host(.error) :focus::slotted(input[type=number].p-input)::placeholder,:host(.error) :focus::slotted(input[type=password].p-input)::placeholder,:host(.error) :focus::slotted(input[type=tel].p-input)::placeholder,:host(.error) :focus::slotted(input[type=text].p-input)::placeholder,:host(.error) :focus::slotted(input[type=time].p-input)::placeholder,:host(.error) [active]::slotted(input[type=date].p-input)::placeholder,:host(.error) [active]::slotted(input[type=datetime-local].p-input)::placeholder,:host(.error) [active]::slotted(input[type=email].p-input)::placeholder,:host(.error) [active]::slotted(input[type=month].p-input)::placeholder,:host(.error) [active]::slotted(input[type=number].p-input)::placeholder,:host(.error) [active]::slotted(input[type=password].p-input)::placeholder,:host(.error) [active]::slotted(input[type=tel].p-input)::placeholder,:host(.error) [active]::slotted(input[type=text].p-input)::placeholder,:host(.error) [active]::slotted(input[type=time].p-input)::placeholder,:host([error]) .active::slotted(input[type=date].p-input)::placeholder,:host([error]) .active::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) .active::slotted(input[type=email].p-input)::placeholder,:host([error]) .active::slotted(input[type=month].p-input)::placeholder,:host([error]) .active::slotted(input[type=number].p-input)::placeholder,:host([error]) .active::slotted(input[type=password].p-input)::placeholder,:host([error]) .active::slotted(input[type=tel].p-input)::placeholder,:host([error]) .active::slotted(input[type=text].p-input)::placeholder,:host([error]) .active::slotted(input[type=time].p-input)::placeholder,:host([error]) .focus::slotted(input[type=date].p-input)::placeholder,:host([error]) .focus::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) .focus::slotted(input[type=email].p-input)::placeholder,:host([error]) .focus::slotted(input[type=month].p-input)::placeholder,:host([error]) .focus::slotted(input[type=number].p-input)::placeholder,:host([error]) .focus::slotted(input[type=password].p-input)::placeholder,:host([error]) .focus::slotted(input[type=tel].p-input)::placeholder,:host([error]) .focus::slotted(input[type=text].p-input)::placeholder,:host([error]) .focus::slotted(input[type=time].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=date].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=email].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=month].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=number].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=password].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=tel].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=text].p-input)::placeholder,:host([error]) :focus-visible::slotted(input[type=time].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=date].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=email].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=month].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=number].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=password].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=tel].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=text].p-input)::placeholder,:host([error]) :focus-within::slotted(input[type=time].p-input)::placeholder,:host([error]) :focus::slotted(input[type=date].p-input)::placeholder,:host([error]) :focus::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) :focus::slotted(input[type=email].p-input)::placeholder,:host([error]) :focus::slotted(input[type=month].p-input)::placeholder,:host([error]) :focus::slotted(input[type=number].p-input)::placeholder,:host([error]) :focus::slotted(input[type=password].p-input)::placeholder,:host([error]) :focus::slotted(input[type=tel].p-input)::placeholder,:host([error]) :focus::slotted(input[type=text].p-input)::placeholder,:host([error]) :focus::slotted(input[type=time].p-input)::placeholder,:host([error]) [active]::slotted(input[type=date].p-input)::placeholder,:host([error]) [active]::slotted(input[type=datetime-local].p-input)::placeholder,:host([error]) [active]::slotted(input[type=email].p-input)::placeholder,:host([error]) [active]::slotted(input[type=month].p-input)::placeholder,:host([error]) [active]::slotted(input[type=number].p-input)::placeholder,:host([error]) [active]::slotted(input[type=password].p-input)::placeholder,:host([error]) [active]::slotted(input[type=tel].p-input)::placeholder,:host([error]) [active]::slotted(input[type=text].p-input)::placeholder,:host([error]) [active]::slotted(input[type=time].p-input)::placeholder{--tw-text-opacity:1;color:rgb(255 204 211/var(--tw-text-opacity))}:host(.disabled) .prefix,:host(.disabled) .suffix,:host([disabled]) .prefix,:host([disabled]) .suffix{opacity:.4}:host(.disabled) ::slotted(input[type=date].p-input),:host(.disabled) ::slotted(input[type=datetime-local].p-input),:host(.disabled) ::slotted(input[type=email].p-input),:host(.disabled) ::slotted(input[type=month].p-input),:host(.disabled) ::slotted(input[type=number].p-input),:host(.disabled) ::slotted(input[type=password].p-input),:host(.disabled) ::slotted(input[type=tel].p-input),:host(.disabled) ::slotted(input[type=text].p-input),:host(.disabled) ::slotted(input[type=time].p-input),:host([disabled]) ::slotted(input[type=date].p-input),:host([disabled]) ::slotted(input[type=datetime-local].p-input),:host([disabled]) ::slotted(input[type=email].p-input),:host([disabled]) ::slotted(input[type=month].p-input),:host([disabled]) ::slotted(input[type=number].p-input),:host([disabled]) ::slotted(input[type=password].p-input),:host([disabled]) ::slotted(input[type=tel].p-input),:host([disabled]) ::slotted(input[type=text].p-input),:host([disabled]) ::slotted(input[type=time].p-input){opacity:.4;pointer-events:none}:host(.size-small) ::slotted(input[type=date].p-input),:host(.size-small) ::slotted(input[type=datetime-local].p-input),:host(.size-small) ::slotted(input[type=email].p-input),:host(.size-small) ::slotted(input[type=month].p-input),:host(.size-small) ::slotted(input[type=number].p-input),:host(.size-small) ::slotted(input[type=password].p-input),:host(.size-small) ::slotted(input[type=tel].p-input),:host(.size-small) ::slotted(input[type=text].p-input),:host(.size-small) ::slotted(input[type=time].p-input){font-size:.875rem;height:2rem!important;line-height:1.25rem}.static{position:static!important}.cursor-pointer{cursor:pointer!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.justify-between{justify-content:space-between!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.h-6{height:1.5rem!important}.rounded{border-radius:.25rem!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.flex-col{flex-direction:column!important}.self-center{align-self:center!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.table-cell{display:table-cell!important}.w-1\/12{width:8.333333%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-auto{width:auto!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.overflow-hidden{overflow:hidden!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.block{display:block!important}.w-3\/4{width:75%!important}.gap-4{gap:1rem!important}.border{border-width:1px!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:hidden{display:none!important}.desktop-xs\:w-48{width:12rem!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}

package/dist/collection/components/molecules/pagination/pagination.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- .flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}.static{position:static!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.table-cell{display:table-cell!important}.w-1\/12{width:8.333333%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}}.h-8{height:2rem!important}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.w-3\/4{width:75%!important}.gap-4{gap:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:hidden{display:none!important}.desktop-xs\:w-48{width:12rem!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.inline{display:inline!important}
1	+ .flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}.static{position:static!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.table-cell{display:table-cell!important}.w-1\/12{width:8.333333%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}}.h-8{height:2rem!important}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.w-3\/4{width:75%!important}.gap-4{gap:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:hidden{display:none!important}.desktop-xs\:w-48{width:12rem!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.inline{display:inline!important}

package/dist/collection/components/molecules/select/select.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- .flex{display:flex!important}.w-full{width:100%!important}*{box-sizing:border-box}p-select{display:flex;flex-direction:column;width:100%}p-select input.read-only{text-overflow:ellipsis}.static{position:static!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.inline{display:inline!important}.justify-center{justify-content:center!important}
1	+ .flex{display:flex!important}.w-full{width:100%!important}*{box-sizing:border-box}p-select{display:flex;flex-direction:column;width:100%}p-select input.read-only{text-overflow:ellipsis}.static{position:static!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.rounded{border-radius:.25rem!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.inline{display:inline!important}.justify-center{justify-content:center!important}

package/dist/collection/components/molecules/table-cell/table-cell.component.css CHANGED Viewed

	@@ -1 +1 @@
1	- .flex{display:flex!important}.gap-4{gap:1rem!important}*{box-sizing:border-box}p-table-cell{align-items:center;display:flex;gap:1rem}.static{position:static!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.table-cell{display:table-cell!important}.w-1\/12{width:8.333333%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}}.h-8{height:2rem!important}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.w-3\/4{width:75%!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:hidden{display:none!important}.desktop-xs\:w-48{width:12rem!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.inline{display:inline!important}
1	+ .flex{display:flex!important}.gap-4{gap:1rem!important}*{box-sizing:border-box}p-table-cell{align-items:center;display:flex;gap:1rem}.static{position:static!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.table-cell{display:table-cell!important}.w-1\/12{width:8.333333%!important}.w-10\/12{width:83.333333%!important}.w-11\/12{width:91.666667%!important}.w-2\/12{width:16.666667%!important}.w-3\/12{width:25%!important}.w-4\/12{width:33.333333%!important}.w-5\/12{width:41.666667%!important}.w-6\/12{width:50%!important}.w-7\/12{width:58.333333%!important}.w-8\/12{width:66.666667%!important}.w-9\/12{width:75%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\:w-1\/12{width:8.333333%!important}.tablet\:w-10\/12{width:83.333333%!important}.tablet\:w-11\/12{width:91.666667%!important}.tablet\:w-2\/12{width:16.666667%!important}.tablet\:w-3\/12{width:25%!important}.tablet\:w-4\/12{width:33.333333%!important}.tablet\:w-5\/12{width:41.666667%!important}.tablet\:w-6\/12{width:50%!important}.tablet\:w-7\/12{width:58.333333%!important}.tablet\:w-8\/12{width:66.666667%!important}.tablet\:w-9\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\:w-1\/12{width:8.333333%!important}.desktop-xs\:w-10\/12{width:83.333333%!important}.desktop-xs\:w-11\/12{width:91.666667%!important}.desktop-xs\:w-2\/12{width:16.666667%!important}.desktop-xs\:w-3\/12{width:25%!important}.desktop-xs\:w-4\/12{width:33.333333%!important}.desktop-xs\:w-5\/12{width:41.666667%!important}.desktop-xs\:w-6\/12{width:50%!important}.desktop-xs\:w-7\/12{width:58.333333%!important}.desktop-xs\:w-8\/12{width:66.666667%!important}.desktop-xs\:w-9\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\:w-1\/12{width:8.333333%!important}.desktop-sm\:w-10\/12{width:83.333333%!important}.desktop-sm\:w-11\/12{width:91.666667%!important}.desktop-sm\:w-2\/12{width:16.666667%!important}.desktop-sm\:w-3\/12{width:25%!important}.desktop-sm\:w-4\/12{width:33.333333%!important}.desktop-sm\:w-5\/12{width:41.666667%!important}.desktop-sm\:w-6\/12{width:50%!important}.desktop-sm\:w-7\/12{width:58.333333%!important}.desktop-sm\:w-8\/12{width:66.666667%!important}.desktop-sm\:w-9\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\:w-1\/12{width:8.333333%!important}.desktop\:w-10\/12{width:83.333333%!important}.desktop\:w-11\/12{width:91.666667%!important}.desktop\:w-2\/12{width:16.666667%!important}.desktop\:w-3\/12{width:25%!important}.desktop\:w-4\/12{width:33.333333%!important}.desktop\:w-5\/12{width:41.666667%!important}.desktop\:w-6\/12{width:50%!important}.desktop\:w-7\/12{width:58.333333%!important}.desktop\:w-8\/12{width:66.666667%!important}.desktop\:w-9\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\:w-1\/12{width:8.333333%!important}.desktop-lg\:w-10\/12{width:83.333333%!important}.desktop-lg\:w-11\/12{width:91.666667%!important}.desktop-lg\:w-2\/12{width:16.666667%!important}.desktop-lg\:w-3\/12{width:25%!important}.desktop-lg\:w-4\/12{width:33.333333%!important}.desktop-lg\:w-5\/12{width:41.666667%!important}.desktop-lg\:w-6\/12{width:50%!important}.desktop-lg\:w-7\/12{width:58.333333%!important}.desktop-lg\:w-8\/12{width:66.666667%!important}.desktop-lg\:w-9\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\:w-1\/12{width:8.333333%!important}.desktop-xl\:w-10\/12{width:83.333333%!important}.desktop-xl\:w-11\/12{width:91.666667%!important}.desktop-xl\:w-2\/12{width:16.666667%!important}.desktop-xl\:w-3\/12{width:25%!important}.desktop-xl\:w-4\/12{width:33.333333%!important}.desktop-xl\:w-5\/12{width:41.666667%!important}.desktop-xl\:w-6\/12{width:50%!important}.desktop-xl\:w-7\/12{width:58.333333%!important}.desktop-xl\:w-8\/12{width:66.666667%!important}.desktop-xl\:w-9\/12{width:75%!important}}.h-8{height:2rem!important}@media (min-width:64rem){.desktop-xs\:flex{display:flex!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.w-3\/4{width:75%!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\:hidden{display:none!important}.desktop-xs\:w-48{width:12rem!important}.desktop-xs\:w-auto{width:auto!important}.desktop-xs\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.inline{display:inline!important}

package/dist/collection/components/molecules/table-cell/table-cell.component.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { h, Host } from '@stencil/core';
+import { isTableColumnSizesKey, } from '../../../types';
 import { objectGetByPath } from '../../../utils';
 export class TableCell {
   constructor() {
@@ -26,7 +27,13 @@ export class TableCell {
     };
   }
   render() {
-    return (h(Host, { class: Object.assign({ 'p-table-cell': true, [`variant-${this.variant}`]: true }, this._getColumnClasses()) }, this.checkbox, this.variant === 'loading' ? (h("p-loader", { variant: "ghost", class: "h-6 w-full flex-1 rounded" })) : (h("div", { class: "flex w-full overflow-hidden" }, this.variant === 'header' ? (this.data.value) : this.definition.useSlot ? (h("slot", null)) : (this.template(this.data))))));
+    return (h(Host, { class: Object.assign({ 'p-table-cell': true, [`variant-${this.variant}`]: true }, this._getColumnClasses()) }, this.checkbox, this.variant === 'loading' ? (h("p-loader", { variant: "ghost", class: "h-6 w-full flex-1 rounded" })) : (h("div", { class: {
+        flex: true,
+        'overflow-hidden': true,
+        'justify-start': this.definition.align === 'start',
+        'justify-center': this.definition.align === 'center',
+        'justify-end': this.definition.align === 'end',
+      } }, this.variant === 'header' ? (this.data.value) : this.definition.useSlot ? (h("slot", null)) : (this.template(this.data))))));
   }
   _getColumnClasses() {
     var _a, _b, _c, _d, _e, _f;
@@ -80,17 +87,54 @@ export class TableCell {
         'w-auto': true,
       };
     }
+    if (sizes === 'hidden') {
+      return {
+        hidden: true,
+      };
+    }
     if (typeof sizes === 'object') {
+      sizes = sizes;
       const classes = {};
-      for (const size of Object.keys(sizes)) {
+      let previousSize;
+      for (let size in sizes) {
+        if (!isTableColumnSizesKey(sizes, size)) {
+          continue;
+        }
         if (size === 'default') {
+          if (sizes.default === 'hidden') {
+            classes['hidden'] = true;
+            previousSize = size;
+            continue;
+          }
           classes[`w-${sizes.default}/12`] = true;
+          previousSize = size;
           continue;
         }
-        classes[`${size}:w-${sizes[`${size}`]}/12`] = true;
+        const currentValue = sizes[size];
+        const previousValue = previousSize ? sizes[previousSize] : null;
+        if (currentValue !== 'hidden' &&
+          previousValue &&
+          previousValue === 'hidden') {
+          classes[`${size}:flex`] = true;
+        }
+        if (currentValue === 'hidden') {
+          classes[`${size}:hidden`] = true;
+          previousSize = size;
+          continue;
+        }
+        if (currentValue === 12 || currentValue === 'full') {
+          classes[`${size}:w-full`] = true;
+        }
+        classes[`${size}:w-${currentValue}/12`] = true;
+        previousSize = size;
       }
       return classes;
     }
+    if (sizes === 12 || sizes === 'full') {
+      return {
+        'w-full': true,
+      };
+    }
     // is a number.
     return {
       [`w-${sizes}/12`]: true,

package/dist/collection/components/molecules/table-cell/table-cell.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"table-cell.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-cell/table-cell.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAKzD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOjD,MAAM,OAAO,SAAS;;mBAIkC,SAAS;;;;;;;oBAmCb,CAAC,EAC7C,KAAK,GACa,EAAE,EAAE,CAAC,KAAK;;EAEhC,IAAI,IAAI;;IACJ,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE;MAC3B,OAAO;QACH,KAAK,EAAE,IAAI,CAAC,KAAK;OACpB,CAAC;KACL;IAED,OAAO;MACH,KAAK,EACD,MAAA,IAAI,CAAC,KAAK,mCAAI,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;MAClE,IAAI,EAAE,IAAI,CAAC,IAAI;MACf,KAAK,EAAE,IAAI,CAAC,KAAK;MACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;KAC1B,CAAC;EACN,CAAC;EAED,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,kBACD,cAAc,EAAE,IAAI,EACpB,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,IAC9B,IAAI,CAAC,iBAAiB,EAAE;MAG9B,IAAI,CAAC,QAAQ;MAEb,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,gBACI,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,2BAA2B,GACnC,CACL,CAAC,CAAC,CAAC,CACA,WAAK,KAAK,EAAC,6BAA6B,IACnC,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,IAAI,CAAC,IAAI,CAAC,KAAK,CAClB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1B,eAAQ,CACX,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAA2B,CAAC,CAClD,CACC,CACT,CACE,CACV,CAAC;EACN,CAAC;EAEO,iBAAiB;;IACrB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,uBACI,eAAe,EACX,CAAC,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,MAAK,OAAO,EACjE,gBAAgB,EAAE,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,MAAK,QAAQ,EACrD,aAAa,EAAE,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,MAAK,KAAK,EAC/C,eAAe,EACX,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,MAAK,IAAI,EAC/D,iBAAiB,EACb,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,MAAK,IAAI,IAC5D,KAAK,EACV;EACN,CAAC;EAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwCE;EACM,SAAS,CAAC,EAAE,KAAK,EAAe;IACpC,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,EAAE;MAC5B,OAAO;QACH,QAAQ,EAAE,IAAI;OACjB,CAAC;KACL;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;MAC3B,MAAM,OAAO,GAAG,EAAE,CAAC;MACnB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACnC,IAAI,IAAI,KAAK,SAAS,EAAE;UACpB,OAAO,CAAC,KAAK,KAAK,CAAC,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC;UACxC,SAAS;SACZ;QAED,OAAO,CAAC,GAAG,IAAI,MAAM,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;OACtD;MAED,OAAO,OAAO,CAAC;KAClB;IAED,eAAe;IACf,OAAO;MACH,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,IAAI;KAC1B,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport {\n TableDefinitionData,\n TableDefinitionTemplateFunc,\n} from '../../../types';\nimport { objectGetByPath } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\n\n@Component({\n tag: 'p-table-cell',\n styleUrl: 'table-cell.component.scss',\n})\nexport class TableCell {\n /*\n The variant of the column\n /\n @Prop() variant: 'default' \| 'loading' \| 'header' = 'default';\n\n /\n The index of the column\n /\n @Prop() index: number;\n\n /\n The index of the row\n /\n @Prop() rowIndex: number;\n\n /\n The definition of the table column\n /\n @Prop() definition?: TableColumn;\n\n /\n The item in question\n /\n @Prop() item: any;\n\n /\n The value of the column\n /\n @Prop() value: any;\n\n /\n The checkbox to show\n /\n @Prop() checkbox: any;\n\n /\n The template to show\n /\n @Prop() template: TableDefinitionTemplateFunc = ({\n value,\n }: TableDefinitionData) => value;\n\n get data(): TableDefinitionData \| { value: string } {\n if (this.variant === 'header') {\n return {\n value: this.value,\n };\n }\n\n return {\n value:\n this.value ?? objectGetByPath(this.item, this.definition.path),\n item: this.item,\n index: this.index,\n rowIndex: this.rowIndex,\n };\n }\n\n render() {\n return (\n <Host\n class={{\n 'p-table-cell': true,\n [`variant-${this.variant}`]: true,\n ...this._getColumnClasses(),\n }}\n >\n {this.checkbox}\n\n {this.variant === 'loading' ? (\n <p-loader\n variant=\"ghost\"\n class=\"h-6 w-full flex-1 rounded\"\n />\n ) : (\n <div class=\"flex w-full overflow-hidden\">\n {this.variant === 'header' ? (\n this.data.value\n ) : this.definition.useSlot ? (\n <slot />\n ) : (\n this.template(this.data as TableDefinitionData)\n )}\n </div>\n )}\n </Host>\n );\n }\n\n private _getColumnClasses() {\n const sizes = this.definition ? this._getSizes(this.definition) : {};\n return {\n 'justify-start':\n !this.definition?.align \|\| this.definition?.align === 'start',\n 'justify-center': this.definition?.align === 'center',\n 'justify-end': this.definition?.align === 'end',\n 'font-semibold':\n this.variant !== 'header' && this.definition?.type === 'th',\n 'text-storm-dark':\n this.variant !== 'header' && this.definition?.type === 'th',\n ...sizes,\n };\n }\n\n / \n With this, we shall hack the system in ways no one would ever have thought.\n \n <div class=\"w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12\"></div>\n <div class=\"tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12\"></div>\n <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n <div class=\"desktop-sm:w-1/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-12/12\"></div>\n <div class=\"desktop:w-1/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-10/12 desktop:w-11/12 desktop:w-12/12\"></div>\n <div class=\"desktop-lg:w-1/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-12/12\"></div>\n <div class=\"desktop-xl:w-1/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-12/12\"></div>\n\n \n ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀\n ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀\n ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀\n ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀\n ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀\n ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀\n ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀\n ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀\n ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀\n ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n */\n private _getSizes({ sizes }: TableColumn) {\n if (sizes === 'auto' \|\| !sizes) {\n return {\n 'w-auto': true,\n };\n }\n\n if (typeof sizes === 'object') {\n const classes = {};\n for (const size of Object.keys(sizes)) {\n if (size === 'default') {\n classes[`w-${sizes.default}/12`] = true;\n continue;\n }\n\n classes[`${size}:w-${sizes[`${size}`]}/12`] = true;\n }\n\n return classes;\n }\n\n // is a number.\n return {\n [`w-${sizes}/12`]: true,\n };\n }\n}\n"]}
1	+ {"version":3,"file":"table-cell.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-cell/table-cell.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EACH,qBAAqB,GAKxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOjD,MAAM,OAAO,SAAS;;mBAIkC,SAAS;;;;;;;oBAmCb,CAAC,EAC7C,KAAK,GACa,EAAE,EAAE,CAAC,KAAK;;EAEhC,IAAI,IAAI;;IACJ,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE;MAC3B,OAAO;QACH,KAAK,EAAE,IAAI,CAAC,KAAK;OACpB,CAAC;KACL;IAED,OAAO;MACH,KAAK,EACD,MAAA,IAAI,CAAC,KAAK,mCAAI,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;MAClE,IAAI,EAAE,IAAI,CAAC,IAAI;MACf,KAAK,EAAE,IAAI,CAAC,KAAK;MACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;KAC1B,CAAC;EACN,CAAC;EAED,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,kBACD,cAAc,EAAE,IAAI,EACpB,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI,IAC9B,IAAI,CAAC,iBAAiB,EAAE;MAG9B,IAAI,CAAC,QAAQ;MAEb,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,gBACI,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,2BAA2B,GACnC,CACL,CAAC,CAAC,CAAC,CACA,WACI,KAAK,EAAE;UACH,IAAI,EAAE,IAAI;UACV,iBAAiB,EAAE,IAAI;UACvB,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,OAAO;UAClD,gBAAgB,EACZ,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ;UACtC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,KAAK;SACjD,IAEA,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,IAAI,CAAC,IAAI,CAAC,KAAK,CAClB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1B,eAAQ,CACX,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAA2B,CAAC,CAClD,CACC,CACT,CACE,CACV,CAAC;EACN,CAAC;EAEO,iBAAiB;;IACrB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,uBACI,eAAe,EACX,CAAC,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,MAAK,OAAO,EACjE,gBAAgB,EAAE,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,MAAK,QAAQ,EACrD,aAAa,EAAE,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,KAAK,MAAK,KAAK,EAC/C,eAAe,EACX,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,MAAK,IAAI,EAC/D,iBAAiB,EACb,IAAI,CAAC,OAAO,KAAK,QAAQ,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,MAAK,IAAI,IAC5D,KAAK,EACV;EACN,CAAC;EAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwCE;EACM,SAAS,CAAC,EAAE,KAAK,EAAe;IACpC,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,EAAE;MAC5B,OAAO;QACH,QAAQ,EAAE,IAAI;OACjB,CAAC;KACL;IAED,IAAI,KAAK,KAAK,QAAQ,EAAE;MACpB,OAAO;QACH,MAAM,EAAE,IAAI;OACf,CAAC;KACL;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;MAC3B,KAAK,GAAG,KAAyB,CAAC;MAClC,MAAM,OAAO,GAAQ,EAAE,CAAC;MACxB,IAAI,YAA6C,CAAC;MAElD,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;QACpB,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;UACrC,SAAS;SACZ;QAED,IAAI,IAAI,KAAK,SAAS,EAAE;UACpB,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE;YAC5B,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;YACzB,YAAY,GAAG,IAAI,CAAC;YACpB,SAAS;WACZ;UAED,OAAO,CAAC,KAAK,KAAK,CAAC,OAAO,KAAK,CAAC,GAAG,IAAI,CAAC;UACxC,YAAY,GAAG,IAAI,CAAC;UACpB,SAAS;SACZ;QAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAChE,IACI,YAAY,KAAK,QAAQ;UACzB,aAAa;UACb,aAAa,KAAK,QAAQ,EAC5B;UACE,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,GAAG,IAAI,CAAC;SAClC;QAED,IAAI,YAAY,KAAK,QAAQ,EAAE;UAC3B,OAAO,CAAC,GAAG,IAAI,SAAS,CAAC,GAAG,IAAI,CAAC;UACjC,YAAY,GAAG,IAAI,CAAC;UACpB,SAAS;SACZ;QAED,IAAI,YAAY,KAAK,EAAE,IAAI,YAAY,KAAK,MAAM,EAAE;UAChD,OAAO,CAAC,GAAG,IAAI,SAAS,CAAC,GAAG,IAAI,CAAC;SACpC;QAED,OAAO,CAAC,GAAG,IAAI,MAAM,YAAY,KAAK,CAAC,GAAG,IAAI,CAAC;QAC/C,YAAY,GAAG,IAAI,CAAC;OACvB;MAED,OAAO,OAAO,CAAC;KAClB;IAED,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,MAAM,EAAE;MAClC,OAAO;QACH,QAAQ,EAAE,IAAI;OACjB,CAAC;KACL;IAED,eAAe;IACf,OAAO;MACH,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,IAAI;KAC1B,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport {\n isTableColumnSizesKey,\n TableColumnSizes,\n TableColumnSizesKey,\n TableDefinitionData,\n TableDefinitionTemplateFunc,\n} from '../../../types';\nimport { objectGetByPath } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\n\n@Component({\n tag: 'p-table-cell',\n styleUrl: 'table-cell.component.scss',\n})\nexport class TableCell {\n /*\n The variant of the column\n /\n @Prop() variant: 'default' \| 'loading' \| 'header' = 'default';\n\n /\n The index of the column\n /\n @Prop() index: number;\n\n /\n The index of the row\n /\n @Prop() rowIndex: number;\n\n /\n The definition of the table column\n /\n @Prop() definition?: TableColumn;\n\n /\n The item in question\n /\n @Prop() item: any;\n\n /\n The value of the column\n /\n @Prop() value: any;\n\n /\n The checkbox to show\n /\n @Prop() checkbox: any;\n\n /\n The template to show\n /\n @Prop() template: TableDefinitionTemplateFunc = ({\n value,\n }: TableDefinitionData) => value;\n\n get data(): TableDefinitionData \| { value: string } {\n if (this.variant === 'header') {\n return {\n value: this.value,\n };\n }\n\n return {\n value:\n this.value ?? objectGetByPath(this.item, this.definition.path),\n item: this.item,\n index: this.index,\n rowIndex: this.rowIndex,\n };\n }\n\n render() {\n return (\n <Host\n class={{\n 'p-table-cell': true,\n [`variant-${this.variant}`]: true,\n ...this._getColumnClasses(),\n }}\n >\n {this.checkbox}\n\n {this.variant === 'loading' ? (\n <p-loader\n variant=\"ghost\"\n class=\"h-6 w-full flex-1 rounded\"\n />\n ) : (\n <div\n class={{\n flex: true,\n 'overflow-hidden': true,\n 'justify-start': this.definition.align === 'start',\n 'justify-center':\n this.definition.align === 'center',\n 'justify-end': this.definition.align === 'end',\n }}\n >\n {this.variant === 'header' ? (\n this.data.value\n ) : this.definition.useSlot ? (\n <slot />\n ) : (\n this.template(this.data as TableDefinitionData)\n )}\n </div>\n )}\n </Host>\n );\n }\n\n private _getColumnClasses() {\n const sizes = this.definition ? this._getSizes(this.definition) : {};\n return {\n 'justify-start':\n !this.definition?.align \|\| this.definition?.align === 'start',\n 'justify-center': this.definition?.align === 'center',\n 'justify-end': this.definition?.align === 'end',\n 'font-semibold':\n this.variant !== 'header' && this.definition?.type === 'th',\n 'text-storm-dark':\n this.variant !== 'header' && this.definition?.type === 'th',\n ...sizes,\n };\n }\n\n / \n With this, we shall hack the system in ways no one would ever have thought.\n \n <div class=\"w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12\"></div>\n <div class=\"tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12\"></div>\n <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n <div class=\"desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12\"></div>\n <div class=\"desktop-sm:w-1/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-12/12\"></div>\n <div class=\"desktop:w-1/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-10/12 desktop:w-11/12 desktop:w-12/12\"></div>\n <div class=\"desktop-lg:w-1/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-12/12\"></div>\n <div class=\"desktop-xl:w-1/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-12/12\"></div>\n\n \n ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀\n ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀\n ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀\n ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀\n ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀\n ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀\n ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀\n ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀\n ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀\n ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n */\n private _getSizes({ sizes }: TableColumn) {\n if (sizes === 'auto' \|\| !sizes) {\n return {\n 'w-auto': true,\n };\n }\n\n if (sizes === 'hidden') {\n return {\n hidden: true,\n };\n }\n\n if (typeof sizes === 'object') {\n sizes = sizes as TableColumnSizes;\n const classes: any = {};\n let previousSize: TableColumnSizesKey \| undefined;\n\n for (let size in sizes) {\n if (!isTableColumnSizesKey(sizes, size)) {\n continue;\n }\n\n if (size === 'default') {\n if (sizes.default === 'hidden') {\n classes['hidden'] = true;\n previousSize = size;\n continue;\n }\n\n classes[`w-${sizes.default}/12`] = true;\n previousSize = size;\n continue;\n }\n\n const currentValue = sizes[size];\n const previousValue = previousSize ? sizes[previousSize] : null;\n if (\n currentValue !== 'hidden' &&\n previousValue &&\n previousValue === 'hidden'\n ) {\n classes[`${size}:flex`] = true;\n }\n\n if (currentValue === 'hidden') {\n classes[`${size}:hidden`] = true;\n previousSize = size;\n continue;\n }\n\n if (currentValue === 12 \|\| currentValue === 'full') {\n classes[`${size}:w-full`] = true;\n }\n\n classes[`${size}:w-${currentValue}/12`] = true;\n previousSize = size;\n }\n\n return classes;\n }\n\n if (sizes === 12 \|\| sizes === 'full') {\n return {\n 'w-full': true,\n };\n }\n\n // is a number.\n return {\n [`w-${sizes}/12`]: true,\n };\n }\n}\n"]}