@assembly-js/design-system 3.1.0 → 3.1.1
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.
- package/dist/esm/components/Toolbar/Toolbar.js +12 -3
- package/dist/esm/components/Toolbar/ToolbarDropdown.js +181 -0
- package/dist/esm/components/Typography/Body.js +2 -1
- package/dist/esm/types/components/Toolbar/Toolbar.stories.d.ts +7 -0
- package/dist/esm/types/components/Toolbar/ToolbarDropdown.d.ts +7 -0
- package/dist/esm/types/components/Toolbar/types.d.ts +1 -0
- package/dist/esm/types/components/Typography/Base.d.ts +2 -2
- package/dist/esm/types/components/Typography/Base.stories.d.ts +1 -1
- package/dist/esm/types/tsconfig.tsbuildinfo +1 -1
- package/dist/styles/main.css +1 -1
- package/dist/types/components/Toolbar/Toolbar.stories.d.ts +7 -0
- package/dist/types/components/Toolbar/ToolbarDropdown.d.ts +7 -0
- package/dist/types/components/Toolbar/types.d.ts +1 -0
- package/dist/types/components/Typography/Base.d.ts +2 -2
- package/dist/types/components/Typography/Base.stories.d.ts +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/dist/umd/components/Toolbar/Toolbar.js +17 -9
- package/dist/umd/components/Toolbar/ToolbarDropdown.js +199 -0
- package/dist/umd/components/Typography/Body.js +2 -1
- package/dist/umd/types/components/Toolbar/Toolbar.stories.d.ts +7 -0
- package/dist/umd/types/components/Toolbar/ToolbarDropdown.d.ts +7 -0
- package/dist/umd/types/components/Toolbar/types.d.ts +1 -0
- package/dist/umd/types/components/Typography/Base.d.ts +2 -2
- package/dist/umd/types/components/Typography/Base.stories.d.ts +1 -1
- package/dist/umd/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/styles/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.cop-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cop-pointer-events-none{pointer-events:none}.cop-pointer-events-auto{pointer-events:auto}.cop-fixed{position:fixed}.\!cop-absolute{position:absolute!important}.cop-absolute{position:absolute}.cop-relative{position:relative}.cop-bottom-0{bottom:0}.cop-bottom-\[-2px\]{bottom:-2px}.cop-bottom-\[-4px\]{bottom:-4px}.cop-bottom-\[-8px\]{bottom:-8px}.cop-left-0{left:0}.cop-left-3{left:.75rem}.cop-left-6{left:1.5rem}.cop-left-\[2px\]{left:2px}.cop-right-0{right:0}.cop-right-20{right:5rem}.cop-right-\[-2px\]{right:-2px}.cop-right-\[-4px\]{right:-4px}.cop-right-\[-8px\]{right:-8px}.cop-right-\[2px\]{right:2px}.cop-top-0{top:0}.cop-top-\[2px\]{top:2px}.cop-z-10{z-index:10}.cop-z-1500{z-index:1500}.cop-z-\[100\]{z-index:100}.cop-m-0{margin:0}.cop-mx-1{margin-left:.25rem;margin-right:.25rem}.cop-my-0{margin-top:0;margin-bottom:0}.cop-mb-1{margin-bottom:.25rem}.cop-mb-2{margin-bottom:.5rem}.cop-mb-3{margin-bottom:.75rem}.cop-mb-4{margin-bottom:1rem}.cop-mb-5{margin-bottom:1.25rem}.cop-ml-auto{margin-left:auto}.cop-mt-0{margin-top:0}.cop-mt-0\.5{margin-top:.125rem}.cop-mt-1{margin-top:.25rem}.cop-mt-2{margin-top:.5rem}.cop-mt-2\.5{margin-top:.625rem}.cop-mt-\[4\.5px\]{margin-top:4.5px}.cop-box-border{box-sizing:border-box}.cop-block{display:block}.cop-flex{display:flex}.cop-inline-flex{display:inline-flex}.\!cop-hidden{display:none!important}.cop-aspect-square{aspect-ratio:1/1}.cop-size-\[20px\]{width:20px;height:20px}.cop-h-1{height:.25rem}.cop-h-10{height:2.5rem}.cop-h-16{height:4rem}.cop-h-2{height:.5rem}.cop-h-2\.5{height:.625rem}.cop-h-3{height:.75rem}.cop-h-4{height:1rem}.cop-h-5{height:1.25rem}.cop-h-6{height:1.5rem}.cop-h-7{height:1.75rem}.cop-h-8{height:2rem}.cop-h-\[10px\]{height:10px}.cop-h-\[11px\]{height:11px}.cop-h-\[13px\]{height:13px}.cop-h-\[14px\]{height:14px}.cop-h-\[18px\]{height:18px}.cop-h-\[25px\]{height:25px}.cop-h-\[400px\]{height:400px}.cop-h-\[500px\]{height:500px}.cop-h-\[8px\]{height:8px}.cop-h-fit{height:-moz-fit-content;height:fit-content}.cop-h-full{height:100%}.cop-min-h-2{min-height:.5rem}.cop-min-h-7{min-height:1.75rem}.cop-w-10{width:2.5rem}.cop-w-11{width:2.75rem}.cop-w-12{width:3rem}.cop-w-16{width:4rem}.cop-w-2{width:.5rem}.cop-w-2\.5{width:.625rem}.cop-w-3{width:.75rem}.cop-w-32{width:8rem}.cop-w-4{width:1rem}.cop-w-5{width:1.25rem}.cop-w-6{width:1.5rem}.cop-w-7{width:1.75rem}.cop-w-8{width:2rem}.cop-w-80{width:20rem}.cop-w-\[0\.5rem\]{width:.5rem}.cop-w-\[10px\]{width:10px}.cop-w-\[11px\]{width:11px}.cop-w-\[13px\]{width:13px}.cop-w-\[14px\]{width:14px}.cop-w-\[18px\]{width:18px}.cop-w-\[256px\]{width:256px}.cop-w-\[8px\]{width:8px}.cop-w-fit{width:-moz-fit-content;width:fit-content}.cop-w-full{width:100%}.cop-w-max{width:-moz-max-content;width:max-content}.cop-w-px{width:1px}.cop-min-w-2{min-width:.5rem}.cop-min-w-7{min-width:1.75rem}.cop-min-w-\[13px\]{min-width:13px}.cop-max-w-\[288px\]{max-width:288px}.cop-flex-1{flex:1 1 0%}.cop-shrink-0{flex-shrink:0}.cop-origin-left{transform-origin:left}.cop-origin-right{transform-origin:right}.cop-scale-x-0{--tw-scale-x:0}.cop-scale-x-0,.cop-scale-x-100{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))}.cop-scale-x-100{--tw-scale-x:1}@keyframes cop-dashCircle{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.cop-animate-dash-circle{animation:cop-dashCircle 1.4s ease-in-out infinite}@keyframes cop-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cop-animate-rotate{animation:cop-rotate 1.4s linear infinite}.cop-cursor-default{cursor:default}.cop-cursor-pointer{cursor:pointer}.cop-list-none{list-style-type:none}.cop-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cop-flex-row{flex-direction:row}.cop-flex-row-reverse{flex-direction:row-reverse}.cop-flex-col{flex-direction:column}.cop-flex-wrap{flex-wrap:wrap}.cop-items-center{align-items:center}.cop-justify-center{justify-content:center}.cop-justify-between{justify-content:space-between}.cop-gap-0{gap:0}.cop-gap-0\.5{gap:.125rem}.cop-gap-1{gap:.25rem}.cop-gap-1\.5{gap:.375rem}.cop-gap-2{gap:.5rem}.cop-gap-3{gap:.75rem}.cop-gap-4{gap:1rem}.cop-gap-8{gap:2rem}.cop-gap-\[2px\]{gap:2px}.cop-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.cop-self-start{align-self:flex-start}.cop-self-center{align-self:center}.cop-overflow-hidden,.cop-truncate{overflow:hidden}.cop-truncate{text-overflow:ellipsis}.cop-truncate,.cop-whitespace-nowrap{white-space:nowrap}.\!cop-rounded{border-radius:.25rem!important}.cop-rounded{border-radius:.25rem}.cop-rounded-\[35px\]{border-radius:35px}.cop-rounded-\[3px\]{border-radius:3px}.cop-rounded-\[4px\]{border-radius:4px}.cop-rounded-full{border-radius:9999px}.cop-rounded-lg{border-radius:.5rem}.cop-rounded-md{border-radius:.375rem}.cop-border{border-width:1px}.cop-border-0{border-width:0}.cop-border-\[1px\]{border-width:1px}.cop-border-l-4{border-left-width:4px}.cop-border-solid{border-style:solid}.cop-border-none{border-style:none}.\!cop-border-secondary{--tw-border-opacity:1!important;border-color:rgb(239 241 244/var(--tw-border-opacity))!important}.cop-border-\[\#00000012\]{border-color:#00000012}.cop-border-\[\#DFE1E4\]{--tw-border-opacity:1;border-color:rgb(223 225 228/var(--tw-border-opacity))}.cop-border-\[\#EFF1F4\]{--tw-border-opacity:1;border-color:rgb(239 241 244/var(--tw-border-opacity))}.cop-border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.cop-border-card-border{--tw-border-opacity:1;border-color:rgb(237 237 240/var(--tw-border-opacity))}.cop-border-gray-100{--tw-border-opacity:1;border-color:rgb(248 249 251/var(--tw-border-opacity))}.cop-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.cop-border-gray-300{--tw-border-opacity:1;border-color:rgb(201 203 205/var(--tw-border-opacity))}.cop-border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity))}.cop-border-input-gray{--tw-border-opacity:1;border-color:rgb(223 225 228/var(--tw-border-opacity))}.cop-border-primary{--tw-border-opacity:1;border-color:rgb(33 43 54/var(--tw-border-opacity))}.cop-border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.cop-border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.cop-border-secondary{--tw-border-opacity:1;border-color:rgb(239 241 244/var(--tw-border-opacity))}.cop-border-transparent{border-color:#0000}.cop-border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity))}.cop-border-l-\[\#09AA6C\]{--tw-border-opacity:1;border-left-color:rgb(9 170 108/var(--tw-border-opacity))}.cop-border-l-\[\#212B36\]{--tw-border-opacity:1;border-left-color:rgb(33 43 54/var(--tw-border-opacity))}.cop-border-l-\[\#CC0000\]{--tw-border-opacity:1;border-left-color:rgb(204 0 0/var(--tw-border-opacity))}.cop-border-l-\[\#FFA500\]{--tw-border-opacity:1;border-left-color:rgb(255 165 0/var(--tw-border-opacity))}.\!cop-bg-\[\#212B36\]{--tw-bg-opacity:1!important;background-color:rgb(33 43 54/var(--tw-bg-opacity))!important}.\!cop-bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(248 249 251/var(--tw-bg-opacity))!important}.\!cop-bg-gray-200{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity))!important}.\!cop-bg-secondary{--tw-bg-opacity:1!important;background-color:rgb(239 241 244/var(--tw-bg-opacity))!important}.cop-bg-\[\#09AA6C\]{--tw-bg-opacity:1;background-color:rgb(9 170 108/var(--tw-bg-opacity))}.cop-bg-\[\#212B36\],.cop-bg-\[\#212b36\]{--tw-bg-opacity:1;background-color:rgb(33 43 54/var(--tw-bg-opacity))}.cop-bg-\[\#CC0000\]{--tw-bg-opacity:1;background-color:rgb(204 0 0/var(--tw-bg-opacity))}.cop-bg-\[\#DFE1E4\]{--tw-bg-opacity:1;background-color:rgb(223 225 228/var(--tw-bg-opacity))}.cop-bg-\[\#EFF1F4\]{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.cop-bg-\[\#F8F9FB\]{--tw-bg-opacity:1;background-color:rgb(248 249 251/var(--tw-bg-opacity))}.cop-bg-\[\#FFA500\]{--tw-bg-opacity:1;background-color:rgb(255 165 0/var(--tw-bg-opacity))}.cop-bg-\[\#e3ffef\]{--tw-bg-opacity:1;background-color:rgb(227 255 239/var(--tw-bg-opacity))}.cop-bg-\[\#e8f1ff\]{--tw-bg-opacity:1;background-color:rgb(232 241 255/var(--tw-bg-opacity))}.cop-bg-\[\#fff8dd\]{--tw-bg-opacity:1;background-color:rgb(255 248 221/var(--tw-bg-opacity))}.cop-bg-amber-primary-light{background-color:var(--amber-primary-light)}.cop-bg-avatar-gray{background-color:#f2f2f3}.cop-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.cop-bg-button-primary{--tw-bg-opacity:1;background-color:rgb(33 43 54/var(--tw-bg-opacity))}.cop-bg-cyan-primary-light{background-color:var(--cyan-primary-light)}.cop-bg-danger{--tw-bg-opacity:1;background-color:rgb(255 236 228/var(--tw-bg-opacity))}.cop-bg-error{--tw-bg-opacity:1;background-color:rgb(255 237 232/var(--tw-bg-opacity))}.cop-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(248 249 251/var(--tw-bg-opacity))}.cop-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.cop-bg-highlight{--tw-bg-opacity:1;background-color:rgb(241 238 255/var(--tw-bg-opacity))}.cop-bg-info{--tw-bg-opacity:1;background-color:rgb(230 240 255/var(--tw-bg-opacity))}.cop-bg-inherit{background-color:inherit}.cop-bg-input-gray{--tw-bg-opacity:1;background-color:rgb(223 225 228/var(--tw-bg-opacity))}.cop-bg-olive-primary-light{background-color:var(--olive-primary-light)}.cop-bg-primary{background-color:var(--bg-primary)}.cop-bg-purple-primary-light{background-color:var(--purple-primary-light)}.cop-bg-rose-primary-light{background-color:var(--rose-primary-light)}.cop-bg-secondary{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.cop-bg-success{--tw-bg-opacity:1;background-color:rgb(223 255 235/var(--tw-bg-opacity))}.cop-bg-teal-primary-light{background-color:var(--teal-primary-light)}.cop-bg-transparent{background-color:initial}.cop-bg-violet-primary-light{background-color:var(--violet-primary-light)}.cop-bg-warning{--tw-bg-opacity:1;background-color:rgb(254 246 208/var(--tw-bg-opacity))}.cop-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.cop-fill-current{fill:currentColor}.cop-stroke-current{stroke:currentColor}.cop-p-0{padding:0}.cop-p-1{padding:.25rem}.cop-p-2{padding:.5rem}.cop-p-3{padding:.75rem}.cop-p-4{padding:1rem}.cop-p-\[2px\]{padding:2px}.cop-p-\[5px\]{padding:5px}.cop-p-\[7px\]{padding:7px}.cop-px-1{padding-left:.25rem;padding-right:.25rem}.cop-px-2{padding-left:.5rem;padding-right:.5rem}.cop-px-3{padding-left:.75rem;padding-right:.75rem}.cop-px-\[10px\]{padding-left:10px;padding-right:10px}.cop-py-0{padding-top:0;padding-bottom:0}.cop-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.cop-py-1{padding-top:.25rem;padding-bottom:.25rem}.cop-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.cop-py-2{padding-top:.5rem;padding-bottom:.5rem}.cop-py-\[1px\]{padding-top:1px;padding-bottom:1px}.cop-py-\[2px\]{padding-top:2px;padding-bottom:2px}.cop-py-\[3px\]{padding-top:3px;padding-bottom:3px}.cop-py-\[5px\]{padding-top:5px;padding-bottom:5px}.cop-pb-1{padding-bottom:.25rem}.cop-pl-1{padding-left:.25rem}.cop-pl-1\.5{padding-left:.375rem}.cop-pl-8{padding-left:2rem}.cop-pr-2{padding-right:.5rem}.cop-pt-2{padding-top:.5rem}.cop-pt-3{padding-top:.75rem}.cop-text-right{text-align:right}.cop-font-body,.cop-font-sans{font-family:var(--font-primary),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.cop-text-2xl{font-size:24px;line-height:32px}.cop-text-2xs{font-size:8px;line-height:18px}.cop-text-3xl{font-size:30px;line-height:38px}.cop-text-3xs{font-size:6px;line-height:18px}.cop-text-4xl{font-size:2.25rem;line-height:2.5rem}.cop-text-5xl{font-size:3rem;line-height:1}.cop-text-6xl{font-size:3.75rem;line-height:1}.cop-text-\[10px\]{font-size:10px}.cop-text-\[12px\]{font-size:12px}.cop-text-\[13px\]{font-size:13px}.cop-text-base{font-size:14px;line-height:22px}.cop-text-lg{font-size:16px;line-height:24px}.cop-text-sm{font-size:13px;line-height:21px}.cop-text-xl{font-size:20px;line-height:28px}.cop-text-xs{font-size:12px;line-height:20px}.cop-font-bold{font-weight:700}.cop-font-light{font-weight:300}.cop-font-medium{font-weight:500}.cop-font-semibold{font-weight:600}.cop-leading-3{line-height:.75rem}.cop-leading-4{line-height:1rem}.cop-leading-5{line-height:1.25rem}.cop-leading-6{line-height:1.5rem}.cop-leading-7{line-height:1.75rem}.cop-leading-8{line-height:2rem}.cop-leading-loose{line-height:2}.cop-leading-normal{line-height:1.5}.cop-leading-relaxed{line-height:1.625}.cop-leading-snug{line-height:1.375}.cop-leading-tight{line-height:1.25}.\!cop-text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity))!important}.\!cop-text-input-gray{--tw-text-opacity:1!important;color:rgb(223 225 228/var(--tw-text-opacity))!important}.cop-text-\[\#0000ff\]{--tw-text-opacity:1;color:rgb(0 0 255/var(--tw-text-opacity))}.cop-text-\[\#09aa6c\]{--tw-text-opacity:1;color:rgb(9 170 108/var(--tw-text-opacity))}.cop-text-\[\#90959D\]{--tw-text-opacity:1;color:rgb(144 149 157/var(--tw-text-opacity))}.cop-text-\[\#cc0000\]{--tw-text-opacity:1;color:rgb(204 0 0/var(--tw-text-opacity))}.cop-text-\[\#ff7800\]{--tw-text-opacity:1;color:rgb(255 120 0/var(--tw-text-opacity))}.cop-text-amber-primary-dark{color:var(--amber-primary-dark)}.cop-text-current{color:currentColor}.cop-text-cyan-primary-dark{color:var(--cyan-primary-dark)}.cop-text-danger{color:var(--p-text-danger)}.cop-text-disabled{color:var(--p-text-disabled)}.cop-text-error{--tw-text-opacity:1;color:rgb(153 26 0/var(--tw-text-opacity))}.cop-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.cop-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.cop-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.cop-text-highlight{--tw-text-opacity:1;color:rgb(75 58 163/var(--tw-text-opacity))}.cop-text-info{--tw-text-opacity:1;color:rgb(12 65 187/var(--tw-text-opacity))}.cop-text-input-gray{--tw-text-opacity:1;color:rgb(223 225 228/var(--tw-text-opacity))}.cop-text-link{--tw-text-opacity:1;color:rgb(12 65 187/var(--tw-text-opacity))}.cop-text-link-disabled{--tw-text-opacity:1;color:rgb(146 169 224/var(--tw-text-opacity))}.cop-text-olive-primary-dark{color:var(--olive-primary-dark)}.cop-text-primary{color:var(--p-text-primary)}.cop-text-purple-primary-dark{color:var(--purple-primary-dark)}.cop-text-rose-primary-dark{color:var(--rose-primary-dark)}.cop-text-secondary{color:var(--p-text-secondary)}.cop-text-success{--tw-text-opacity:1;color:rgb(17 91 59/var(--tw-text-opacity))}.cop-text-teal-primary-dark{color:var(--teal-primary-dark)}.cop-text-violet-primary-dark{color:var(--violet-primary-dark)}.cop-text-warning{--tw-text-opacity:1;color:rgb(134 56 5/var(--tw-text-opacity))}.cop-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.cop-underline{text-decoration-line:underline}.cop-no-underline{text-decoration-line:none}.cop-underline-offset-\[3px\]{text-underline-offset:3px}.\!cop-opacity-25{opacity:.25!important}.cop-opacity-0{opacity:0}.cop-opacity-100{opacity:1}.cop-opacity-50{opacity:.5}.cop-opacity-\[0\.45\]{opacity:.45}.cop-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.cop-shadow-lg,.cop-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.cop-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.cop-shadow-popover-50{--tw-shadow:0px 6px 20px 0px #00000012;--tw-shadow-colored:0px 6px 20px 0px var(--tw-shadow-color)}.cop-shadow-popover-50,.cop-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.cop-shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.cop-outline-none{outline:2px solid #0000;outline-offset:2px}.cop-outline-0{outline-width:0}.cop-outline-offset-\[3px\]{outline-offset:3px}.cop-outline-primary{outline-color:#053299}.cop-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.cop-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.cop-duration-150{transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.cop-duration-150{animation-duration:.15s}body{font-family:var(--font-primary,"Inter",sans-serif)}:root{--font-primary:"Inter",sans-serif;--p-text-primary:#212b36;--p-text-secondary:#6b6f76;--p-text-danger:red;--p-text-disabled:#c9cbcd;--p-line-height-025:1.125rem;--p-line-height-050:1.25rem;--p-line-height-075:1.313rem;--p-line-height-1:1.375rem;--p-line-height-2:1.5rem;--p-line-height-3:1.75rem;--p-line-height-4:2rem;--p-line-height-5:2.375rem;--p-line-height-6:2.875rem;--p-line-height-7:3.375rem;--p-line-height-8:4rem;--bg-primary:#f9fafb;--rounded-xs:0.25rem;--border-light:1px solid #e1e4e8;--gray-primary:#b8bfcb;--violet-primary:#a988e6;--rose-primary:#e9728b;--amber-primary:#e7b04a;--teal-primary:#56c6be;--cyan-primary:#77b6e3;--teal-primary-dark:#2b9188;--cyan-primary-dark:#649eaf;--amber-primary-dark:#a4751f;--rose-primary-dark:#b34b5f;--violet-primary-dark:#7f69b5;--purple-primary-dark:#7a2d87;--olive-primary-dark:#75876e;--teal-primary-light:#eaf5f4;--cyan-primary-light:#dff3f9;--amber-primary-light:#f7f1e4;--rose-primary-light:#f5ebed;--violet-primary-light:#f0eaff;--purple-primary-light:#faeefb;--olive-primary-light:#ebf3e7}.file\:cop-border-0::file-selector-button{border-width:0}.file\:cop-bg-transparent::file-selector-button{background-color:initial}.file\:cop-text-sm::file-selector-button{font-size:13px;line-height:21px}.file\:cop-font-medium::file-selector-button{font-weight:500}.focus-within\:cop-border-black:focus-within{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.focus-within\:cop-border-primary:focus-within{--tw-border-opacity:1;border-color:rgb(33 43 54/var(--tw-border-opacity))}.hover\:cop-cursor-pointer:hover{cursor:pointer}.hover\:cop-cursor-text:hover{cursor:text}.hover\:cop-border-\[\#00000012\]:hover{border-color:#00000012}.hover\:cop-border-\[\#36424D\]:hover{--tw-border-opacity:1;border-color:rgb(54 66 77/var(--tw-border-opacity))}.hover\:cop-border-\[\#F8F9FB\]:hover{--tw-border-opacity:1;border-color:rgb(248 249 251/var(--tw-border-opacity))}.hover\:\!cop-bg-\[\#36424D\]:hover{--tw-bg-opacity:1!important;background-color:rgb(54 66 77/var(--tw-bg-opacity))!important}.hover\:\!cop-bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(248 249 251/var(--tw-bg-opacity))!important}.hover\:cop-bg-\[\#6B6F76\]:hover{--tw-bg-opacity:1;background-color:rgb(107 111 118/var(--tw-bg-opacity))}.hover\:cop-bg-\[\#F8F9FB\]:hover,.hover\:cop-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(248 249 251/var(--tw-bg-opacity))}.hover\:cop-bg-gray-150:hover{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.hover\:cop-bg-input-gray:hover{--tw-bg-opacity:1;background-color:rgb(223 225 228/var(--tw-bg-opacity))}.hover\:cop-bg-primary:hover{background-color:var(--bg-primary)}.hover\:cop-bg-transparent:hover{background-color:initial}.hover\:cop-bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:cop-text-link-hover:hover{--tw-text-opacity:1;color:rgb(5 50 153/var(--tw-text-opacity))}.hover\:cop-underline:hover{text-decoration-line:underline}.hover\:cop-opacity-60:hover{opacity:.6}.focus\:cop-bg-secondary:focus{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.focus\:cop-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:cop-outline-\[1\.5px\]:focus{outline-width:1.5px}.focus\:cop-outline-offset-1:focus,.focus\:cop-outline-offset-\[1px\]:focus{outline-offset:1px}.focus\:cop-outline-\[\#053299\]:focus,.focus\:cop-outline-primary:focus{outline-color:#053299}.focus\:cop-ring-black:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.focus-visible\:cop-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:cop-outline-0:focus-visible{outline-width:0}.focus-visible\:cop-ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-visible\:cop-ring-0:focus-visible,.focus-visible\:cop-ring-2:focus-visible{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:cop-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-visible\:cop-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:cop-bg-\[\#C9CBCD\]:active{--tw-bg-opacity:1;background-color:rgb(201 203 205/var(--tw-bg-opacity))}.active\:cop-bg-gray-200:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.active\:cop-bg-secondary:active{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.active\:cop-bg-white:active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.active\:cop-text-link-active:active{--tw-text-opacity:1;color:rgb(5 50 153/var(--tw-text-opacity))}.active\:cop-underline:active{text-decoration-line:underline}.disabled\:cop-pointer-events-none:disabled{pointer-events:none}.disabled\:cop-cursor-default:disabled{cursor:default}.disabled\:cop-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cop-border-\[\#00000012\]:disabled{border-color:#00000012}.disabled\:cop-bg-secondary:disabled{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.disabled\:cop-text-disabled:disabled{color:var(--p-text-disabled)}.disabled\:cop-opacity-50:disabled{opacity:.5}.cop-group:hover .group-hover\:\!cop-bg-\[\#36424D\]{--tw-bg-opacity:1!important;background-color:rgb(54 66 77/var(--tw-bg-opacity))!important}.cop-group:hover .group-hover\:cop-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.cop-group:hover .group-hover\:cop-text-\[\#36424D\]{--tw-text-opacity:1;color:rgb(54 66 77/var(--tw-text-opacity))}.cop-peer:focus-visible~.peer-focus-visible\:cop-outline-2{outline-width:2px}.cop-peer:focus-visible~.peer-focus-visible\:cop-outline-\[\#0071E3\]{outline-color:#0071e3}.data-\[swipe\=cancel\]\:cop-translate-x-0[data-swipe=cancel]{--tw-translate-x:0px}.data-\[swipe\=cancel\]\:cop-translate-x-0[data-swipe=cancel],.data-\[swipe\=end\]\:cop-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{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))}.data-\[swipe\=end\]\:cop-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=move\]\:cop-translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);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))}.data-\[swipe\=move\]\:cop-transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:cop-animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:cop-animate-out[data-state=closed],.data-\[swipe\=end\]\:cop-animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:cop-slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=open\]\:cop-slide-in-from-right-full[data-state=open]{--tw-enter-translate-x:100%}@media (min-width:640px){.sm\:cop-w-\[220px\]{width:220px}}@media (min-width:768px){.md\:cop-w-\[404px\]{width:404px}}.\[\&_a\]\:\!cop-text-link a{--tw-text-opacity:1!important;color:rgb(12 65 187/var(--tw-text-opacity))!important}.\[\&_h1\]\:\!cop-m-0 h1{margin:0!important}.\[\&_h1\]\:cop-text-xl h1{font-size:20px;line-height:28px}.\[\&_h1\]\:cop-font-medium h1{font-weight:500}.\[\&_h2\]\:\!cop-m-0 h2{margin:0!important}.\[\&_h2\]\:\!cop-text-lg h2{font-size:16px!important;line-height:24px!important}.\[\&_h2\]\:\!cop-font-medium h2{font-weight:500!important}.\[\&_h3\]\:\!cop-m-0 h3{margin:0!important}.\[\&_h3\]\:\!cop-text-base h3{font-size:14px!important;line-height:22px!important}.\[\&_h3\]\:\!cop-font-medium h3{font-weight:500!important}.\[\&_li\]\:\!cop-my-1 li{margin-top:.25rem!important;margin-bottom:.25rem!important}.\[\&_li\]\:\!cop-text-base li{font-size:14px!important;line-height:22px!important}.\[\&_li\]\:\!cop-font-normal li{font-weight:400!important}.\[\&_li\]\:\!cop-leading-6 li{line-height:1.5rem!important}.\[\&_ol\]\:\!cop-ml-1 ol{margin-left:.25rem!important}.\[\&_ol\]\:\!cop-mr-3 ol{margin-right:.75rem!important}.\[\&_ol\]\:\!cop-px-3 ol{padding-left:.75rem!important;padding-right:.75rem!important}.\[\&_p\]\:\!cop-m-0 p{margin:0!important}.\[\&_p\]\:\!cop-text-base p{font-size:14px!important;line-height:22px!important}.\[\&_p\]\:\!cop-font-normal p{font-weight:400!important}.\[\&_p\]\:\!cop-leading-6 p{line-height:1.5rem!important}.\[\&_ul\]\:\!cop-ml-1 ul{margin-left:.25rem!important}.\[\&_ul\]\:\!cop-mr-3 ul{margin-right:.75rem!important}.\[\&_ul\]\:\!cop-px-3 ul{padding-left:.75rem!important;padding-right:.75rem!important}
|
|
1
|
+
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.cop-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cop-pointer-events-none{pointer-events:none}.cop-pointer-events-auto{pointer-events:auto}.cop-fixed{position:fixed}.\!cop-absolute{position:absolute!important}.cop-absolute{position:absolute}.cop-relative{position:relative}.cop-bottom-0{bottom:0}.cop-bottom-\[-2px\]{bottom:-2px}.cop-bottom-\[-4px\]{bottom:-4px}.cop-bottom-\[-8px\]{bottom:-8px}.cop-left-0{left:0}.cop-left-3{left:.75rem}.cop-left-6{left:1.5rem}.cop-left-\[2px\]{left:2px}.cop-right-0{right:0}.cop-right-20{right:5rem}.cop-right-\[-2px\]{right:-2px}.cop-right-\[-4px\]{right:-4px}.cop-right-\[-8px\]{right:-8px}.cop-right-\[2px\]{right:2px}.cop-top-0{top:0}.cop-top-\[2px\]{top:2px}.cop-top-full{top:100%}.cop-z-10{z-index:10}.cop-z-1500{z-index:1500}.cop-z-50{z-index:50}.cop-z-\[100\]{z-index:100}.cop-m-0{margin:0}.cop-mx-1{margin-left:.25rem;margin-right:.25rem}.cop-my-0{margin-top:0;margin-bottom:0}.cop-mb-1{margin-bottom:.25rem}.cop-mb-2{margin-bottom:.5rem}.cop-mb-3{margin-bottom:.75rem}.cop-mb-4{margin-bottom:1rem}.cop-mb-5{margin-bottom:1.25rem}.cop-ml-auto{margin-left:auto}.cop-mt-0{margin-top:0}.cop-mt-0\.5{margin-top:.125rem}.cop-mt-1{margin-top:.25rem}.cop-mt-2{margin-top:.5rem}.cop-mt-2\.5{margin-top:.625rem}.cop-mt-\[4\.5px\]{margin-top:4.5px}.cop-box-border{box-sizing:border-box}.cop-block{display:block}.cop-flex{display:flex}.cop-inline-flex{display:inline-flex}.\!cop-hidden{display:none!important}.cop-aspect-square{aspect-ratio:1/1}.cop-size-\[20px\]{width:20px;height:20px}.cop-h-1{height:.25rem}.cop-h-10{height:2.5rem}.cop-h-16{height:4rem}.cop-h-2{height:.5rem}.cop-h-2\.5{height:.625rem}.cop-h-3{height:.75rem}.cop-h-4{height:1rem}.cop-h-5{height:1.25rem}.cop-h-6{height:1.5rem}.cop-h-7{height:1.75rem}.cop-h-8{height:2rem}.cop-h-\[10px\]{height:10px}.cop-h-\[11px\]{height:11px}.cop-h-\[13px\]{height:13px}.cop-h-\[14px\]{height:14px}.cop-h-\[18px\]{height:18px}.cop-h-\[25px\]{height:25px}.cop-h-\[400px\]{height:400px}.cop-h-\[500px\]{height:500px}.cop-h-\[8px\]{height:8px}.cop-h-fit{height:-moz-fit-content;height:fit-content}.cop-h-full{height:100%}.cop-min-h-2{min-height:.5rem}.cop-min-h-7{min-height:1.75rem}.cop-w-10{width:2.5rem}.cop-w-11{width:2.75rem}.cop-w-12{width:3rem}.cop-w-16{width:4rem}.cop-w-2{width:.5rem}.cop-w-2\.5{width:.625rem}.cop-w-3{width:.75rem}.cop-w-32{width:8rem}.cop-w-4{width:1rem}.cop-w-5{width:1.25rem}.cop-w-6{width:1.5rem}.cop-w-7{width:1.75rem}.cop-w-8{width:2rem}.cop-w-80{width:20rem}.cop-w-\[0\.5rem\]{width:.5rem}.cop-w-\[10px\]{width:10px}.cop-w-\[11px\]{width:11px}.cop-w-\[13px\]{width:13px}.cop-w-\[14px\]{width:14px}.cop-w-\[18px\]{width:18px}.cop-w-\[256px\]{width:256px}.cop-w-\[8px\]{width:8px}.cop-w-fit{width:-moz-fit-content;width:fit-content}.cop-w-full{width:100%}.cop-w-max{width:-moz-max-content;width:max-content}.cop-w-px{width:1px}.cop-min-w-2{min-width:.5rem}.cop-min-w-7{min-width:1.75rem}.cop-min-w-\[13px\]{min-width:13px}.cop-max-w-\[288px\]{max-width:288px}.cop-flex-1{flex:1 1 0%}.cop-shrink-0{flex-shrink:0}.cop-origin-left{transform-origin:left}.cop-origin-right{transform-origin:right}.cop-scale-x-0{--tw-scale-x:0}.cop-scale-x-0,.cop-scale-x-100{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))}.cop-scale-x-100{--tw-scale-x:1}@keyframes cop-dashCircle{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0px}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.cop-animate-dash-circle{animation:cop-dashCircle 1.4s ease-in-out infinite}@keyframes cop-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cop-animate-rotate{animation:cop-rotate 1.4s linear infinite}.cop-cursor-default{cursor:default}.cop-cursor-pointer{cursor:pointer}.cop-list-none{list-style-type:none}.cop-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cop-flex-row{flex-direction:row}.cop-flex-row-reverse{flex-direction:row-reverse}.cop-flex-col{flex-direction:column}.cop-flex-wrap{flex-wrap:wrap}.cop-items-center{align-items:center}.cop-justify-center{justify-content:center}.cop-justify-between{justify-content:space-between}.cop-gap-0{gap:0}.cop-gap-0\.5{gap:.125rem}.cop-gap-1{gap:.25rem}.cop-gap-1\.5{gap:.375rem}.cop-gap-2{gap:.5rem}.cop-gap-3{gap:.75rem}.cop-gap-4{gap:1rem}.cop-gap-8{gap:2rem}.cop-gap-\[2px\]{gap:2px}.cop-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.cop-self-start{align-self:flex-start}.cop-self-center{align-self:center}.cop-overflow-hidden,.cop-truncate{overflow:hidden}.cop-truncate{text-overflow:ellipsis}.cop-truncate,.cop-whitespace-nowrap{white-space:nowrap}.\!cop-rounded{border-radius:.25rem!important}.cop-rounded{border-radius:.25rem}.cop-rounded-\[35px\]{border-radius:35px}.cop-rounded-\[3px\]{border-radius:3px}.cop-rounded-\[4px\]{border-radius:4px}.cop-rounded-full{border-radius:9999px}.cop-rounded-lg{border-radius:.5rem}.cop-rounded-md{border-radius:.375rem}.cop-border{border-width:1px}.cop-border-0{border-width:0}.cop-border-\[1px\]{border-width:1px}.cop-border-l-4{border-left-width:4px}.cop-border-solid{border-style:solid}.cop-border-none{border-style:none}.\!cop-border-secondary{--tw-border-opacity:1!important;border-color:rgb(239 241 244/var(--tw-border-opacity))!important}.cop-border-\[\#00000012\]{border-color:#00000012}.cop-border-\[\#DFE1E4\]{--tw-border-opacity:1;border-color:rgb(223 225 228/var(--tw-border-opacity))}.cop-border-\[\#EFF1F4\]{--tw-border-opacity:1;border-color:rgb(239 241 244/var(--tw-border-opacity))}.cop-border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.cop-border-card-border{--tw-border-opacity:1;border-color:rgb(237 237 240/var(--tw-border-opacity))}.cop-border-gray-100{--tw-border-opacity:1;border-color:rgb(248 249 251/var(--tw-border-opacity))}.cop-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.cop-border-gray-300{--tw-border-opacity:1;border-color:rgb(201 203 205/var(--tw-border-opacity))}.cop-border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity))}.cop-border-input-gray{--tw-border-opacity:1;border-color:rgb(223 225 228/var(--tw-border-opacity))}.cop-border-primary{--tw-border-opacity:1;border-color:rgb(33 43 54/var(--tw-border-opacity))}.cop-border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.cop-border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.cop-border-secondary{--tw-border-opacity:1;border-color:rgb(239 241 244/var(--tw-border-opacity))}.cop-border-transparent{border-color:#0000}.cop-border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity))}.cop-border-l-\[\#09AA6C\]{--tw-border-opacity:1;border-left-color:rgb(9 170 108/var(--tw-border-opacity))}.cop-border-l-\[\#212B36\]{--tw-border-opacity:1;border-left-color:rgb(33 43 54/var(--tw-border-opacity))}.cop-border-l-\[\#CC0000\]{--tw-border-opacity:1;border-left-color:rgb(204 0 0/var(--tw-border-opacity))}.cop-border-l-\[\#FFA500\]{--tw-border-opacity:1;border-left-color:rgb(255 165 0/var(--tw-border-opacity))}.\!cop-bg-\[\#212B36\]{--tw-bg-opacity:1!important;background-color:rgb(33 43 54/var(--tw-bg-opacity))!important}.\!cop-bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(248 249 251/var(--tw-bg-opacity))!important}.\!cop-bg-gray-200{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity))!important}.\!cop-bg-secondary{--tw-bg-opacity:1!important;background-color:rgb(239 241 244/var(--tw-bg-opacity))!important}.cop-bg-\[\#09AA6C\]{--tw-bg-opacity:1;background-color:rgb(9 170 108/var(--tw-bg-opacity))}.cop-bg-\[\#212B36\],.cop-bg-\[\#212b36\]{--tw-bg-opacity:1;background-color:rgb(33 43 54/var(--tw-bg-opacity))}.cop-bg-\[\#CC0000\]{--tw-bg-opacity:1;background-color:rgb(204 0 0/var(--tw-bg-opacity))}.cop-bg-\[\#DFE1E4\]{--tw-bg-opacity:1;background-color:rgb(223 225 228/var(--tw-bg-opacity))}.cop-bg-\[\#EFF1F4\]{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.cop-bg-\[\#F8F9FB\]{--tw-bg-opacity:1;background-color:rgb(248 249 251/var(--tw-bg-opacity))}.cop-bg-\[\#FFA500\]{--tw-bg-opacity:1;background-color:rgb(255 165 0/var(--tw-bg-opacity))}.cop-bg-\[\#e3ffef\]{--tw-bg-opacity:1;background-color:rgb(227 255 239/var(--tw-bg-opacity))}.cop-bg-\[\#e8f1ff\]{--tw-bg-opacity:1;background-color:rgb(232 241 255/var(--tw-bg-opacity))}.cop-bg-\[\#fff8dd\]{--tw-bg-opacity:1;background-color:rgb(255 248 221/var(--tw-bg-opacity))}.cop-bg-amber-primary-light{background-color:var(--amber-primary-light)}.cop-bg-avatar-gray{background-color:#f2f2f3}.cop-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.cop-bg-button-primary{--tw-bg-opacity:1;background-color:rgb(33 43 54/var(--tw-bg-opacity))}.cop-bg-cyan-primary-light{background-color:var(--cyan-primary-light)}.cop-bg-danger{--tw-bg-opacity:1;background-color:rgb(255 236 228/var(--tw-bg-opacity))}.cop-bg-error{--tw-bg-opacity:1;background-color:rgb(255 237 232/var(--tw-bg-opacity))}.cop-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(248 249 251/var(--tw-bg-opacity))}.cop-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.cop-bg-highlight{--tw-bg-opacity:1;background-color:rgb(241 238 255/var(--tw-bg-opacity))}.cop-bg-info{--tw-bg-opacity:1;background-color:rgb(230 240 255/var(--tw-bg-opacity))}.cop-bg-inherit{background-color:inherit}.cop-bg-input-gray{--tw-bg-opacity:1;background-color:rgb(223 225 228/var(--tw-bg-opacity))}.cop-bg-olive-primary-light{background-color:var(--olive-primary-light)}.cop-bg-primary{background-color:var(--bg-primary)}.cop-bg-purple-primary-light{background-color:var(--purple-primary-light)}.cop-bg-rose-primary-light{background-color:var(--rose-primary-light)}.cop-bg-secondary{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.cop-bg-success{--tw-bg-opacity:1;background-color:rgb(223 255 235/var(--tw-bg-opacity))}.cop-bg-teal-primary-light{background-color:var(--teal-primary-light)}.cop-bg-transparent{background-color:initial}.cop-bg-violet-primary-light{background-color:var(--violet-primary-light)}.cop-bg-warning{--tw-bg-opacity:1;background-color:rgb(254 246 208/var(--tw-bg-opacity))}.cop-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.cop-fill-current{fill:currentColor}.cop-stroke-current{stroke:currentColor}.cop-p-0{padding:0}.cop-p-1{padding:.25rem}.cop-p-2{padding:.5rem}.cop-p-3{padding:.75rem}.cop-p-4{padding:1rem}.cop-p-\[2px\]{padding:2px}.cop-p-\[5px\]{padding:5px}.cop-p-\[7px\]{padding:7px}.cop-px-1{padding-left:.25rem;padding-right:.25rem}.cop-px-1\.5{padding-left:.375rem;padding-right:.375rem}.cop-px-2{padding-left:.5rem;padding-right:.5rem}.cop-px-3{padding-left:.75rem;padding-right:.75rem}.cop-px-\[10px\]{padding-left:10px;padding-right:10px}.cop-py-0{padding-top:0;padding-bottom:0}.cop-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.cop-py-1{padding-top:.25rem;padding-bottom:.25rem}.cop-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.cop-py-2{padding-top:.5rem;padding-bottom:.5rem}.cop-py-\[1px\]{padding-top:1px;padding-bottom:1px}.cop-py-\[2px\]{padding-top:2px;padding-bottom:2px}.cop-py-\[3px\]{padding-top:3px;padding-bottom:3px}.cop-py-\[5px\]{padding-top:5px;padding-bottom:5px}.cop-pb-1{padding-bottom:.25rem}.cop-pl-1{padding-left:.25rem}.cop-pl-1\.5{padding-left:.375rem}.cop-pl-8{padding-left:2rem}.cop-pr-2{padding-right:.5rem}.cop-pt-2{padding-top:.5rem}.cop-pt-3{padding-top:.75rem}.cop-text-right{text-align:right}.cop-font-body,.cop-font-sans{font-family:var(--font-primary),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.cop-text-2xl{font-size:24px;line-height:32px}.cop-text-2xs{font-size:8px;line-height:18px}.cop-text-3xl{font-size:30px;line-height:38px}.cop-text-3xs{font-size:6px;line-height:18px}.cop-text-4xl{font-size:2.25rem;line-height:2.5rem}.cop-text-5xl{font-size:3rem;line-height:1}.cop-text-6xl{font-size:3.75rem;line-height:1}.cop-text-\[10px\]{font-size:10px}.cop-text-\[12px\]{font-size:12px}.cop-text-\[13px\]{font-size:13px}.cop-text-base{font-size:14px;line-height:22px}.cop-text-lg{font-size:16px;line-height:24px}.cop-text-sm{font-size:13px;line-height:21px}.cop-text-xl{font-size:20px;line-height:28px}.cop-text-xs{font-size:12px;line-height:20px}.cop-font-bold{font-weight:700}.cop-font-light{font-weight:300}.cop-font-medium{font-weight:500}.cop-font-semibold{font-weight:600}.cop-leading-3{line-height:.75rem}.cop-leading-4{line-height:1rem}.cop-leading-5{line-height:1.25rem}.cop-leading-6{line-height:1.5rem}.cop-leading-7{line-height:1.75rem}.cop-leading-8{line-height:2rem}.cop-leading-loose{line-height:2}.cop-leading-normal{line-height:1.5}.cop-leading-relaxed{line-height:1.625}.cop-leading-snug{line-height:1.375}.cop-leading-tight{line-height:1.25}.\!cop-text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity))!important}.\!cop-text-input-gray{--tw-text-opacity:1!important;color:rgb(223 225 228/var(--tw-text-opacity))!important}.cop-text-\[\#0000ff\]{--tw-text-opacity:1;color:rgb(0 0 255/var(--tw-text-opacity))}.cop-text-\[\#09aa6c\]{--tw-text-opacity:1;color:rgb(9 170 108/var(--tw-text-opacity))}.cop-text-\[\#90959D\]{--tw-text-opacity:1;color:rgb(144 149 157/var(--tw-text-opacity))}.cop-text-\[\#cc0000\]{--tw-text-opacity:1;color:rgb(204 0 0/var(--tw-text-opacity))}.cop-text-\[\#ff7800\]{--tw-text-opacity:1;color:rgb(255 120 0/var(--tw-text-opacity))}.cop-text-amber-primary-dark{color:var(--amber-primary-dark)}.cop-text-current{color:currentColor}.cop-text-cyan-primary-dark{color:var(--cyan-primary-dark)}.cop-text-danger{color:var(--p-text-danger)}.cop-text-disabled{color:var(--p-text-disabled)}.cop-text-error{--tw-text-opacity:1;color:rgb(153 26 0/var(--tw-text-opacity))}.cop-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.cop-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.cop-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.cop-text-highlight{--tw-text-opacity:1;color:rgb(75 58 163/var(--tw-text-opacity))}.cop-text-info{--tw-text-opacity:1;color:rgb(12 65 187/var(--tw-text-opacity))}.cop-text-input-gray{--tw-text-opacity:1;color:rgb(223 225 228/var(--tw-text-opacity))}.cop-text-link{--tw-text-opacity:1;color:rgb(12 65 187/var(--tw-text-opacity))}.cop-text-link-disabled{--tw-text-opacity:1;color:rgb(146 169 224/var(--tw-text-opacity))}.cop-text-olive-primary-dark{color:var(--olive-primary-dark)}.cop-text-primary{color:var(--p-text-primary)}.cop-text-purple-primary-dark{color:var(--purple-primary-dark)}.cop-text-rose-primary-dark{color:var(--rose-primary-dark)}.cop-text-secondary{color:var(--p-text-secondary)}.cop-text-success{--tw-text-opacity:1;color:rgb(17 91 59/var(--tw-text-opacity))}.cop-text-teal-primary-dark{color:var(--teal-primary-dark)}.cop-text-violet-primary-dark{color:var(--violet-primary-dark)}.cop-text-warning{--tw-text-opacity:1;color:rgb(134 56 5/var(--tw-text-opacity))}.cop-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.cop-underline{text-decoration-line:underline}.cop-no-underline{text-decoration-line:none}.cop-underline-offset-\[3px\]{text-underline-offset:3px}.\!cop-opacity-25{opacity:.25!important}.cop-opacity-0{opacity:0}.cop-opacity-100{opacity:1}.cop-opacity-50{opacity:.5}.cop-opacity-\[0\.45\]{opacity:.45}.cop-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.cop-shadow-lg,.cop-shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.cop-shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.cop-shadow-popover-50{--tw-shadow:0px 6px 20px 0px #00000012;--tw-shadow-colored:0px 6px 20px 0px var(--tw-shadow-color)}.cop-shadow-popover-50,.cop-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.cop-shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.cop-outline-none{outline:2px solid #0000;outline-offset:2px}.cop-outline-0{outline-width:0}.cop-outline-offset-\[3px\]{outline-offset:3px}.cop-outline-primary{outline-color:#053299}.cop-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.cop-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.cop-duration-150{transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.cop-duration-150{animation-duration:.15s}body{font-family:var(--font-primary,"Inter",sans-serif)}:root{--font-primary:"Inter",sans-serif;--p-text-primary:#212b36;--p-text-secondary:#6b6f76;--p-text-danger:red;--p-text-disabled:#c9cbcd;--p-line-height-025:1.125rem;--p-line-height-050:1.25rem;--p-line-height-075:1.313rem;--p-line-height-1:1.375rem;--p-line-height-2:1.5rem;--p-line-height-3:1.75rem;--p-line-height-4:2rem;--p-line-height-5:2.375rem;--p-line-height-6:2.875rem;--p-line-height-7:3.375rem;--p-line-height-8:4rem;--bg-primary:#f9fafb;--rounded-xs:0.25rem;--border-light:1px solid #e1e4e8;--gray-primary:#b8bfcb;--violet-primary:#a988e6;--rose-primary:#e9728b;--amber-primary:#e7b04a;--teal-primary:#56c6be;--cyan-primary:#77b6e3;--teal-primary-dark:#2b9188;--cyan-primary-dark:#649eaf;--amber-primary-dark:#a4751f;--rose-primary-dark:#b34b5f;--violet-primary-dark:#7f69b5;--purple-primary-dark:#7a2d87;--olive-primary-dark:#75876e;--teal-primary-light:#eaf5f4;--cyan-primary-light:#dff3f9;--amber-primary-light:#f7f1e4;--rose-primary-light:#f5ebed;--violet-primary-light:#f0eaff;--purple-primary-light:#faeefb;--olive-primary-light:#ebf3e7}.file\:cop-border-0::file-selector-button{border-width:0}.file\:cop-bg-transparent::file-selector-button{background-color:initial}.file\:cop-text-sm::file-selector-button{font-size:13px;line-height:21px}.file\:cop-font-medium::file-selector-button{font-weight:500}.focus-within\:cop-border-black:focus-within{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.focus-within\:cop-border-primary:focus-within{--tw-border-opacity:1;border-color:rgb(33 43 54/var(--tw-border-opacity))}.hover\:cop-cursor-pointer:hover{cursor:pointer}.hover\:cop-cursor-text:hover{cursor:text}.hover\:cop-border-\[\#00000012\]:hover{border-color:#00000012}.hover\:cop-border-\[\#36424D\]:hover{--tw-border-opacity:1;border-color:rgb(54 66 77/var(--tw-border-opacity))}.hover\:cop-border-\[\#F8F9FB\]:hover{--tw-border-opacity:1;border-color:rgb(248 249 251/var(--tw-border-opacity))}.hover\:\!cop-bg-\[\#36424D\]:hover{--tw-bg-opacity:1!important;background-color:rgb(54 66 77/var(--tw-bg-opacity))!important}.hover\:\!cop-bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(248 249 251/var(--tw-bg-opacity))!important}.hover\:cop-bg-\[\#6B6F76\]:hover{--tw-bg-opacity:1;background-color:rgb(107 111 118/var(--tw-bg-opacity))}.hover\:cop-bg-\[\#F8F9FB\]:hover,.hover\:cop-bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(248 249 251/var(--tw-bg-opacity))}.hover\:cop-bg-gray-150:hover{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.hover\:cop-bg-input-gray:hover{--tw-bg-opacity:1;background-color:rgb(223 225 228/var(--tw-bg-opacity))}.hover\:cop-bg-primary:hover{background-color:var(--bg-primary)}.hover\:cop-bg-transparent:hover{background-color:initial}.hover\:cop-bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:cop-text-link-hover:hover{--tw-text-opacity:1;color:rgb(5 50 153/var(--tw-text-opacity))}.hover\:cop-underline:hover{text-decoration-line:underline}.hover\:cop-opacity-60:hover{opacity:.6}.focus\:cop-bg-secondary:focus{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.focus\:cop-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:cop-outline-\[1\.5px\]:focus{outline-width:1.5px}.focus\:cop-outline-offset-1:focus,.focus\:cop-outline-offset-\[1px\]:focus{outline-offset:1px}.focus\:cop-outline-\[\#053299\]:focus,.focus\:cop-outline-primary:focus{outline-color:#053299}.focus\:cop-ring-black:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.focus-visible\:cop-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:cop-outline-0:focus-visible{outline-width:0}.focus-visible\:cop-ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-visible\:cop-ring-0:focus-visible,.focus-visible\:cop-ring-2:focus-visible{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:cop-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus-visible\:cop-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:cop-bg-\[\#C9CBCD\]:active{--tw-bg-opacity:1;background-color:rgb(201 203 205/var(--tw-bg-opacity))}.active\:cop-bg-gray-200:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.active\:cop-bg-secondary:active{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.active\:cop-bg-white:active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.active\:cop-text-link-active:active{--tw-text-opacity:1;color:rgb(5 50 153/var(--tw-text-opacity))}.active\:cop-underline:active{text-decoration-line:underline}.disabled\:cop-pointer-events-none:disabled{pointer-events:none}.disabled\:cop-cursor-default:disabled{cursor:default}.disabled\:cop-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cop-border-\[\#00000012\]:disabled{border-color:#00000012}.disabled\:cop-bg-secondary:disabled{--tw-bg-opacity:1;background-color:rgb(239 241 244/var(--tw-bg-opacity))}.disabled\:cop-text-disabled:disabled{color:var(--p-text-disabled)}.disabled\:cop-opacity-50:disabled{opacity:.5}.cop-group:hover .group-hover\:\!cop-bg-\[\#36424D\]{--tw-bg-opacity:1!important;background-color:rgb(54 66 77/var(--tw-bg-opacity))!important}.cop-group:hover .group-hover\:cop-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.cop-group:hover .group-hover\:cop-text-\[\#36424D\]{--tw-text-opacity:1;color:rgb(54 66 77/var(--tw-text-opacity))}.cop-peer:focus-visible~.peer-focus-visible\:cop-outline-2{outline-width:2px}.cop-peer:focus-visible~.peer-focus-visible\:cop-outline-\[\#0071E3\]{outline-color:#0071e3}.data-\[swipe\=cancel\]\:cop-translate-x-0[data-swipe=cancel]{--tw-translate-x:0px}.data-\[swipe\=cancel\]\:cop-translate-x-0[data-swipe=cancel],.data-\[swipe\=end\]\:cop-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{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))}.data-\[swipe\=end\]\:cop-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=move\]\:cop-translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);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))}.data-\[swipe\=move\]\:cop-transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:cop-animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:cop-animate-out[data-state=closed],.data-\[swipe\=end\]\:cop-animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:cop-slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=open\]\:cop-slide-in-from-right-full[data-state=open]{--tw-enter-translate-x:100%}@media (min-width:640px){.sm\:cop-w-\[220px\]{width:220px}}@media (min-width:768px){.md\:cop-w-\[404px\]{width:404px}}.\[\&_a\]\:\!cop-text-link a{--tw-text-opacity:1!important;color:rgb(12 65 187/var(--tw-text-opacity))!important}.\[\&_h1\]\:\!cop-m-0 h1{margin:0!important}.\[\&_h1\]\:cop-text-xl h1{font-size:20px;line-height:28px}.\[\&_h1\]\:cop-font-medium h1{font-weight:500}.\[\&_h2\]\:\!cop-m-0 h2{margin:0!important}.\[\&_h2\]\:\!cop-text-lg h2{font-size:16px!important;line-height:24px!important}.\[\&_h2\]\:\!cop-font-medium h2{font-weight:500!important}.\[\&_h3\]\:\!cop-m-0 h3{margin:0!important}.\[\&_h3\]\:\!cop-text-base h3{font-size:14px!important;line-height:22px!important}.\[\&_h3\]\:\!cop-font-medium h3{font-weight:500!important}.\[\&_li\]\:\!cop-my-1 li{margin-top:.25rem!important;margin-bottom:.25rem!important}.\[\&_li\]\:\!cop-text-base li{font-size:14px!important;line-height:22px!important}.\[\&_li\]\:\!cop-font-normal li{font-weight:400!important}.\[\&_li\]\:\!cop-leading-6 li{line-height:1.5rem!important}.\[\&_ol\]\:\!cop-ml-1 ol{margin-left:.25rem!important}.\[\&_ol\]\:\!cop-mr-3 ol{margin-right:.75rem!important}.\[\&_ol\]\:\!cop-px-3 ol{padding-left:.75rem!important;padding-right:.75rem!important}.\[\&_p\]\:\!cop-m-0 p{margin:0!important}.\[\&_p\]\:\!cop-text-base p{font-size:14px!important;line-height:22px!important}.\[\&_p\]\:\!cop-font-normal p{font-weight:400!important}.\[\&_p\]\:\!cop-leading-6 p{line-height:1.5rem!important}.\[\&_ul\]\:\!cop-ml-1 ul{margin-left:.25rem!important}.\[\&_ul\]\:\!cop-mr-3 ul{margin-right:.75rem!important}.\[\&_ul\]\:\!cop-px-3 ul{padding-left:.75rem!important;padding-right:.75rem!important}
|
|
@@ -8,6 +8,12 @@ declare const meta: {
|
|
|
8
8
|
config?: ActionConfig[];
|
|
9
9
|
}) => import("react").JSX.Element;
|
|
10
10
|
tags: string[];
|
|
11
|
+
argTypes: {
|
|
12
|
+
variant: {
|
|
13
|
+
control: "select";
|
|
14
|
+
options: string[];
|
|
15
|
+
};
|
|
16
|
+
};
|
|
11
17
|
parameters: {
|
|
12
18
|
docs: {
|
|
13
19
|
description: {
|
|
@@ -25,3 +31,4 @@ export declare const Highlight: Story;
|
|
|
25
31
|
export declare const Sticky: Story;
|
|
26
32
|
export declare const MultipleGroups: Story;
|
|
27
33
|
export declare const WithTooltips: Story;
|
|
34
|
+
export declare const ToolbarWithDropdownActions: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { DropdownActionConfig } from './types';
|
|
3
|
+
export interface ToolbarDropdownProps {
|
|
4
|
+
action: DropdownActionConfig;
|
|
5
|
+
variant: 'highlight' | 'sticky';
|
|
6
|
+
}
|
|
7
|
+
export declare const ToolbarDropdown: ({ action, variant }: ToolbarDropdownProps) => import("react").JSX.Element;
|
|
@@ -53,7 +53,7 @@ export declare const Base: ({ children, className, leading, size, variant, tag,
|
|
|
53
53
|
variant: keyof typeof VARIANT_CLASSNAMES;
|
|
54
54
|
tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
|
|
55
55
|
weight: WeightClassNames;
|
|
56
|
-
/** Used
|
|
57
|
-
'data-typography'?:
|
|
56
|
+
/** Used by consumers to target typography components with CSS selectors */
|
|
57
|
+
'data-typography'?: string;
|
|
58
58
|
}) => React.JSX.Element;
|
|
59
59
|
export {};
|
|
@@ -10,7 +10,7 @@ declare const meta: {
|
|
|
10
10
|
variant: "display" | "body" | "heading";
|
|
11
11
|
tag: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "span";
|
|
12
12
|
weight: "bold" | "semibold" | "medium" | "regular" | "light";
|
|
13
|
-
'data-typography'?:
|
|
13
|
+
'data-typography'?: string | undefined;
|
|
14
14
|
}) => import("react").JSX.Element;
|
|
15
15
|
tags: string[];
|
|
16
16
|
};
|