@janbox/storefront-builder 2.0.1 → 2.0.3

package/dist/style.css

@@ -1 +1 @@
-.es-color-picker .react-colorful{aspect-ratio:var(--tw-aspect-video,16 / 9);width:100%;height:auto}.es-color-picker .react-colorful__hue{height:calc(var(--tw-spacing,.25rem) * 5)}.es-color-picker .react-colorful__pointer,.es-color-picker .react-colorful__hue-pointer{height:calc(var(--tw-spacing,.25rem) * 5);width:calc(var(--tw-spacing,.25rem) * 5)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-duration:initial}}}.es-radio-button{padding:calc(var(--tw-spacing,.25rem) * .5);color:var(--tw-color-white,#fff);border-radius:3.40282e38px;display:inline-flex;position:relative}.es-radio-button input{height:calc(var(--tw-spacing,.25rem) * 0);width:calc(var(--tw-spacing,.25rem) * 0);opacity:0;display:none}.es-radio-button input:checked+.checkmark:after{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.es-radio-button .checkmark{border-style:var(--tw-border-style);border-width:1px;border-color:currentColor;border-radius:3.40282e38px;width:100%;height:100%;position:relative}.es-radio-button .checkmark:after{content:"";--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;width:100%;height:100%;scale:var(--tw-scale-x) var(--tw-scale-y);border-style:var(--tw-border-style);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--tw-default-transition-duration,.15s));--tw-duration:.3s;background-color:currentColor;background-clip:content-box;border-width:2px;border-color:#0000;border-radius:3.40282e38px;transition-duration:.3s;position:absolute}.es-radio-button:has(input:checked){color:var(--tw-color-ic-orange-6s,#fa8c16)}@property --tw-duration{syntax:"*";inherits:false}.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--tw-font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--tw-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--tw-color-red-50:oklch(97.1% .013 17.38);--tw-color-neutral-100:oklch(97% 0 0);--tw-color-neutral-500:oklch(55.6% 0 0);--tw-color-black:#000;--tw-color-white:#fff;--tw-spacing:.25rem;--tw-text-xs:.75rem;--tw-text-xs--line-height:calc(1 / .75);--tw-text-sm:.875rem;--tw-text-sm--line-height:calc(1.25 / .875);--tw-text-base:1rem;--tw-text-base--line-height: 1.5 ;--tw-font-weight-medium:500;--tw-radius-sm:.25rem;--tw-radius-md:.375rem;--tw-radius-lg:.5rem;--tw-radius-xl:.75rem;--tw-animate-spin:spin 1s linear infinite;--tw-aspect-video:16 / 9;--tw-default-transition-duration:.15s;--tw-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--tw-default-font-family:var(--tw-font-sans);--tw-default-mono-font-family:var(--tw-font-mono);--tw-color-ic-red-4s:#ff7875;--tw-color-ic-red-6s:#f5222d;--tw-color-ic-orange-6s:#fa8c16;--tw-color-ic-ink-1s:#f2f2f2;--tw-color-ic-ink-2s:#ddd;--tw-color-ic-ink-3s:#ccc;--tw-color-ic-ink-6s:#333;--tw-color-ic-white-1s:#ffffff1a;--tw-color-ic-white-2s:#fff3;--tw-color-ic-white-3s:#fff6;--tw-color-ic-white-4s:#fff9;--tw-color-ic-white-5s:#fffc;--tw-color-ic-white-6s:#fff;--tw-color-ic-black-7s:#00000026}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--tw-default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--tw-default-font-feature-settings,normal);font-variation-settings:var(--tw-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--tw-default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--tw-default-mono-font-feature-settings,normal);font-variation-settings:var(--tw-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.tw\:pointer-events-auto{pointer-events:auto}.tw\:pointer-events-none{pointer-events:none}.tw\:\!visible{visibility:visible!important}.tw\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tw\:absolute{position:absolute}.tw\:fixed{position:fixed}.tw\:relative{position:relative}.tw\:inset-0{inset:calc(var(--tw-spacing) * 0)}.tw\:inset-x-0{inset-inline:calc(var(--tw-spacing) * 0)}.tw\:top-1{top:calc(var(--tw-spacing) * 1)}.tw\:top-1\/2{top:50%}.tw\:top-full{top:100%}.tw\:right-1{right:calc(var(--tw-spacing) * 1)}.tw\:right-2{right:calc(var(--tw-spacing) * 2)}.tw\:-bottom-1{bottom:calc(var(--tw-spacing) * -1)}.tw\:bottom-1{bottom:calc(var(--tw-spacing) * 1)}.tw\:left-1{left:calc(var(--tw-spacing) * 1)}.tw\:left-1\/2{left:50%}.tw\:z-10{z-index:10}.tw\:z-50{z-index:50}.tw\:col-span-6{grid-column:span 6/span 6}.tw\:col-span-12{grid-column:span 12/span 12}.tw\:col-start-1{grid-column-start:1}.tw\:col-start-2{grid-column-start:2}.tw\:mx-auto{margin-inline:auto}.tw\:my-2{margin-block:calc(var(--tw-spacing) * 2)}.tw\:my-3{margin-block:calc(var(--tw-spacing) * 3)}.tw\:mt-1{margin-top:calc(var(--tw-spacing) * 1)}.tw\:mt-2{margin-top:calc(var(--tw-spacing) * 2)}.tw\:mb-1\.5{margin-bottom:calc(var(--tw-spacing) * 1.5)}.tw\:mb-2{margin-bottom:calc(var(--tw-spacing) * 2)}.tw\:contents{display:contents}.tw\:flex{display:flex}.tw\:grid{display:grid}.tw\:inline-flex{display:inline-flex}.tw\:aspect-square{aspect-ratio:1}.tw\:aspect-video{aspect-ratio:var(--tw-aspect-video)}.tw\:size-5{width:calc(var(--tw-spacing) * 5);height:calc(var(--tw-spacing) * 5)}.tw\:h-1{height:calc(var(--tw-spacing) * 1)}.tw\:h-1\/2{height:50%}.tw\:h-3{height:calc(var(--tw-spacing) * 3)}.tw\:h-3\/5{height:60%}.tw\:h-4{height:calc(var(--tw-spacing) * 4)}.tw\:h-5{height:calc(var(--tw-spacing) * 5)}.tw\:h-6{height:calc(var(--tw-spacing) * 6)}.tw\:h-8{height:calc(var(--tw-spacing) * 8)}.tw\:h-12{height:calc(var(--tw-spacing) * 12)}.tw\:h-fit{height:fit-content}.tw\:h-full{height:100%}.tw\:h-screen{height:100vh}.tw\:max-h-full{max-height:100%}.tw\:min-h-full{min-height:100%}.tw\:w-1\/2{width:50%}.tw\:w-3{width:calc(var(--tw-spacing) * 3)}.tw\:w-3\/5{width:60%}.tw\:w-4{width:calc(var(--tw-spacing) * 4)}.tw\:w-6{width:calc(var(--tw-spacing) * 6)}.tw\:w-7{width:calc(var(--tw-spacing) * 7)}.tw\:w-8{width:calc(var(--tw-spacing) * 8)}.tw\:w-10{width:calc(var(--tw-spacing) * 10)}.tw\:w-11{width:calc(var(--tw-spacing) * 11)}.tw\:w-12{width:calc(var(--tw-spacing) * 12)}.tw\:w-28{width:calc(var(--tw-spacing) * 28)}.tw\:w-60{width:calc(var(--tw-spacing) * 60)}.tw\:w-72{width:calc(var(--tw-spacing) * 72)}.tw\:w-80{width:calc(var(--tw-spacing) * 80)}.tw\:w-fit{width:fit-content}.tw\:w-full{width:100%}.tw\:w-px{width:1px}.tw\:w-screen{width:100vw}.tw\:max-w-full{max-width:100%}.tw\:min-w-72{min-width:calc(var(--tw-spacing) * 72)}.tw\:flex-1{flex:1}.tw\:flex-shrink-0{flex-shrink:0}.tw\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tw\:translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tw\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tw\:translate-y-1\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tw\:-rotate-45{rotate:-45deg}.tw\:-rotate-90{rotate:-90deg}.tw\:-rotate-180{rotate:-180deg}.tw\:rotate-0{rotate:0deg}.tw\:rotate-45{rotate:45deg}.tw\:rotate-90{rotate:90deg}.tw\:rotate-180{rotate:180deg}.tw\:animate-spin{animation:var(--tw-animate-spin)}.tw\:cursor-grab{cursor:grab}.tw\:cursor-grabbing{cursor:grabbing}.tw\:cursor-pointer{cursor:pointer}.tw\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tw\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.tw\:flex-col{flex-direction:column}.tw\:place-items-center{place-items:center}.tw\:items-center{align-items:center}.tw\:items-end{align-items:flex-end}.tw\:items-stretch{align-items:stretch}.tw\:justify-between{justify-content:space-between}.tw\:justify-center{justify-content:center}.tw\:justify-end{justify-content:flex-end}.tw\:gap-0\.5{gap:calc(var(--tw-spacing) * .5)}.tw\:gap-1{gap:calc(var(--tw-spacing) * 1)}.tw\:gap-1\.5{gap:calc(var(--tw-spacing) * 1.5)}.tw\:gap-2{gap:calc(var(--tw-spacing) * 2)}.tw\:gap-3{gap:calc(var(--tw-spacing) * 3)}.tw\:gap-4{gap:calc(var(--tw-spacing) * 4)}:where(.tw\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tw-spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.tw\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--tw-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.tw\:gap-x-4{column-gap:calc(var(--tw-spacing) * 4)}.tw\:gap-y-1{row-gap:calc(var(--tw-spacing) * 1)}.tw\:gap-y-2{row-gap:calc(var(--tw-spacing) * 2)}.tw\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tw\:overflow-auto{overflow:auto}.tw\:overflow-hidden{overflow:hidden}.tw\:rounded{border-radius:.25rem}.tw\:rounded-full{border-radius:3.40282e38px}.tw\:rounded-lg{border-radius:var(--tw-radius-lg)}.tw\:rounded-md{border-radius:var(--tw-radius-md)}.tw\:rounded-sm{border-radius:var(--tw-radius-sm)}.tw\:rounded-xl{border-radius:var(--tw-radius-xl)}.tw\:rounded-t-lg{border-top-left-radius:var(--tw-radius-lg);border-top-right-radius:var(--tw-radius-lg)}.tw\:border{border-style:var(--tw-border-style);border-width:1px}.tw\:border-2{border-style:var(--tw-border-style);border-width:2px}.tw\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tw\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.tw\:border-ic-white-1s{border-color:var(--tw-color-ic-white-1s)}.tw\:border-ic-white-2s{border-color:var(--tw-color-ic-white-2s)}.tw\:border-ic-white-3s{border-color:var(--tw-color-ic-white-3s)}.tw\:border-ic-white-4s{border-color:var(--tw-color-ic-white-4s)}.tw\:border-ic-white-5s{border-color:var(--tw-color-ic-white-5s)}.tw\:border-transparent{border-color:#0000}.tw\:bg-black{background-color:var(--tw-color-black)}.tw\:bg-ic-black-7s{background-color:var(--tw-color-ic-black-7s)}.tw\:bg-ic-ink-1s{background-color:var(--tw-color-ic-ink-1s)}.tw\:bg-ic-ink-6s{background-color:var(--tw-color-ic-ink-6s)}.tw\:bg-ic-white-1s{background-color:var(--tw-color-ic-white-1s)}.tw\:bg-ic-white-2s{background-color:var(--tw-color-ic-white-2s)}.tw\:bg-ic-white-3s{background-color:var(--tw-color-ic-white-3s)}.tw\:bg-neutral-100{background-color:var(--tw-color-neutral-100)}.tw\:bg-transparent{background-color:#0000}.tw\:p-0\.5{padding:calc(var(--tw-spacing) * .5)}.tw\:p-1{padding:calc(var(--tw-spacing) * 1)}.tw\:p-1\.5{padding:calc(var(--tw-spacing) * 1.5)}.tw\:p-2{padding:calc(var(--tw-spacing) * 2)}.tw\:p-3{padding:calc(var(--tw-spacing) * 3)}.tw\:p-4{padding:calc(var(--tw-spacing) * 4)}.tw\:px-0{padding-inline:calc(var(--tw-spacing) * 0)}.tw\:px-1{padding-inline:calc(var(--tw-spacing) * 1)}.tw\:px-1\.5{padding-inline:calc(var(--tw-spacing) * 1.5)}.tw\:px-2{padding-inline:calc(var(--tw-spacing) * 2)}.tw\:px-3{padding-inline:calc(var(--tw-spacing) * 3)}.tw\:px-4{padding-inline:calc(var(--tw-spacing) * 4)}.tw\:py-0\.5{padding-block:calc(var(--tw-spacing) * .5)}.tw\:py-1{padding-block:calc(var(--tw-spacing) * 1)}.tw\:py-1\.5{padding-block:calc(var(--tw-spacing) * 1.5)}.tw\:py-2{padding-block:calc(var(--tw-spacing) * 2)}.tw\:py-3{padding-block:calc(var(--tw-spacing) * 3)}.tw\:pt-1{padding-top:calc(var(--tw-spacing) * 1)}.tw\:pt-2{padding-top:calc(var(--tw-spacing) * 2)}.tw\:pt-3{padding-top:calc(var(--tw-spacing) * 3)}.tw\:pt-4{padding-top:calc(var(--tw-spacing) * 4)}.tw\:pr-1\.5{padding-right:calc(var(--tw-spacing) * 1.5)}.tw\:pr-2{padding-right:calc(var(--tw-spacing) * 2)}.tw\:pr-3{padding-right:calc(var(--tw-spacing) * 3)}.tw\:pr-12{padding-right:calc(var(--tw-spacing) * 12)}.tw\:pb-3{padding-bottom:calc(var(--tw-spacing) * 3)}.tw\:pb-4{padding-bottom:calc(var(--tw-spacing) * 4)}.tw\:pl-1\.5{padding-left:calc(var(--tw-spacing) * 1.5)}.tw\:pl-3{padding-left:calc(var(--tw-spacing) * 3)}.tw\:text-center{text-align:center}.tw\:text-left{text-align:left}.tw\:text-base{font-size:var(--tw-text-base);line-height:var(--tw-leading,var(--tw-text-base--line-height))}.tw\:text-sm{font-size:var(--tw-text-sm);line-height:var(--tw-leading,var(--tw-text-sm--line-height))}.tw\:text-xs{font-size:var(--tw-text-xs);line-height:var(--tw-leading,var(--tw-text-xs--line-height))}.tw\:leading-none{--tw-leading:1;line-height:1}.tw\:font-medium{--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium)}.tw\:text-ic-orange-6s{color:var(--tw-color-ic-orange-6s)}.tw\:text-ic-red-4s{color:var(--tw-color-ic-red-4s)}.tw\:text-ic-red-6s{color:var(--tw-color-ic-red-6s)}.tw\:text-ic-white-2s{color:var(--tw-color-ic-white-2s)}.tw\:text-ic-white-3s{color:var(--tw-color-ic-white-3s)}.tw\:text-ic-white-4s{color:var(--tw-color-ic-white-4s)}.tw\:text-ic-white-5s{color:var(--tw-color-ic-white-5s)}.tw\:text-ic-white-6s{color:var(--tw-color-ic-white-6s)}.tw\:text-neutral-500{color:var(--tw-color-neutral-500)}.tw\:text-white{color:var(--tw-color-white)}.tw\:opacity-0{opacity:0}.tw\:opacity-100{opacity:1}.tw\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:shadow-ic-white-2s{--tw-shadow-color:var(--tw-color-ic-white-2s)}@supports (color:color-mix(in lab,red,red)){.tw\:shadow-ic-white-2s{--tw-shadow-color:color-mix(in oklab, var(--tw-color-ic-white-2s) var(--tw-shadow-alpha), transparent)}}.tw\:outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.tw\:-outline-offset-1{outline-offset:-1px}.tw\:outline-ic-ink-3s{outline-color:var(--tw-color-ic-ink-3s)}.tw\:outline-ic-ink-6s{outline-color:var(--tw-color-ic-ink-6s)}.tw\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.tw\:text-shadow-red-50{--tw-text-shadow-color:var(--tw-color-red-50)}@supports (color:color-mix(in lab,red,red)){.tw\:text-shadow-red-50{--tw-text-shadow-color:color-mix(in oklab, var(--tw-color-red-50) var(--tw-text-shadow-alpha), transparent)}}:is(.tw\:\*\:invisible>*){visibility:hidden}:is(.tw\:\*\:flex-1>*){flex:1}@media(hover:hover){.tw\:group-hover\:opacity-100:is(:where(.tw\:group):hover *){opacity:1}}.tw\:peer-checked\:bg-ic-orange-6s:is(:where(.tw\:peer):checked~*){background-color:var(--tw-color-ic-orange-6s)}.tw\:placeholder\:text-ic-white-3s::placeholder{color:var(--tw-color-ic-white-3s)}.tw\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.tw\:after\:absolute:after{content:var(--tw-content);position:absolute}.tw\:after\:inset-0:after{content:var(--tw-content);inset:calc(var(--tw-spacing) * 0)}.tw\:after\:start-0\.5:after{content:var(--tw-content);inset-inline-start:calc(var(--tw-spacing) * .5)}.tw\:after\:top-0\.5:after{content:var(--tw-content);top:calc(var(--tw-spacing) * .5)}.tw\:after\:h-3:after{content:var(--tw-content);height:calc(var(--tw-spacing) * 3)}.tw\:after\:w-3:after{content:var(--tw-content);width:calc(var(--tw-spacing) * 3)}.tw\:after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.tw\:after\:rounded-lg:after{content:var(--tw-content);border-radius:var(--tw-radius-lg)}.tw\:after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.tw\:after\:border-ic-ink-2s:after{content:var(--tw-content);border-color:var(--tw-color-ic-ink-2s)}.tw\:after\:border-ic-red-6s:after{content:var(--tw-content);border-color:var(--tw-color-ic-red-6s)}.tw\:after\:border-ic-white-1s:after{content:var(--tw-content);border-color:var(--tw-color-ic-white-1s)}.tw\:after\:border-transparent:after{content:var(--tw-content);border-color:#0000}.tw\:after\:bg-ic-white-1s:after{content:var(--tw-content);background-color:var(--tw-color-ic-white-1s)}.tw\:after\:bg-white:after{content:var(--tw-content);background-color:var(--tw-color-white)}.tw\:after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function));transition-duration:var(--tw-duration,var(--tw-default-transition-duration))}.tw\:peer-checked\:after\:translate-x-full:is(:where(.tw\:peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.tw\:peer-checked\:after\:border-white:is(:where(.tw\:peer):checked~*):after{content:var(--tw-content);border-color:var(--tw-color-white)}.tw\:empty\:hidden:empty{display:none}@media(hover:hover){.tw\:hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tw\:hover\:border-ic-white-2s:hover{border-color:var(--tw-color-ic-white-2s)}.tw\:hover\:border-ic-white-3s:hover{border-color:var(--tw-color-ic-white-3s)}.tw\:hover\:bg-ic-black-7s:hover{background-color:var(--tw-color-ic-black-7s)}.tw\:hover\:bg-ic-white-1s:hover{background-color:var(--tw-color-ic-white-1s)}.tw\:hover\:bg-ic-white-2s:hover{background-color:var(--tw-color-ic-white-2s)}.tw\:hover\:font-medium:hover{--tw-font-weight:var(--tw-font-weight-medium);font-weight:var(--tw-font-weight-medium)}.tw\:hover\:text-ic-white-4s:hover{color:var(--tw-color-ic-white-4s)}.tw\:hover\:text-ic-white-6s:hover{color:var(--tw-color-ic-white-6s)}}.tw\:focus\:border-ic-white-1s:focus{border-color:var(--tw-color-ic-white-1s)}.tw\:focus\:bg-ic-black-7s:focus{background-color:var(--tw-color-ic-black-7s)}.tw\:focus\:outline-none:focus,.tw\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}@media(hover:hover){.tw\:enabled\:hover\:bg-ic-white-1s:enabled:hover{background-color:var(--tw-color-ic-white-1s)}.tw\:enabled\:hover\:bg-ic-white-2s:enabled:hover{background-color:var(--tw-color-ic-white-2s)}}.tw\:disabled\:text-ic-white-3s:disabled{color:var(--tw-color-ic-white-3s)}@media(min-width:40rem){.tw\:sm\:right-3{right:calc(var(--tw-spacing) * 3)}.tw\:sm\:px-5{padding-inline:calc(var(--tw-spacing) * 5)}}.tw\:\[\&\:has\(\:focus\)\]\:bg-ic-black-7s:has(:focus){background-color:var(--tw-color-ic-black-7s)}.tw\:\[\&\:has\(\:focus\)\]\:after\:border-ic-white-1s:has(:focus):after{content:var(--tw-content);border-color:var(--tw-color-ic-white-1s)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}
+.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}

package/dist/templates.js

@@ -1,17 +1,15 @@
 import { jsx as e, jsxs as o, Fragment as c } from "@emotion/react/jsx-runtime";
 import { getColorVar as u } from "@janbox/storefront-ui/theme";
 import { renderToString as p } from "react-dom/server";
-import { C as s, G as h, a, H as d, P as t, B as x, I as g, A as f, b as r, c as i, d as n } from "./countdown-timer.node-OmDiT-pz.js";
+import { C as s, G as h, a, H as d, P as t, B as x, I as g, A as f, M as T, b as y, c as n, d as r, e as i } from "./countdown-timer.node-CZrTzirS.js";
 import "@craftjs/core";
 import "lodash-es";
 import "react";
-import "clsx";
-import "tailwind-merge";
-import { M as T, P as y } from "./dialog-header-DPLOS7TT.js";
 import "flat";
 import "@janbox/storefront-ui";
-import "@janbox/storefront-ui/hooks";
 import "@janbox/storefront-ui/utils";
+import "@janbox/storefront-ui/hooks";
+import "@emotion/react";
 import "@floating-ui/react";
 import "react-use";
 import "react-colorful";
@@ -20,13 +18,11 @@ import "@tanstack/react-virtual";
 import "react-dropzone";
 import "react-datepicker/dist/react-datepicker.css";
 import "react-datepicker";
-import "./color-picker-popover-B3AVFuei.js";
 import "@tiptap/extension-text-style";
 import "@tiptap/react";
 import "@tiptap/react/menus";
 import "@tiptap/starter-kit";
 import "react-frame-component";
-import "@emotion/react";
 import "@hello-pangea/dnd";
 import "usehooks-ts";
 const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -37,7 +33,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
 <path d="M19.0029 8.97259C20.3915 10.3612 20.3915 12.6121 19.0029 14.0007C17.6143 15.3893 15.3634 15.3893 13.9748 14.0007C12.5862 12.6121 12.5862 10.3612 13.9748 8.97259C15.3634 7.58401 17.6143 7.58401 19.0029 8.97259" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M21.0037 16.0018L19.0029 14.001L21.0037 16.0018Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
-`, Y = {
+`, $ = {
   name: "Hero",
   icon: { source: m },
   templates: [
@@ -137,7 +133,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
       ) })
     }
   ]
