.wd-samples-inline *,.wd-samples-inline :before,.wd-samples-inline :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: }.wd-samples-inline ::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: }.wd-samples-inline *,.wd-samples-inline :before,.wd-samples-inline :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}.wd-samples-inline :before,.wd-samples-inline :after{--tw-content: ""}.wd-samples-inline{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}.wd-samples-inline{margin:0}.wd-samples-inline hr{height:0;color:inherit;border-top-width:1px}.wd-samples-inline abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wd-samples-inline h1,.wd-samples-inline h2,.wd-samples-inline h3,.wd-samples-inline h4,.wd-samples-inline h5,.wd-samples-inline h6{font-size:inherit;font-weight:inherit}.wd-samples-inline a{color:inherit;text-decoration:inherit}.wd-samples-inline b,.wd-samples-inline strong{font-weight:bolder}.wd-samples-inline code,.wd-samples-inline kbd,.wd-samples-inline samp,.wd-samples-inline pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.wd-samples-inline small{font-size:80%}.wd-samples-inline sub,.wd-samples-inline sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wd-samples-inline sub{bottom:-.25em}.wd-samples-inline sup{top:-.5em}.wd-samples-inline table{text-indent:0;border-color:inherit;border-collapse:collapse}.wd-samples-inline button,.wd-samples-inline input,.wd-samples-inline optgroup,.wd-samples-inline select,.wd-samples-inline textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}.wd-samples-inline button,.wd-samples-inline select{text-transform:none}.wd-samples-inline button,.wd-samples-inline input:where([type=button]),.wd-samples-inline input:where([type=reset]),.wd-samples-inline input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.wd-samples-inline :-moz-focusring{outline:auto}.wd-samples-inline :-moz-ui-invalid{box-shadow:none}.wd-samples-inline progress{vertical-align:baseline}.wd-samples-inline ::-webkit-inner-spin-button,.wd-samples-inline ::-webkit-outer-spin-button{height:auto}.wd-samples-inline [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.wd-samples-inline ::-webkit-search-decoration{-webkit-appearance:none}.wd-samples-inline ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.wd-samples-inline summary{display:list-item}.wd-samples-inline blockquote,.wd-samples-inline dl,.wd-samples-inline dd,.wd-samples-inline h1,.wd-samples-inline h2,.wd-samples-inline h3,.wd-samples-inline h4,.wd-samples-inline h5,.wd-samples-inline h6,.wd-samples-inline hr,.wd-samples-inline figure,.wd-samples-inline p,.wd-samples-inline pre{margin:0}.wd-samples-inline fieldset{margin:0;padding:0}.wd-samples-inline legend{padding:0}.wd-samples-inline ol,.wd-samples-inline ul,.wd-samples-inline menu{list-style:none;margin:0;padding:0}.wd-samples-inline dialog{padding:0}.wd-samples-inline textarea{resize:vertical}.wd-samples-inline input::-moz-placeholder,.wd-samples-inline textarea::-moz-placeholder{opacity:1;color:#9ca3af}.wd-samples-inline input::placeholder,.wd-samples-inline textarea::placeholder{opacity:1;color:#9ca3af}.wd-samples-inline button,.wd-samples-inline [role=button]{cursor:pointer}.wd-samples-inline :disabled{cursor:default}.wd-samples-inline img,.wd-samples-inline svg,.wd-samples-inline video,.wd-samples-inline canvas,.wd-samples-inline audio,.wd-samples-inline iframe,.wd-samples-inline embed,.wd-samples-inline object{display:block;vertical-align:middle}.wd-samples-inline img,.wd-samples-inline video{max-width:100%;height:auto}.wd-samples-inline [hidden]:where(:not([hidden=until-found])){display:none}.wd-samples-inline .container{width:100%}@media(min-width:640px){.wd-samples-inline .container{max-width:640px}}@media(min-width:768px){.wd-samples-inline .container{max-width:768px}}@media(min-width:1024px){.wd-samples-inline .container{max-width:1024px}}@media(min-width:1280px){.wd-samples-inline .container{max-width:1280px}}@media(min-width:1536px){.wd-samples-inline .container{max-width:1536px}}.wd-samples-inline .pointer-events-none{pointer-events:none}.wd-samples-inline .pointer-events-auto{pointer-events:auto}.wd-samples-inline .invisible{visibility:hidden}.wd-samples-inline .static{position:static}.wd-samples-inline .fixed{position:fixed}.wd-samples-inline .absolute{position:absolute}.wd-samples-inline .relative{position:relative}.wd-samples-inline .sticky{position:sticky}.wd-samples-inline .inset-0{top:0;right:0;bottom:0;left:0}.wd-samples-inline .bottom-0{bottom:0}.wd-samples-inline .bottom-\[2\%\]{bottom:2%}.wd-samples-inline .bottom-\[5\%\]{bottom:5%}.wd-samples-inline .left-0{left:0}.wd-samples-inline .left-4{left:1rem}.wd-samples-inline .left-\[18\%\]{left:18%}.wd-samples-inline .left-\[2\%\]{left:2%}.wd-samples-inline .right-0{right:0}.wd-samples-inline .right-2{right:.5rem}.wd-samples-inline .right-\[18\%\]{right:18%}.wd-samples-inline .right-\[2\%\]{right:2%}.wd-samples-inline .top-0{top:0}.wd-samples-inline .top-1\/2{top:50%}.wd-samples-inline .top-4{top:1rem}.wd-samples-inline .isolate{isolation:isolate}.wd-samples-inline .z-0{z-index:0}.wd-samples-inline .z-10{z-index:10}.wd-samples-inline .z-30{z-index:30}.wd-samples-inline .z-50{z-index:50}.wd-samples-inline .z-\[100\]{z-index:100}.wd-samples-inline .z-\[200\]{z-index:200}.wd-samples-inline .z-\[9999\]{z-index:9999}.wd-samples-inline .mx-0{margin-left:0;margin-right:0}.wd-samples-inline .mx-auto{margin-left:auto;margin-right:auto}.wd-samples-inline .mb-1{margin-bottom:.25rem}.wd-samples-inline .mb-2{margin-bottom:.5rem}.wd-samples-inline .mb-3{margin-bottom:.75rem}.wd-samples-inline .mb-4{margin-bottom:1rem}.wd-samples-inline .mb-6{margin-bottom:1.5rem}.wd-samples-inline .ml-1{margin-left:.25rem}.wd-samples-inline .ml-2{margin-left:.5rem}.wd-samples-inline .ml-3{margin-left:.75rem}.wd-samples-inline .ml-4{margin-left:1rem}.wd-samples-inline .ml-auto{margin-left:auto}.wd-samples-inline .mr-2{margin-right:.5rem}.wd-samples-inline .mt-1{margin-top:.25rem}.wd-samples-inline .mt-12{margin-top:3rem}.wd-samples-inline .mt-2{margin-top:.5rem}.wd-samples-inline .mt-3{margin-top:.75rem}.wd-samples-inline .mt-4{margin-top:1rem}.wd-samples-inline .mt-5{margin-top:1.25rem}.wd-samples-inline .mt-8{margin-top:2rem}.wd-samples-inline .block{display:block}.wd-samples-inline .inline-block{display:inline-block}.wd-samples-inline .inline{display:inline}.wd-samples-inline .flex{display:flex}.wd-samples-inline .inline-flex{display:inline-flex}.wd-samples-inline .table{display:table}.wd-samples-inline .grid{display:grid}.wd-samples-inline .hidden{display:none}.wd-samples-inline .h-0{height:0px}.wd-samples-inline .h-10{height:2.5rem}.wd-samples-inline .h-12{height:3rem}.wd-samples-inline .h-14{height:3.5rem}.wd-samples-inline .h-16{height:4rem}.wd-samples-inline .h-2{height:.5rem}.wd-samples-inline .h-20{height:5rem}.wd-samples-inline .h-24{height:6rem}.wd-samples-inline .h-3{height:.75rem}.wd-samples-inline .h-32{height:8rem}.wd-samples-inline .h-4{height:1rem}.wd-samples-inline .h-5{height:1.25rem}.wd-samples-inline .h-6{height:1.5rem}.wd-samples-inline .h-8{height:2rem}.wd-samples-inline .h-\[480px\]{height:480px}.wd-samples-inline .h-auto{height:auto}.wd-samples-inline .h-full{height:100%}.wd-samples-inline .max-h-40{max-height:10rem}.wd-samples-inline .max-h-48{max-height:12rem}.wd-samples-inline .max-h-64{max-height:16rem}.wd-samples-inline .max-h-\[80vh\]{max-height:80vh}.wd-samples-inline .min-h-0{min-height:0px}.wd-samples-inline .min-h-screen{min-height:100vh}.wd-samples-inline .w-0{width:0px}.wd-samples-inline .w-10{width:2.5rem}.wd-samples-inline .w-12{width:3rem}.wd-samples-inline .w-14{width:3.5rem}.wd-samples-inline .w-16{width:4rem}.wd-samples-inline .w-2{width:.5rem}.wd-samples-inline .w-20{width:5rem}.wd-samples-inline .w-24{width:6rem}.wd-samples-inline .w-3{width:.75rem}.wd-samples-inline .w-32{width:8rem}.wd-samples-inline .w-4{width:1rem}.wd-samples-inline .w-5{width:1.25rem}.wd-samples-inline .w-6{width:1.5rem}.wd-samples-inline .w-64{width:16rem}.wd-samples-inline .w-8{width:2rem}.wd-samples-inline .w-96{width:24rem}.wd-samples-inline .w-\[600px\]{width:600px}.wd-samples-inline .w-\[90\%\]{width:90%}.wd-samples-inline .w-auto{width:auto}.wd-samples-inline .w-full{width:100%}.wd-samples-inline .min-w-0{min-width:0px}.wd-samples-inline .max-w-6xl{max-width:72rem}.wd-samples-inline .max-w-\[120px\]{max-width:120px}.wd-samples-inline .max-w-\[150px\]{max-width:150px}.wd-samples-inline .max-w-\[200px\]{max-width:200px}.wd-samples-inline .max-w-\[80\%\]{max-width:80%}.wd-samples-inline .max-w-md{max-width:28rem}.wd-samples-inline .max-w-none{max-width:none}.wd-samples-inline .max-w-sm{max-width:24rem}.wd-samples-inline .max-w-xl{max-width:36rem}.wd-samples-inline .max-w-xs{max-width:20rem}.wd-samples-inline .flex-1{flex:1 1 0%}.wd-samples-inline .flex-shrink-0{flex-shrink:0}.wd-samples-inline .shrink{flex-shrink:1}.wd-samples-inline .origin-center{transform-origin:center}.wd-samples-inline .-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))}.wd-samples-inline .scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;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))}.wd-samples-inline .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.wd-samples-inline .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.wd-samples-inline .animate-spin{animation:spin 1s linear infinite}.wd-samples-inline .cursor-not-allowed{cursor:not-allowed}.wd-samples-inline .cursor-pointer{cursor:pointer}.wd-samples-inline .resize{resize:both}.wd-samples-inline .list-inside{list-style-position:inside}.wd-samples-inline .list-disc{list-style-type:disc}.wd-samples-inline .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wd-samples-inline .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wd-samples-inline .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.wd-samples-inline .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.wd-samples-inline .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.wd-samples-inline .flex-col{flex-direction:column}.wd-samples-inline .flex-wrap{flex-wrap:wrap}.wd-samples-inline .items-start{align-items:flex-start}.wd-samples-inline .items-end{align-items:flex-end}.wd-samples-inline .items-center{align-items:center}.wd-samples-inline .items-baseline{align-items:baseline}.wd-samples-inline .justify-start{justify-content:flex-start}.wd-samples-inline .justify-end{justify-content:flex-end}.wd-samples-inline .justify-center{justify-content:center}.wd-samples-inline .justify-between{justify-content:space-between}.wd-samples-inline .gap-1{gap:.25rem}.wd-samples-inline .gap-2{gap:.5rem}.wd-samples-inline .gap-3{gap:.75rem}.wd-samples-inline .gap-4{gap:1rem}.wd-samples-inline .gap-6{gap:1.5rem}.wd-samples-inline .gap-8{gap:2rem}.wd-samples-inline .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.wd-samples-inline .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.wd-samples-inline .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.wd-samples-inline .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.wd-samples-inline .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.wd-samples-inline .space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.wd-samples-inline .overflow-hidden{overflow:hidden}.wd-samples-inline .overflow-visible{overflow:visible}.wd-samples-inline .overflow-x-auto{overflow-x:auto}.wd-samples-inline .overflow-y-auto{overflow-y:auto}.wd-samples-inline .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd-samples-inline .whitespace-nowrap{white-space:nowrap}.wd-samples-inline .whitespace-pre-wrap{white-space:pre-wrap}.wd-samples-inline .rounded{border-radius:.25rem}.wd-samples-inline .rounded-2xl{border-radius:1rem}.wd-samples-inline .rounded-3xl{border-radius:1.5rem}.wd-samples-inline .rounded-full{border-radius:9999px}.wd-samples-inline .rounded-lg{border-radius:.5rem}.wd-samples-inline .rounded-xl{border-radius:.75rem}.wd-samples-inline .border{border-width:1px}.wd-samples-inline .border-0{border-width:0px}.wd-samples-inline .border-2{border-width:2px}.wd-samples-inline .border-4{border-width:4px}.wd-samples-inline .border-b{border-bottom-width:1px}.wd-samples-inline .border-b-2{border-bottom-width:2px}.wd-samples-inline .border-l{border-left-width:1px}.wd-samples-inline .border-l-4{border-left-width:4px}.wd-samples-inline .border-t{border-top-width:1px}.wd-samples-inline .border-t-2{border-top-width:2px}.wd-samples-inline .border-\[var\(--wonderful-blue\)\]{border-color:var(--wonderful-blue)}.wd-samples-inline .border-\[var\(--wonderful-yellow\)\]{border-color:var(--wonderful-yellow)}.wd-samples-inline .border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-black\/80{border-color:#000c}.wd-samples-inline .border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-green-100{--tw-border-opacity: 1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-orange-400{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-yellow-600{--tw-border-opacity: 1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))}.wd-samples-inline .border-t-transparent{border-top-color:transparent}.wd-samples-inline .bg-\[\#f0f8ff\]{--tw-bg-opacity: 1;background-color:rgb(240 248 255 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-\[var\(--wonderful-blue\)\]{background-color:var(--wonderful-blue)}.wd-samples-inline .bg-\[var\(--wonderful-yellow\)\]{background-color:var(--wonderful-yellow)}.wd-samples-inline .bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-black\/40{background-color:#0006}.wd-samples-inline .bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-green-300{--tw-bg-opacity: 1;background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-green-700{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-green-800{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-purple-400{--tw-bg-opacity: 1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-transparent{background-color:transparent}.wd-samples-inline .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-white\/95{background-color:#fffffff2}.wd-samples-inline .bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-yellow-300{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-yellow-50\/50{background-color:#fefce880}.wd-samples-inline .bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-yellow-700{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.wd-samples-inline .bg-yellow-900{--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1))}.wd-samples-inline .object-contain{-o-object-fit:contain;object-fit:contain}.wd-samples-inline .p-0{padding:0}.wd-samples-inline .p-1{padding:.25rem}.wd-samples-inline .p-2{padding:.5rem}.wd-samples-inline .p-3{padding:.75rem}.wd-samples-inline .p-4{padding:1rem}.wd-samples-inline .p-6{padding:1.5rem}.wd-samples-inline .p-8{padding:2rem}.wd-samples-inline .px-1{padding-left:.25rem;padding-right:.25rem}.wd-samples-inline .px-2{padding-left:.5rem;padding-right:.5rem}.wd-samples-inline .px-3{padding-left:.75rem;padding-right:.75rem}.wd-samples-inline .px-4{padding-left:1rem;padding-right:1rem}.wd-samples-inline .px-5{padding-left:1.25rem;padding-right:1.25rem}.wd-samples-inline .px-6{padding-left:1.5rem;padding-right:1.5rem}.wd-samples-inline .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.wd-samples-inline .py-1{padding-top:.25rem;padding-bottom:.25rem}.wd-samples-inline .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.wd-samples-inline .py-12{padding-top:3rem;padding-bottom:3rem}.wd-samples-inline .py-2{padding-top:.5rem;padding-bottom:.5rem}.wd-samples-inline .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.wd-samples-inline .py-3{padding-top:.75rem;padding-bottom:.75rem}.wd-samples-inline .py-4{padding-top:1rem;padding-bottom:1rem}.wd-samples-inline .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.wd-samples-inline .py-8{padding-top:2rem;padding-bottom:2rem}.wd-samples-inline .pb-1{padding-bottom:.25rem}.wd-samples-inline .pb-3{padding-bottom:.75rem}.wd-samples-inline .pb-6{padding-bottom:1.5rem}.wd-samples-inline .pl-2{padding-left:.5rem}.wd-samples-inline .pl-4{padding-left:1rem}.wd-samples-inline .pr-3{padding-right:.75rem}.wd-samples-inline .pt-2{padding-top:.5rem}.wd-samples-inline .pt-3{padding-top:.75rem}.wd-samples-inline .pt-4{padding-top:1rem}.wd-samples-inline .pt-5{padding-top:1.25rem}.wd-samples-inline .text-left{text-align:left}.wd-samples-inline .text-center{text-align:center}.wd-samples-inline .text-right{text-align:right}.wd-samples-inline .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.wd-samples-inline .text-2xl{font-size:1.5rem;line-height:2rem}.wd-samples-inline .text-3xl{font-size:1.875rem;line-height:2.25rem}.wd-samples-inline .text-4xl{font-size:2.25rem;line-height:2.5rem}.wd-samples-inline .text-5xl{font-size:3rem;line-height:1}.wd-samples-inline .text-6xl{font-size:3.75rem;line-height:1}.wd-samples-inline .text-\[10px\]{font-size:10px}.wd-samples-inline .text-\[15px\]{font-size:15px}.wd-samples-inline .text-base{font-size:1rem;line-height:1.5rem}.wd-samples-inline .text-lg{font-size:1.125rem;line-height:1.75rem}.wd-samples-inline .text-sm{font-size:.875rem;line-height:1.25rem}.wd-samples-inline .text-xl{font-size:1.25rem;line-height:1.75rem}.wd-samples-inline .text-xs{font-size:.75rem;line-height:1rem}.wd-samples-inline .font-black{font-weight:900}.wd-samples-inline .font-bold{font-weight:700}.wd-samples-inline .font-medium{font-weight:500}.wd-samples-inline .font-normal{font-weight:400}.wd-samples-inline .font-semibold{font-weight:600}.wd-samples-inline .uppercase{text-transform:uppercase}.wd-samples-inline .capitalize{text-transform:capitalize}.wd-samples-inline .italic{font-style:italic}.wd-samples-inline .not-italic{font-style:normal}.wd-samples-inline .leading-relaxed{line-height:1.625}.wd-samples-inline .tracking-tight{letter-spacing:-.025em}.wd-samples-inline .tracking-wider{letter-spacing:.05em}.wd-samples-inline .text-\[var\(--wonderful-blue\)\]{color:var(--wonderful-blue)}.wd-samples-inline .text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-green-200{--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-green-600\/60{color:#16a34a99}.wd-samples-inline .text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.wd-samples-inline .text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.wd-samples-inline .underline{text-decoration-line:underline}.wd-samples-inline .underline-offset-4{text-underline-offset:4px}.wd-samples-inline .opacity-0{opacity:0}.wd-samples-inline .opacity-30{opacity:.3}.wd-samples-inline .opacity-75{opacity:.75}.wd-samples-inline .shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.wd-samples-inline .shadow-\[0_-2px_10px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 -2px 10px rgba(0,0,0,.1);--tw-shadow-colored: 0 -2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.wd-samples-inline .shadow-\[3px_3px_0px_0px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow: 3px 3px 0px 0px rgba(0,0,0,.8);--tw-shadow-colored: 3px 3px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.wd-samples-inline .shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.wd-samples-inline .shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.wd-samples-inline .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.wd-samples-inline .ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.wd-samples-inline .ring-\[var\(--wonderful-blue\)\]{--tw-ring-color: var(--wonderful-blue)}.wd-samples-inline .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)}.wd-samples-inline .drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.wd-samples-inline .drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));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)}.wd-samples-inline .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)}.wd-samples-inline .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)}.wd-samples-inline .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.wd-samples-inline .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}.wd-samples-inline .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.wd-samples-inline .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.wd-samples-inline .duration-150{transition-duration:.15s}.wd-samples-inline .duration-200{transition-duration:.2s}.wd-samples-inline .duration-300{transition-duration:.3s}.wd-samples-inline .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.wd-samples-inline .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.wd-samples-inline{--wonderful-gold: #D4A84B;--wonderful-yellow: #F7D547;--wonderful-blue: #57b6ff;--wonderful-dark: #1a1a1a}.wd-samples-inline *{box-sizing:border-box}body.wd-samples-public.wd-samples-dual-root .wd-samples-inline #root:empty{display:none!important;min-height:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}.wd-samples-inline #background-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.wd-samples-inline #chatbot-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;overflow:hidden;pointer-events:none}.wd-samples-inline #chatbot-root>*{pointer-events:auto}.wd-samples-inline{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:url(./samples--assets--bg--sky2.webp) top center/cover no-repeat #87ceeb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wd-samples-inline ::-webkit-scrollbar{width:6px}.wd-samples-inline ::-webkit-scrollbar-track{background:#f1f1f1}.wd-samples-inline ::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(200vw)}}@keyframes sunGlow{0%,to{filter:drop-shadow(0 0 30px rgba(255,220,100,.5)) drop-shadow(0 0 60px rgba(255,200,50,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 40px rgba(255,220,100,.6)) drop-shadow(0 0 80px rgba(255,200,50,.4));transform:scale(1.02)}}@keyframes sunRaysSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wd-samples-inline .character-shadow{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);width:92%;height:36px;border-radius:999px;background:radial-gradient(ellipse at center,#050505eb,#05050573 58%,#05050500 80%);filter:blur(2.6px);opacity:.82;pointer-events:none}.wd-samples-inline .character-shadow--marshmallow{bottom:75px;width:52%;height:18px;opacity:.84}.wd-samples-inline .character-shadow--chocolate{bottom:38px;width:52%;height:21px;opacity:.84}.wd-samples-inline .character-shadow--dentist{bottom:-1px;left:60%;width:92%;height:42px;opacity:.86}.wd-samples-inline .character-shadow--hygienist{bottom:9px;width:42%;height:31px;opacity:.82}@keyframes successEnter{0%{transform:scale(.3) rotate(-25deg) translate(-120vw,-80vh);opacity:0;filter:blur(5px)}40%{transform:scale(.8) rotate(-10deg) translate(-30vw,-10vh);opacity:.8;filter:blur(2px)}70%{transform:scale(1.2) rotate(5deg) translate(0);opacity:1;filter:blur(0px)}to{transform:scale(1.1) rotate(0) translate(0);opacity:1;filter:blur(0px)}}@keyframes successHold{0%,to{transform:scale(1.1) rotate(0) translate(0)}50%{transform:scale(1.15) rotate(2deg) translate(0)}}@keyframes successExit{0%{transform:scale(1.1) rotate(0) translate(0);opacity:1;filter:blur(0px)}30%{transform:scale(1.3) rotate(10deg) translate(20vw,-15vh);opacity:.9;filter:blur(1px)}60%{transform:scale(1.8) rotate(20deg) translate(60vw,-40vh);opacity:.6;filter:blur(3px)}to{transform:scale(2.5) rotate(25deg) translate(120vw,-80vh);opacity:0;filter:blur(10px)}}.wd-samples-inline .success-enter{animation:successEnter .8s cubic-bezier(.34,1.56,.64,1) forwards}.wd-samples-inline .success-hold{animation:successHold .5s ease-in-out;transform:scale(1.1)}.wd-samples-inline .success-exit{animation:successExit 1s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes sparkle1{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:1}to{transform:translate(-150px,-200px) scale(1.5);opacity:0}}@keyframes sparkle2{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:1}to{transform:translate(180px,-180px) scale(1.2);opacity:0}}@keyframes sparkle3{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:1}to{transform:translate(-120px,150px) scale(1.8);opacity:0}}@keyframes sparkle4{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:1}to{transform:translate(200px,100px) scale(1);opacity:0}}@keyframes sparkle5{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:1}to{transform:translateY(-250px) scale(1.3);opacity:0}}.wd-samples-inline .sparkle-1{animation:sparkle1 1.5s ease-out .3s forwards}.wd-samples-inline .sparkle-2{animation:sparkle2 1.4s ease-out .4s forwards}.wd-samples-inline .sparkle-3{animation:sparkle3 1.6s ease-out .35s forwards}.wd-samples-inline .sparkle-4{animation:sparkle4 1.3s ease-out .45s forwards}.wd-samples-inline .sparkle-5{animation:sparkle5 1.5s ease-out .25s forwards}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wd-samples-inline .message-enter{animation:messageSlideIn .25s ease-out}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.wd-samples-inline .typing-dot{animation:typingBounce 1.2s infinite}.wd-samples-inline .typing-dot:nth-child(2){animation-delay:.15s}.wd-samples-inline .typing-dot:nth-child(3){animation-delay:.3s}.wd-samples-inline .user-bubble{background:#caf0ff;color:#0c2030;border-radius:18px 18px 4px}.wd-samples-inline .assistant-bubble{background:#f0f0f0;color:#1a1a1a;border-radius:18px 18px 18px 4px}.wd-samples-inline .btn-primary{background:#00cbff;color:#0c2030;border:4px solid #010101;border-radius:24px;font-weight:700;transition:all .2s ease;cursor:pointer}.wd-samples-inline .btn-primary:hover:not(:disabled){background:#caf0ff;transform:scale(1.03);box-shadow:0 10px 24px #0000001f}.wd-samples-inline .btn-primary:disabled{opacity:.5;cursor:not-allowed}.wd-samples-inline .chat-input{background:#fff;border:1px solid #e0e0e0;border-radius:24px;color:#1a1a1a;font-size:16px;transition:border-color .2s}.wd-samples-inline .chat-input:focus{border-color:var(--wonderful-blue);outline:none;box-shadow:0 0 0 3px #4aaed926}.wd-samples-inline .chat-input::-moz-placeholder{color:#999}.wd-samples-inline .chat-input::placeholder{color:#999}.wd-samples-inline .product-card{background:#fff;border-radius:12px;border:1px solid #e0e0e0;transition:all .2s ease;color:#1a1a1a}.wd-samples-inline .product-card:hover{border-color:var(--wonderful-blue);box-shadow:0 4px 12px #0000001a}.wd-samples-inline .flavor-chip{border-radius:20px;font-weight:500;font-size:14px;transition:all .15s ease;cursor:pointer}.wd-samples-inline .flavor-chip-selected{background:var(--wonderful-yellow);color:#1a1a1a}.wd-samples-inline .flavor-chip-unselected{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.wd-samples-inline .flavor-chip-unselected:hover{background:#e8e8e8}.wd-samples-inline .chat-container{background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000026;overflow:hidden}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.wd-samples-inline .confetti-piece{position:fixed;width:10px;height:10px;border-radius:2px;animation:confettiFall 3s ease-out forwards;z-index:100;pointer-events:none}.wd-samples-inline .stage-glow{background:radial-gradient(ellipse 80% 50% at 50% 80%,rgba(212,168,75,.1) 0%,transparent 70%)}@keyframes grainShift{0%,to{transform:translate(0)}25%{transform:translate(-3%,-3%)}50%{transform:translate(3%,2%)}75%{transform:translate(-2%,3%)}}.wd-samples-inline .film-grain{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.45;mix-blend-mode:overlay;pointer-events:none;animation:grainShift 1s steps(4) infinite}.wd-samples-inline .scene-blur{filter:blur(1px)}@keyframes forceRepaint{0%,to{opacity:.9999}50%{opacity:1}}.wd-samples-inline .keep-painting{animation:forceRepaint .1s linear infinite}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.wd-samples-inline .animate-slide-up{animation:slideUp .3s ease-out forwards}.wd-samples-inline .hover\:translate-x-\[2px\]:hover{--tw-translate-x: 2px;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))}.wd-samples-inline .hover\:translate-y-\[2px\]:hover{--tw-translate-y: 2px;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))}.wd-samples-inline .hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.wd-samples-inline .hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;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))}.wd-samples-inline .hover\:border-black:hover{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.wd-samples-inline .hover\:bg-\[\#7dd3fc\]:hover{--tw-bg-opacity: 1;background-color:rgb(125 211 252 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-\[var\(--wonderful-blue\)\]:hover{background-color:var(--wonderful-blue)}.wd-samples-inline .hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-gray-900:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-yellow-300:hover{--tw-bg-opacity: 1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-yellow-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:bg-yellow-800:hover{--tw-bg-opacity: 1;background-color:rgb(133 77 14 / var(--tw-bg-opacity, 1))}.wd-samples-inline .hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.wd-samples-inline .hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.wd-samples-inline .hover\:text-green-900:hover{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.wd-samples-inline .hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.wd-samples-inline .hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.wd-samples-inline .hover\:text-yellow-900:hover{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.wd-samples-inline .hover\:underline:hover{text-decoration-line:underline}.wd-samples-inline .hover\:shadow-\[1px_1px_0px_0px_rgba\(0\,0\,0\,0\.8\)\]:hover{--tw-shadow: 1px 1px 0px 0px rgba(0,0,0,.8);--tw-shadow-colored: 1px 1px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.wd-samples-inline .hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.wd-samples-inline .focus\:border-\[var\(--wonderful-blue\)\]:focus{border-color:var(--wonderful-blue)}.wd-samples-inline .focus\:border-black:focus{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.wd-samples-inline .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.wd-samples-inline .active\:bg-gray-400:active{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.wd-samples-inline .active\:opacity-80:active{opacity:.8}.wd-samples-inline .disabled\:bg-red-300:disabled{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity, 1))}.wd-samples-inline .disabled\:opacity-40:disabled{opacity:.4}.wd-samples-inline .disabled\:opacity-50:disabled{opacity:.5}@media(min-width:768px){.wd-samples-inline .md\:w-80{width:20rem}.wd-samples-inline .md\:w-\[800px\]{width:800px}.wd-samples-inline .md\:items-center{align-items:center}.wd-samples-inline .md\:p-4{padding:1rem}}@media(min-width:1024px){.wd-samples-inline .lg\:block{display:block}.wd-samples-inline .lg\:w-96{width:24rem}.wd-samples-inline .lg\:w-\[1000px\]{width:1000px}}.wd-samples-inline .chat-container{max-height:100%!important}
/*# sourceMappingURL=/cdn/shop/t/315/assets/samples-experience-inline.css.map */