@onside/install-widget 1.0.4 → 1.1.1

package/dist-lib/install-widget.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where([data-provider-widget-host]) *{all:revert}:where([data-provider-widget-host]){font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:inherit;--text-2xs: .6875rem;--text-2xs--line-height: 1rem}:where([data-provider-widget-host]) *,:where([data-provider-widget-host]) *:before,:where([data-provider-widget-host]) *:after{box-sizing:border-box;border:0 solid transparent}:where([data-provider-widget-host]) :is(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd){margin:0}:where([data-provider-widget-host]) :is(ul,ol){margin:0;padding:0;list-style:none}:where([data-provider-widget-host]) a{color:inherit;text-decoration:none}:where([data-provider-widget-host]) img,:where([data-provider-widget-host]) video,:where([data-provider-widget-host]) svg{display:block;max-width:100%;height:auto}:where([data-provider-widget-host]) table{border-collapse:collapse;border-spacing:0;width:100%}:where([data-provider-widget-host]) :is(input,textarea,select,button){font:inherit;color:inherit;background:transparent;border-radius:0;outline:none}:where([data-provider-widget-host]) :is(button,[type=button],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button;background:none;border:none;cursor:pointer}:where([data-provider-widget-host]) :focus-visible{outline:2px solid currentColor;outline-offset:2px}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.shadow-14-50-98{box-shadow:9.42px 14.8px 39.02px #0e326214,37.67px 59.2px 71.3px #0e326212,86.1px 134.54px 95.52px #0e32620a,152.03px 238.13px 113.01px #0e326203,238.13px 371.32px 123.77px #0e326200}[data-provider-widget-host] .pointer-events-auto{pointer-events:auto}[data-provider-widget-host] .visible{visibility:visible}[data-provider-widget-host] .static{position:static}[data-provider-widget-host] .fixed{position:fixed}[data-provider-widget-host] .relative{position:relative}[data-provider-widget-host] .inset-0{inset:0}[data-provider-widget-host] .left-1\/2{left:50%}[data-provider-widget-host] .top-1\/2{top:50%}[data-provider-widget-host] .\!z-\[2147483647\]{z-index:2147483647!important}[data-provider-widget-host] .m-auto{margin:auto}[data-provider-widget-host] .mb-8{margin-bottom:2rem}[data-provider-widget-host] .ml-1{margin-left:.25rem}[data-provider-widget-host] .ml-auto{margin-left:auto}[data-provider-widget-host] .mr-auto{margin-right:auto}[data-provider-widget-host] .mt-10{margin-top:2.5rem}[data-provider-widget-host] .mt-2{margin-top:.5rem}[data-provider-widget-host] .mt-3{margin-top:.75rem}[data-provider-widget-host] .mt-4{margin-top:1rem}[data-provider-widget-host] .mt-5{margin-top:1.25rem}[data-provider-widget-host] .mt-6{margin-top:1.5rem}[data-provider-widget-host] .mt-8{margin-top:2rem}[data-provider-widget-host] .flex{display:flex}[data-provider-widget-host] .inline-flex{display:inline-flex}[data-provider-widget-host] .hidden{display:none}[data-provider-widget-host] .size-16{width:4rem;height:4rem}[data-provider-widget-host] .size-4{width:1rem;height:1rem}[data-provider-widget-host] .size-5{width:1.25rem;height:1.25rem}[data-provider-widget-host] .h-dvh{height:100dvh}[data-provider-widget-host] .h-full{height:100%}[data-provider-widget-host] .max-h-\[calc\(100dvh-8px\)\]{max-height:calc(100dvh - 8px)}[data-provider-widget-host] .min-h-0{min-height:0px}[data-provider-widget-host] .w-11\/12{width:91.666667%}[data-provider-widget-host] .w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}[data-provider-widget-host] .w-full{width:100%}[data-provider-widget-host] .min-w-\[206px\]{min-width:206px}[data-provider-widget-host] .max-w-\[85\%\]{max-width:85%}[data-provider-widget-host] .max-w-\[calc\(100dvw-8px\)\]{max-width:calc(100dvw - 8px)}[data-provider-widget-host] .max-w-lg{max-width:32rem}[data-provider-widget-host] .flex-1{flex:1 1 0%}[data-provider-widget-host] .flex-shrink-0{flex-shrink:0}[data-provider-widget-host] .grow{flex-grow:1}[data-provider-widget-host] .-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}[data-provider-widget-host] .animate-spin{animation:spin 1s linear infinite}[data-provider-widget-host] .list-decimal{list-style-type:decimal}[data-provider-widget-host] .flex-row{flex-direction:row}[data-provider-widget-host] .flex-col{flex-direction:column}[data-provider-widget-host] .flex-wrap{flex-wrap:wrap}[data-provider-widget-host] .items-center{align-items:center}[data-provider-widget-host] .justify-center{justify-content:center}[data-provider-widget-host] .justify-between{justify-content:space-between}[data-provider-widget-host] .gap-1{gap:.25rem}[data-provider-widget-host] .gap-12{gap:3rem}[data-provider-widget-host] .gap-2{gap:.5rem}[data-provider-widget-host] .gap-2\.5{gap:.625rem}[data-provider-widget-host] .gap-3{gap:.75rem}[data-provider-widget-host] .gap-5{gap:1.25rem}[data-provider-widget-host] .gap-6{gap:1.5rem}[data-provider-widget-host] .gap-\[6px\]{gap:6px}[data-provider-widget-host] .gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}[data-provider-widget-host] .gap-y-2{row-gap:.5rem}[data-provider-widget-host] .self-start{align-self:flex-start}[data-provider-widget-host] .overflow-hidden{overflow:hidden}[data-provider-widget-host] .overflow-y-auto{overflow-y:auto}[data-provider-widget-host] .overflow-x-scroll{overflow-x:scroll}[data-provider-widget-host] .whitespace-nowrap{white-space:nowrap}[data-provider-widget-host] .rounded-2xl{border-radius:1rem}[data-provider-widget-host] .rounded-3xl{border-radius:1.5rem}[data-provider-widget-host] .rounded-\[var\(--onside-btn-radius\,9999px\)\]{border-radius:var(--onside-btn-radius,9999px)}[data-provider-widget-host] .rounded-full{border-radius:9999px}[data-provider-widget-host] .rounded-xl{border-radius:.75rem}[data-provider-widget-host] .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}[data-provider-widget-host] .rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}[data-provider-widget-host] .border{border-width:1px}[data-provider-widget-host] .border-8{border-width:8px}[data-provider-widget-host] .border-b-0{border-bottom-width:0px}[data-provider-widget-host] .border-\[\#e2eaf8\]{--tw-border-opacity: 1;border-color:rgb(226 234 248 / var(--tw-border-opacity, 1))}[data-provider-widget-host] .border-blue{--tw-border-opacity: 1;border-color:rgb(10 94 255 / var(--tw-border-opacity, 1))}[data-provider-widget-host] .border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}[data-provider-widget-host] .\!bg-lightGray{--tw-bg-opacity: 1 !important;background-color:rgb(245 246 247 / var(--tw-bg-opacity, 1))!important}[data-provider-widget-host] .bg-\[\#e2eaf8\]{--tw-bg-opacity: 1;background-color:rgb(226 234 248 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .bg-\[var\(--onside-btn-bg\,\#0A5EFF\)\]{background-color:var(--onside-btn-bg,#0A5EFF)}[data-provider-widget-host] .bg-black{--tw-bg-opacity: 1;background-color:rgb(30 28 31 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .bg-black\/50{background-color:#1e1c1f80}[data-provider-widget-host] .bg-lightGray{--tw-bg-opacity: 1;background-color:rgb(245 246 247 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .stroke-blue{stroke:#0a5eff}[data-provider-widget-host] .object-contain{-o-object-fit:contain;object-fit:contain}[data-provider-widget-host] .object-top{-o-object-position:top;object-position:top}[data-provider-widget-host] .\!p-\[10px\]{padding:10px!important}[data-provider-widget-host] .p-4{padding:1rem}[data-provider-widget-host] .p-6{padding:1.5rem}[data-provider-widget-host] .p-\[10px\]{padding:10px}[data-provider-widget-host] .\!px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}[data-provider-widget-host] .\!py-0{padding-top:0!important;padding-bottom:0!important}[data-provider-widget-host] .px-1\.5{padding-left:.375rem;padding-right:.375rem}[data-provider-widget-host] .px-10{padding-left:2.5rem;padding-right:2.5rem}[data-provider-widget-host] .px-2{padding-left:.5rem;padding-right:.5rem}[data-provider-widget-host] .px-4{padding-left:1rem;padding-right:1rem}[data-provider-widget-host] .px-7{padding-left:1.75rem;padding-right:1.75rem}[data-provider-widget-host] .px-8{padding-left:2rem;padding-right:2rem}[data-provider-widget-host] .px-\[var\(--onside-btn-px\,1\.25rem\)\]{padding-left:var(--onside-btn-px,1.25rem);padding-right:var(--onside-btn-px,1.25rem)}[data-provider-widget-host] .px-\[var\(--onside-btn-px\,2rem\)\]{padding-left:var(--onside-btn-px,2rem);padding-right:var(--onside-btn-px,2rem)}[data-provider-widget-host] .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}[data-provider-widget-host] .py-3{padding-top:.75rem;padding-bottom:.75rem}[data-provider-widget-host] .py-4{padding-top:1rem;padding-bottom:1rem}[data-provider-widget-host] .py-5{padding-top:1.25rem;padding-bottom:1.25rem}[data-provider-widget-host] .py-\[var\(--onside-btn-py\,0\.75rem\)\]{padding-top:var(--onside-btn-py,.75rem);padding-bottom:var(--onside-btn-py,.75rem)}[data-provider-widget-host] .py-\[var\(--onside-btn-py\,1rem\)\]{padding-top:var(--onside-btn-py,1rem);padding-bottom:var(--onside-btn-py,1rem)}[data-provider-widget-host] .ps-6{padding-inline-start:1.5rem}[data-provider-widget-host] .pt-7{padding-top:1.75rem}[data-provider-widget-host] .text-center{text-align:center}[data-provider-widget-host] .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[data-provider-widget-host] .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}[data-provider-widget-host] .font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}[data-provider-widget-host] .text-2xl{font-size:1.5rem;line-height:2rem}[data-provider-widget-host] .text-3xl{font-size:1.875rem;line-height:2.25rem}[data-provider-widget-host] .text-5xl{font-size:3rem;line-height:1}[data-provider-widget-host] .text-\[length\:var\(--onside-btn-font-size\,1\.125rem\)\]{font-size:var(--onside-btn-font-size,1.125rem)}[data-provider-widget-host] .text-\[length\:var\(--onside-btn-font-size\,1rem\)\]{font-size:var(--onside-btn-font-size,1rem)}[data-provider-widget-host] .text-base{font-size:1rem;line-height:1.5rem}[data-provider-widget-host] .text-lg{font-size:1.125rem;line-height:1.75rem}[data-provider-widget-host] .text-sm{font-size:.875rem;line-height:1.25rem}[data-provider-widget-host] .text-xl{font-size:1.25rem;line-height:1.75rem}[data-provider-widget-host] .text-xs{font-size:.75rem;line-height:1rem}[data-provider-widget-host] .\!font-medium{font-weight:500!important}[data-provider-widget-host] .font-bold{font-weight:700}[data-provider-widget-host] .font-medium{font-weight:500}[data-provider-widget-host] .font-normal{font-weight:400}[data-provider-widget-host] .\!leading-10{line-height:2.5rem!important}[data-provider-widget-host] .leading-7{line-height:1.75rem}[data-provider-widget-host] .leading-none{line-height:1}[data-provider-widget-host] .text-\[\#FF465D\]{--tw-text-opacity: 1;color:rgb(255 70 93 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .text-\[\#e2eaf8\]{--tw-text-opacity: 1;color:rgb(226 234 248 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .text-\[color\:var\(--onside-btn-text\,\#FFFFFF\)\]{color:var(--onside-btn-text,#FFFFFF)}[data-provider-widget-host] .text-black{--tw-text-opacity: 1;color:rgb(30 28 31 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .text-black\/60{color:#1e1c1f99}[data-provider-widget-host] .text-blue{--tw-text-opacity: 1;color:rgb(10 94 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .text-tertiary{color:#1e1c1f99}[data-provider-widget-host] .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .opacity-0{opacity:0}[data-provider-widget-host] .opacity-100{opacity:1}[data-provider-widget-host] .opacity-60{opacity:.6}[data-provider-widget-host] .outline-none{outline:2px solid transparent;outline-offset:2px}[data-provider-widget-host] .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-provider-widget-host] .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}[data-provider-widget-host] .backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}[data-provider-widget-host] .transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-provider-widget-host] .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-provider-widget-host] .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-provider-widget-host] .duration-300{transition-duration:.3s}@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))}}[data-provider-widget-host] .duration-300{animation-duration:.3s}[data-provider-widget-host] .paused{animation-play-state:paused}[data-provider-widget-host] :is([data-provider-widget-host] .text-2xs){font-size:var(--text-2xs);line-height:var(--text-2xs--line-height)}[data-provider-widget-host] .\[color\:var\(--onside-caption-color\,rgba\(30\,28\,31\,0\.6\)\)\]{color:var(--onside-caption-color,rgba(30,28,31,.6))}[data-provider-widget-host] .\[font-size\:var\(--onside-caption-size\,var\(--text-2xs\)\)\]{font-size:var(--onside-caption-size,var(--text-2xs))}[data-provider-widget-host] .\[line-height\:var\(--onside-caption-line-height\,var\(--text-2xs--line-height\)\)\]{line-height:var(--onside-caption-line-height,var(--text-2xs--line-height))}[data-provider-widget-host].scroll-lock:has(dialog[open]){overflow:hidden}[data-provider-widget-host] .before\:absolute:before{content:var(--tw-content);position:absolute}[data-provider-widget-host] .before\:-top-1:before{content:var(--tw-content);top:-.25rem}[data-provider-widget-host] .before\:left-1\/2:before{content:var(--tw-content);left:50%}[data-provider-widget-host] .before\:block:before{content:var(--tw-content);display:block}[data-provider-widget-host] .before\:size-2:before{content:var(--tw-content);width:.5rem;height:.5rem}[data-provider-widget-host] .before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[data-provider-widget-host] .before\:bg-black:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(30 28 31 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .hover\:bg-\[\#e2eaf8\]:hover{--tw-bg-opacity: 1;background-color:rgb(226 234 248 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .hover\:bg-\[var\(--onside-btn-bg-hover\,\#337AFF\)\]:hover{background-color:var(--onside-btn-bg-hover,#337AFF)}[data-provider-widget-host] .hover\:bg-blue:hover{--tw-bg-opacity: 1;background-color:rgb(10 94 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .hover\:text-blue:hover{--tw-text-opacity: 1;color:rgb(10 94 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .hover\:underline:hover{text-decoration-line:underline}[data-provider-widget-host] .hover\:opacity-60:hover{opacity:.6}[data-provider-widget-host] .hover\:opacity-75:hover{opacity:.75}[data-provider-widget-host] .hover\:opacity-90:hover{opacity:.9}[data-provider-widget-host] .focus\:bg-\[\#e2eaf8\]:focus{--tw-bg-opacity: 1;background-color:rgb(226 234 248 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .focus\:bg-\[var\(--onside-btn-bg\,\#0A5EFF\)\]:focus{background-color:var(--onside-btn-bg,#0A5EFF)}[data-provider-widget-host] .focus\:bg-blue:focus{--tw-bg-opacity: 1;background-color:rgb(10 94 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}[data-provider-widget-host] .focus\:text-blue:focus{--tw-text-opacity: 1;color:rgb(10 94 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .focus\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-provider-widget-host] .focus\:underline:focus{text-decoration-line:underline}[data-provider-widget-host] .focus\:opacity-100:focus{opacity:1}[data-provider-widget-host] .disabled\:bg-\[var\(--onside-btn-disabled-bg\,rgba\(10\,94\,255\,0\.2\)\)\]:disabled{background-color:var(--onside-btn-disabled-bg,rgba(10,94,255,.2))}[data-provider-widget-host] .disabled\:opacity-50:disabled{opacity:.5}[data-provider-widget-host] .data-\[state\=open\]\: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-provider-widget-host] .data-\[state\=closed\]\:animate-out[data-state=closed]{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-provider-widget-host] .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}[data-provider-widget-host] .data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}[data-provider-widget-host] .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}[data-provider-widget-host] .data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}[data-provider-widget-host] .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}[data-provider-widget-host] .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}[data-provider-widget-host] .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}[data-provider-widget-host] .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}
+@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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:var(--font-geist),ui-sans-serif,system-ui,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif;--font-serif:var(--font-tiktok),ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-black:#1e1c1f;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-xs:.125rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-blue:#0a5eff;--color-buttonDisabled:#0a5eff33;--color-buttonHover:#337aff;--color-error:#ea001b;--color-lightGray:#f5f5f7;--color-surface15:#fafafc;--color-tertiary:#1e1c1f99;--font-geist:"Geist";--font-geist-mono:"Geist Mono";--font-tiktok:"TikTok Sans";--text-2xs:.6875rem;--text-2xs--line-height:1rem;--tango-gradient:linear-gradient(94deg,#ff465d .27%,#f711ba 77.9%)}}@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(--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(--default-font-feature-settings,normal);font-variation-settings:var(--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(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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{.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-1\/2{left:50%}.\!z-\[2147483647\]{z-index:2147483647!important}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-10\!{margin-top:calc(var(--spacing)*10)!important}.mr-auto{margin-right:auto}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[calc\(100dvh-8px\)\]{max-height:calc(100dvh - 8px)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[100dvh\]{min-height:100dvh}.w-11\/12{width:91.6667%}.w-\[calc\(100\%-8px\)\]{width:calc(100% - 8px)}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.max-w-\[calc\(100dvw-8px\)\]{max-width:calc(100dvw - 8px)}.max-w-lg{max-width:var(--container-lg)}.min-w-\[206px\]{min-width:206px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.list-decimal{list-style-type:decimal}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}.gap-\[6px\]{gap:6px}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.border{border-style:var(--tw-border-style);border-width:1px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-\[\#e2eaf8\]{border-color:#e2eaf8}.border-blue{border-color:var(--color-blue)}.border-white{border-color:var(--color-white)}.\!bg-lightGray{background-color:var(--color-lightGray)!important}.bg-\[\#e2eaf8\]{background-color:#e2eaf8}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#1e1c1f80}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue{background-color:var(--color-blue)}.bg-buttonHover\!{background-color:var(--color-buttonHover)!important}.bg-lightGray{background-color:var(--color-lightGray)}.bg-surface15{background-color:var(--color-surface15)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.stroke-blue{stroke:var(--color-blue)}.object-contain{object-fit:contain}.object-top{object-position:top}.\!p-\[10px\]{padding:10px!important}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[10px\]{padding:10px}.\!px-1\.5{padding-inline:calc(var(--spacing)*1.5)!important}.px-0\!{padding-inline:calc(var(--spacing)*0)!important}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.\!py-0{padding-block:calc(var(--spacing)*0)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.pt-7{padding-top:calc(var(--spacing)*7)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono);letter-spacing:.072em;text-transform:uppercase}.font-sans{font-family:var(--font-sans);letter-spacing:-.016em}.font-serif{font-family:var(--font-serif);letter-spacing:-.045em}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{line-height:var(--text-2xs--line-height);font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!leading-10{--tw-leading:calc(var(--spacing)*10)!important;line-height:calc(var(--spacing)*10)!important}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-none{--tw-leading:1;line-height:1}.leading-none\!{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-\[\#FF465D\]{color:#ff465d}.text-\[\#e2eaf8\]{color:#e2eaf8}.text-black{color:var(--color-black)}.text-black\/60{color:#1e1c1f99}@supports (color:color-mix(in lab,red,red)){.text-black\/60{color:color-mix(in oklab,var(--color-black)60%,transparent)}}.text-blue{color:var(--color-blue)}.text-error{color:var(--color-error)}.text-tertiary{color:var(--color-tertiary)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-14-50-98{box-shadow:9.42px 14.8px 39.02px #0e326214,37.67px 59.2px 71.3px #0e326212,86.1px 134.54px 95.52px #0e32620a,152.03px 238.13px 113.01px #0e326203,238.13px 371.32px 123.77px #0e326200}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.\[bundle\:check\]{bundle:check}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.paused{animation-play-state:paused}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-top-1:before{content:var(--tw-content);top:calc(var(--spacing)*-1)}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:block:before{content:var(--tw-content);display:block}.before\:size-2:before{content:var(--tw-content);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:rotate-45:before{content:var(--tw-content);rotate:45deg}.before\:rounded-xs:before{content:var(--tw-content);border-radius:var(--radius-xs)}.before\:bg-black:before{content:var(--tw-content);background-color:var(--color-black)}@media(hover:hover){.hover\:bg-\[\#e2eaf8\]:hover{background-color:#e2eaf8}.hover\:bg-blue:hover{background-color:var(--color-blue)}.hover\:bg-buttonHover:hover{background-color:var(--color-buttonHover)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-blue:hover{color:var(--color-blue)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-90:hover{opacity:.9}}.focus\:bg-\[\#e2eaf8\]:focus{background-color:#e2eaf8}.focus\:bg-blue:focus{background-color:var(--color-blue)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:text-blue:focus{color:var(--color-blue)}.focus\:text-white:focus{color:var(--color-white)}.focus\:underline:focus{text-decoration-line:underline}.focus\:opacity-100:focus{opacity:1}.disabled\:bg-buttonDisabled:disabled{background-color:var(--color-buttonDisabled)}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media(min-width:40rem){.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.tango-gradient-text{background-image:var(--tango-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.tango-gradient-bg{background-image:var(--tango-gradient)}.tango-gradient-border{background:linear-gradient(#fff,#fff)padding-box,var(--tango-gradient)border-box;border:1px solid #0000}}button{cursor:pointer}@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))}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}

package/dist-lib/useInstallUrl-McaAuMPK.js

@@ -0,0 +1,65 @@
+import { useEffect as c } from "react";
+import { create as u } from "zustand";
+import { g as i } from "./installUrlService-CrJfYPwM.js";
+const f = !0, S = 1e3, m = (t) => new Promise((s) => setTimeout(s, t)), d = async (t, s) => {
+  let e = null;
+  for (let r = 0; r < s.attempts; r++)
+    try {
+      return await t();
+    } catch (n) {
+      e = n, r < s.attempts - 1 && await m(s.delayMs(r));
+    }
+  throw e ?? new Error("Unknown retry error");
+}, p = (t) => !!(t?.exp && Date.now() < t.exp), E = 3, w = (t) => Math.min(1e3 * 2 ** t, 3e4), l = {
+  status: "idle",
+  data: null,
+  error: null
+}, y = (t) => t instanceof Error ? t : new Error(String(t)), o = u((t, s) => ({
+  ...l,
+  fetchInstallUrl: async () => {
+    const e = s();
+    if (!p(e.data) && e.status !== "loading") {
+      t({ status: "loading", error: null });
+      try {
+        const r = await d(
+          () => i({
+            useMockResponse: !f
+          }),
+          {
+            attempts: E,
+            delayMs: w
+          }
+        );
+        t({
+          status: "success",
+          data: r,
+          error: null
+        });
+      } catch (r) {
+        t({
+          status: "error",
+          error: y(r)
+        });
+      }
+    }
+  },
+  reset: () => t(l)
+})), M = (t = !0) => {
+  const s = o((a) => a.status), e = o((a) => a.data), r = o((a) => a.error), n = o(
+    (a) => a.fetchInstallUrl
+  );
+  return c(() => {
+    t && n();
+  }, [t, n]), {
+    status: s,
+    data: e,
+    error: r,
+    fetchInstallUrl: n
+  };
+};
+export {
+  S,
+  o as a,
+  f as i,
+  M as u
+};

package/dist-lib/useInstallUrl-iPCPqYWB.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("react"),i=require("zustand"),d=require("./installUrlService-AjG03i8i.cjs"),c=!0,f=1e3,E=t=>new Promise(e=>setTimeout(e,t)),U=async(t,e)=>{let s=null;for(let r=0;r<e.attempts;r++)try{return await t()}catch(a){s=a,r<e.attempts-1&&await E(e.delayMs(r))}throw s??new Error("Unknown retry error")},S=t=>!!(t?.exp&&Date.now()<t.exp),w=3,y=t=>Math.min(1e3*2**t,3e4),l={status:"idle",data:null,error:null},I=t=>t instanceof Error?t:new Error(String(t)),o=i.create((t,e)=>({...l,fetchInstallUrl:async()=>{const s=e();if(!S(s.data)&&s.status!=="loading"){t({status:"loading",error:null});try{const r=await U(()=>d.getInstallUrl({useMockResponse:!c}),{attempts:w,delayMs:y});t({status:"success",data:r,error:null})}catch(r){t({status:"error",error:I(r)})}}},reset:()=>t(l)})),h=(t=!0)=>{const e=o(n=>n.status),s=o(n=>n.data),r=o(n=>n.error),a=o(n=>n.fetchInstallUrl);return u.useEffect(()=>{t&&a()},[t,a]),{status:e,data:s,error:r,fetchInstallUrl:a}};exports.SEC_MS=f;exports.isProduction=c;exports.useInstallUrl=h;exports.useInstallUrlStore=o;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onside/install-widget",
-  "version": "1.0.4",
+  "version": "1.1.1",
   "type": "module",
   "description": "Onside install button widget for partner landings",
   "keywords": [
@@ -14,6 +14,8 @@
   },
   "scripts": {
     "dev": "vite",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
     "sync:cdn-manifest": "node scripts/sync-cdn-manifest.mjs",
     "build": "tsc -b && vite build",
     "build:lib": "tsc -b && vite build --config vite.config.lib.ts",
@@ -61,13 +63,19 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.15",
     "zustand": "^5.0.11"
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
     "@eslint/js": "^9.39.2",
     "@playwright/test": "^1.58.2",
-    "@radix-ui/react-dialog": "^1.1.15",
+    "@storybook/addon-essentials": "^8.6.17",
+    "@storybook/addon-interactions": "^8.6.17",
+    "@storybook/react": "^8.6.17",
+    "@storybook/react-vite": "^8.6.17",
+    "@storybook/test": "^8.6.17",
+    "@tailwindcss/postcss": "^4.1.18",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^24.0.10",
@@ -75,7 +83,6 @@
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^5.1.4",
     "@vitest/coverage-v8": "^4.0.18",
-    "autoprefixer": "^10.4.21",
     "clsx": "^2.1.1",
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^5.2.0",
@@ -89,8 +96,9 @@
     "prettier-plugin-tailwindcss": "^0.6.13",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "storybook": "^8.6.17",
     "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.1.18",
     "tailwindcss-animate": "^1.0.7",
     "terser": "^5.46.0",
     "typescript": "^5.8.3",

package/dist-lib/AndroidPlatformModal-2Ykjo2V7.js

@@ -1,48 +0,0 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useCallback as s } from "react";
-import { B as d } from "./install-package-DowlG4hO.js";
-import { D as c } from "./Dialog-yEP-7Deb.js";
-import { trackModalEvent as m } from "./utils.js";
-const N = ({
-  open: t,
-  onClose: l
-}) => {
-  const n = "is_android", a = s(() => {
-    m(n, "click", "close"), l();
-  }, [l]), i = s(
-    (r) => {
-      r || a();
-    },
-    [a]
-  );
-  return /* @__PURE__ */ e(
-    c,
-    {
-      "aria-labelledby": n,
-      className: "outline-hidden",
-      isDisplayingMargins: !0,
-      open: t,
-      onOpenChange: i,
-      children: /* @__PURE__ */ o("div", { className: "flex h-full flex-col items-center justify-between text-center", children: [
-        /* @__PURE__ */ o("div", { className: "m-auto", children: [
-          /* @__PURE__ */ e("p", { className: "text-2xl font-bold", children: "Onside is for iPhone and iPad" }),
-          /* @__PURE__ */ e("p", { className: "mt-3 px-10 font-sans text-xs font-normal", children: "To install Onside, please use an iPhone or iPad." })
-        ] }),
-        /* @__PURE__ */ e(
-          d,
-          {
-            className: "mt-2 w-full",
-            onClick: a,
-            size: "lg",
-            type: "button",
-            variant: "secondary",
-            children: "Close"
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  N as AndroidPlatformModal
-};

package/dist-lib/AndroidPlatformModal-DTglyxUG.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),r=require("./install-package-B17QfMPy.cjs"),c=require("./Dialog-yZ9bWtK1.cjs"),d=require("./utils.cjs"),u=({open:t,onClose:s})=>{const a="is_android",l=n.useCallback(()=>{d.trackModalEvent(a,"click","close"),s()},[s]),i=n.useCallback(o=>{o||l()},[l]);return e.jsx(c.Dialog,{"aria-labelledby":a,className:"outline-hidden",isDisplayingMargins:!0,open:t,onOpenChange:i,children:e.jsxs("div",{className:"flex h-full flex-col items-center justify-between text-center",children:[e.jsxs("div",{className:"m-auto",children:[e.jsx("p",{className:"text-2xl font-bold",children:"Onside is for iPhone and iPad"}),e.jsx("p",{className:"mt-3 px-10 font-sans text-xs font-normal",children:"To install Onside, please use an iPhone or iPad."})]}),e.jsx(r.Button,{className:"mt-2 w-full",onClick:l,size:"lg",type:"button",variant:"secondary",children:"Close"})]})})};exports.AndroidPlatformModal=u;