-}, ee = {
+}, J = {
   name: "FAQs",
   icon: { source: m },
   templates: [
@@ -194,8 +190,8 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
               }
             },
             children: [
-              /* @__PURE__ */ o(r, { defaultOpen: !0, children: [
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+              /* @__PURE__ */ o(n, { defaultOpen: !0, children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
                   t,
                   {
                     sizeVariant: "base",
@@ -204,7 +200,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
                   t,
                   {
                     dangerouslySetInnerHTML: {
@@ -213,8 +209,8 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ o(r, { children: [
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+              /* @__PURE__ */ o(n, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
                   t,
                   {
                     sizeVariant: "base",
@@ -223,7 +219,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
                   t,
                   {
                     dangerouslySetInnerHTML: {
@@ -232,8 +228,8 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ o(r, { children: [
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+              /* @__PURE__ */ o(n, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
                   t,
                   {
                     sizeVariant: "base",
@@ -242,7 +238,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
                   t,
                   {
                     dangerouslySetInnerHTML: {
@@ -251,8 +247,8 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ o(r, { children: [
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+              /* @__PURE__ */ o(n, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
                   t,
                   {
                     sizeVariant: "base",
@@ -261,7 +257,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
                   t,
                   {
                     dangerouslySetInnerHTML: {
@@ -270,8 +266,8 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ o(r, { children: [
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+              /* @__PURE__ */ o(n, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
                   t,
                   {
                     sizeVariant: "base",
@@ -280,7 +276,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
                   t,
                   {
                     dangerouslySetInnerHTML: {
@@ -289,8 +285,8 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ o(r, { children: [
-                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+              /* @__PURE__ */ o(n, { children: [
+                /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
                   t,
                   {
                     sizeVariant: "base",
@@ -299,7 +295,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
                     }
                   }
                 ) }),
-                /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
                   t,
                   {
                     dangerouslySetInnerHTML: {
@@ -331,7 +327,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
     image: "https://ucarecdn.com/8a7a086c-1ef5-43a9-a036-daaf1f15a9f1/-/format/auto/",
     title: "Secure Online Payment"
   }
-], te = {
+], K = {
   name: "Guarantee",
   icon: { source: m },
   templates: [
@@ -427,7 +423,7 @@ const m = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
   ]
 };
 export {
-  ee as FAQS_SECTION_GROUP,
-  te as GUARANTEE_SECTION_GROUP,
-  Y as HERO_SECTION_GROUP
+  J as FAQS_SECTION_GROUP,
+  K as GUARANTEE_SECTION_GROUP,
+  $ as HERO_SECTION_GROUP
 };

package/dist/theme/index.d.ts

@@ -0,0 +1,293 @@
+export declare const palette: {
+    readonly light: "#f9f9f9";
+    readonly primary: {
+        readonly '1s': "#f0f5ff";
+        readonly '2s': "#d6e4ff";
+        readonly '3s': "#adc6ff";
+        readonly '4s': "#85a5ff";
+        readonly '5s': "#597ef7";
+        readonly '6s': "#1d39c4";
+        readonly '7s': "#10239e";
+    };
+    readonly red: {
+        readonly '1s': "#fff1f0";
+        readonly '2s': "#ffccc7";
+        readonly '3s': "#ffa39e";
+        readonly '4s': "#ff7875";
+        readonly '5s': "#ff4d4f";
+        readonly '6s': "#f5222d";
+        readonly '7s': "#cf1322";
+    };
+    readonly orange: {
+        readonly '1s': "#fff7e6";
+        readonly '2s': "#ffe7ba";
+        readonly '3s': "#ffd591";
+        readonly '4s': "#ffc069";
+        readonly '5s': "#ffa940";
+        readonly '6s': "#fa8c16";
+        readonly '7s': "#d46b08";
+    };
+    readonly yellow: {
+        readonly '1s': "#feffe6";
+        readonly '2s': "#ffffb8";
+        readonly '3s': "#fffb8f";
+        readonly '4s': "#fff566";
+        readonly '5s': "#ffec3d";
+        readonly '6s': "#fadb14";
+        readonly '7s': "#e7c801";
+    };
+    readonly green: {
+        readonly '1s': "#f6ffed";
+        readonly '2s': "#d9f7be";
+        readonly '3s': "#b7eb8f";
+        readonly '4s': "#95de64";
+        readonly '5s': "#73d13d";
+        readonly '6s': "#389e0d";
+        readonly '7s': "#237804";
+    };
+    readonly blue: {
+        readonly '1s': "#e6f3ff";
+        readonly '2s': "#b3d7ff";
+        readonly '3s': "#8abeff";
+        readonly '4s': "#61a3ff";
+        readonly '5s': "#3884ff";
+        readonly '6s': "#0f62fe";
+        readonly '7s': "#0958d9";
+    };
+    readonly violet: {
+        readonly '1s': "#f9f0ff";
+        readonly '2s': "#efdbff";
+        readonly '3s': "#d3adf7";
+        readonly '4s': "#b37feb";
+        readonly '5s': "#9254de";
+        readonly '6s': "#722ed1";
+        readonly '7s': "#531dab";
+    };
+    readonly ink: {
+        readonly '1s': "#f2f2f2";
+        readonly '2s': "#dddddd";
+        readonly '3s': "#cccccc";
+        readonly '4s': "#999999";
+        readonly '5s': "#666666";
+        readonly '6s': "#333333";
+    };
+    readonly white: {
+        readonly '1s': "rgba(255, 255, 255, 0.1)";
+        readonly '2s': "rgba(255, 255, 255, 0.2)";
+        readonly '3s': "rgba(255, 255, 255, 0.4)";
+        readonly '4s': "rgba(255, 255, 255, 0.6)";
+        readonly '5s': "rgba(255, 255, 255, 0.8)";
+        readonly '6s': "rgba(255, 255, 255, 1)";
+    };
+    readonly black: {
+        readonly '1s': "rgba(51, 51, 51, 0.08)";
+        readonly '2s': "rgba(51, 51, 51, 0.2)";
+        readonly '3s': "rgba(51, 51, 51, 0.4)";
+        readonly '4s': "rgba(51, 51, 51, 0.6)";
+        readonly '5s': "rgba(51, 51, 51, 0.8)";
+        readonly '7s': "rgba(0, 0, 0, 0.15)";
+    };
+};
+export declare const text: {
+    readonly xs: {
+        readonly fontSize: "0.75rem";
+        readonly lineHeight: "1rem";
+    };
+    readonly sm: {
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "1.25rem";
+    };
+    readonly base: {
+        readonly fontSize: "1rem";
+        readonly lineHeight: "1.5rem";
+    };
+    readonly lg: {
+        readonly fontSize: "1.125rem";
+        readonly lineHeight: "1.75rem";
+    };
+    readonly xl: {
+        readonly fontSize: "1.25rem";
+        readonly lineHeight: "1.75rem";
+    };
+    readonly '2xl': {
+        readonly fontSize: "1.5rem";
+        readonly lineHeight: "2rem";
+    };
+    readonly '3xl': {
+        readonly fontSize: "1.875rem";
+        readonly lineHeight: "2.25rem";
+    };
+    readonly '4xl': {
+        readonly fontSize: "2.25rem";
+        readonly lineHeight: "2.5rem";
+    };
+    readonly '5xl': {
+        readonly fontSize: "3rem";
+        readonly lineHeight: "1";
+    };
+    readonly '6xl': {
+        readonly fontSize: "3.75rem";
+        readonly lineHeight: "1";
+    };
+    readonly '7xl': {
+        readonly fontSize: "4.5rem";
+        readonly lineHeight: "1";
+    };
+    readonly '8xl': {
+        readonly fontSize: "6rem";
+        readonly lineHeight: "1";
+    };
+    readonly '9xl': {
+        readonly fontSize: "8rem";
+        readonly lineHeight: "1";
+    };
+};
+export type Text = typeof text;
+export type Palette = typeof palette;
+export declare const theme: {
+    readonly palette: {
+        readonly light: "#f9f9f9";
+        readonly primary: {
+            readonly '1s': "#f0f5ff";
+            readonly '2s': "#d6e4ff";
+            readonly '3s': "#adc6ff";
+            readonly '4s': "#85a5ff";
+            readonly '5s': "#597ef7";
+            readonly '6s': "#1d39c4";
+            readonly '7s': "#10239e";
+        };
+        readonly red: {
+            readonly '1s': "#fff1f0";
+            readonly '2s': "#ffccc7";
+            readonly '3s': "#ffa39e";
+            readonly '4s': "#ff7875";
+            readonly '5s': "#ff4d4f";
+            readonly '6s': "#f5222d";
+            readonly '7s': "#cf1322";
+        };
+        readonly orange: {
+            readonly '1s': "#fff7e6";
+            readonly '2s': "#ffe7ba";
+            readonly '3s': "#ffd591";
+            readonly '4s': "#ffc069";
+            readonly '5s': "#ffa940";
+            readonly '6s': "#fa8c16";
+            readonly '7s': "#d46b08";
+        };
+        readonly yellow: {
+            readonly '1s': "#feffe6";
+            readonly '2s': "#ffffb8";
+            readonly '3s': "#fffb8f";
+            readonly '4s': "#fff566";
+            readonly '5s': "#ffec3d";
+            readonly '6s': "#fadb14";
+            readonly '7s': "#e7c801";
+        };
+        readonly green: {
+            readonly '1s': "#f6ffed";
+            readonly '2s': "#d9f7be";
+            readonly '3s': "#b7eb8f";
+            readonly '4s': "#95de64";
+            readonly '5s': "#73d13d";
+            readonly '6s': "#389e0d";
+            readonly '7s': "#237804";
+        };
+        readonly blue: {
+            readonly '1s': "#e6f3ff";
+            readonly '2s': "#b3d7ff";
+            readonly '3s': "#8abeff";
+            readonly '4s': "#61a3ff";
+            readonly '5s': "#3884ff";
+            readonly '6s': "#0f62fe";
+            readonly '7s': "#0958d9";
+        };
+        readonly violet: {
+            readonly '1s': "#f9f0ff";
+            readonly '2s': "#efdbff";
+            readonly '3s': "#d3adf7";
+            readonly '4s': "#b37feb";
+            readonly '5s': "#9254de";
+            readonly '6s': "#722ed1";
+            readonly '7s': "#531dab";
+        };
+        readonly ink: {
+            readonly '1s': "#f2f2f2";
+            readonly '2s': "#dddddd";
+            readonly '3s': "#cccccc";
+            readonly '4s': "#999999";
+            readonly '5s': "#666666";
+            readonly '6s': "#333333";
+        };
+        readonly white: {
+            readonly '1s': "rgba(255, 255, 255, 0.1)";
+            readonly '2s': "rgba(255, 255, 255, 0.2)";
+            readonly '3s': "rgba(255, 255, 255, 0.4)";
+            readonly '4s': "rgba(255, 255, 255, 0.6)";
+            readonly '5s': "rgba(255, 255, 255, 0.8)";
+            readonly '6s': "rgba(255, 255, 255, 1)";
+        };
+        readonly black: {
+            readonly '1s': "rgba(51, 51, 51, 0.08)";
+            readonly '2s': "rgba(51, 51, 51, 0.2)";
+            readonly '3s': "rgba(51, 51, 51, 0.4)";
+            readonly '4s': "rgba(51, 51, 51, 0.6)";
+            readonly '5s': "rgba(51, 51, 51, 0.8)";
+            readonly '7s': "rgba(0, 0, 0, 0.15)";
+        };
+    };
+    readonly text: {
+        readonly xs: {
+            readonly fontSize: "0.75rem";
+            readonly lineHeight: "1rem";
+        };
+        readonly sm: {
+            readonly fontSize: "0.875rem";
+            readonly lineHeight: "1.25rem";
+        };
+        readonly base: {
+            readonly fontSize: "1rem";
+            readonly lineHeight: "1.5rem";
+        };
+        readonly lg: {
+            readonly fontSize: "1.125rem";
+            readonly lineHeight: "1.75rem";
+        };
+        readonly xl: {
+            readonly fontSize: "1.25rem";
+            readonly lineHeight: "1.75rem";
+        };
+        readonly '2xl': {
+            readonly fontSize: "1.5rem";
+            readonly lineHeight: "2rem";
+        };
+        readonly '3xl': {
+            readonly fontSize: "1.875rem";
+            readonly lineHeight: "2.25rem";
+        };
+        readonly '4xl': {
+            readonly fontSize: "2.25rem";
+            readonly lineHeight: "2.5rem";
+        };
+        readonly '5xl': {
+            readonly fontSize: "3rem";
+            readonly lineHeight: "1";
+        };
+        readonly '6xl': {
+            readonly fontSize: "3.75rem";
+            readonly lineHeight: "1";
+        };
+        readonly '7xl': {
+            readonly fontSize: "4.5rem";
+            readonly lineHeight: "1";
+        };
+        readonly '8xl': {
+            readonly fontSize: "6rem";
+            readonly lineHeight: "1";
+        };
+        readonly '9xl': {
+            readonly fontSize: "8rem";
+            readonly lineHeight: "1";
+        };
+    };
+};
+export type Theme = typeof theme;