@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz@0,9..40;1,9..40&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,700;1,9..40,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap";@layer components;@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--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-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Inter",sans-serif;--default-mono-font-family:var(--font-mono);--color-ock-background-active:var(--ock-background-active);--color-ock-primary:var(--ock-primary)}}@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%;-moz-tab-size:4;-o-tab-size:4;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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--ock-radius-default:var(--radius-lg);--ock-radius-inner:var(--radius-md);--ock-font-family:"DM Sans",sans-serif;--ock-foreground:oklch(13% .028 261.692);--ock-foreground-muted:oklch(44.6% .03 256.802);--ock-foreground-inverse:oklch(98.5% .002 247.839);--ock-foreground-disabled:oklch(70.7% .022 261.325);--ock-background:oklch(98.5% .002 247.839);--ock-background-hover:oklch(92.8% .006 264.531);--ock-background-active:oklch(87.2% .01 258.338);--ock-background-alternate:oklch(92.8% .006 264.531);--ock-background-alternate-hover:oklch(87.2% .01 258.338);--ock-background-alternate-active:oklch(70.7% .022 261.325);--ock-background-inverse:oklch(96.7% .003 264.542);--ock-background-inverse-hover:oklch(92.8% .006 264.531);--ock-background-inverse-active:oklch(87.2% .01 258.338);--ock-background-reverse:oklch(13% .028 261.692);--ock-primary:oklch(51.1% .262 276.966);--ock-primary-hover:oklch(45.7% .24 277.023);--ock-primary-active:oklch(39.8% .195 277.366);--ock-primary-washed:oklch(93% .034 272.788);--ock-primary-disabled:oklch(78.5% .115 274.713);--ock-secondary:oklch(92.9% .013 255.508);--ock-secondary-hover:oklch(86.9% .022 252.894);--ock-secondary-active:oklch(70.4% .04 256.788);--ock-error:oklch(58.6% .253 17.585);--ock-warning:oklch(64.6% .222 41.116);--ock-success:oklch(64.8% .2 131.684);--ock-success-background:oklch(89.7% .196 126.665);--ock-line:oklch(87.2% .01 258.338);--ock-shadow-default:0px 8px 12px 0px #5b616e1f}[data-ock-theme=default-dark],[data-ock-theme=base-dark],[data-ock-theme=cyberpunk]{--ock-foreground:oklch(98.5% .002 247.839);--ock-foreground-muted:oklch(70.7% .022 261.325);--ock-foreground-inverse:oklch(13% .028 261.692);--ock-foreground-disabled:oklch(44.6% .03 256.802);--ock-background:oklch(13% .028 261.692);--ock-background-hover:oklch(27.8% .033 256.848);--ock-background-active:oklch(37.3% .034 259.733);--ock-background-alternate:oklch(27.8% .033 256.848);--ock-background-alternate-hover:oklch(37.3% .034 259.733);--ock-background-alternate-active:oklch(44.6% .03 256.802);--ock-background-inverse:oklch(21% .034 264.665);--ock-background-inverse-hover:oklch(27.8% .033 256.848);--ock-background-inverse-active:oklch(37.3% .034 259.733);--ock-background-reverse:oklch(98.5% .002 247.839);--ock-primary:oklch(67.3% .182 276.935);--ock-primary-hover:oklch(78.5% .115 274.713);--ock-primary-active:oklch(87% .065 274.039);--ock-primary-washed:oklch(35.9% .144 278.697);--ock-primary-disabled:oklch(25.7% .09 281.288);--ock-secondary:oklch(27.9% .041 260.031);--ock-secondary-hover:oklch(37.2% .044 257.287);--ock-secondary-active:oklch(44.6% .043 257.281);--ock-error:oklch(71.2% .194 13.428);--ock-warning:oklch(75% .183 55.934);--ock-success:oklch(84.1% .238 128.85);--ock-success-background:oklch(53.2% .157 131.589);--ock-line:oklch(37.3% .034 259.733)}[data-ock-theme=base-light]{--ock-primary:#0052ff;--ock-primary-hover:#014ceb;--ock-primary-active:#0148dc;--ock-primary-washed:#b2cbff;--ock-primary-disabled:#9dbcfe}[data-ock-theme=base-dark]{--ock-primary:#578bfa;--ock-primary-hover:#477ef5;--ock-primary-active:#5386f5;--ock-primary-washed:#051537;--ock-primary-disabled:#1b3365}[data-ock-theme=cyberpunk]{--ock-font-family:"Oxanium",sans-serif;--ock-radius-default:.125rem;--ock-radius-inner:0rem;--ock-primary:oklch(74% .238 322.16);--ock-primary-hover:oklch(83.3% .145 321.434);--ock-primary-active:oklch(90.3% .076 319.62);--ock-primary-washed:oklch(40.1% .17 325.612);--ock-primary-disabled:oklch(29.3% .136 325.661);--ock-error:oklch(58.6% .253 17.585);--ock-success:oklch(64.8% .2 131.684);--ock-warning:oklch(64.6% .222 41.116)}[data-ock-theme=hacker]{--ock-font-family:"Noto Sans Mono",sans-serif;--ock-radius-default:.375rem;--ock-radius-inner:.125rem;--ock-foreground:oklch(14.1% .005 285.823);--ock-foreground-muted:oklch(44.2% .017 285.786);--ock-foreground-inverse:oklch(98.5% 0 0);--ock-foreground-disabled:oklch(70.5% .015 286.067);--ock-background:oklch(98.5% 0 0);--ock-background-hover:oklch(92% .004 286.32);--ock-background-active:oklch(87.1% .006 286.286);--ock-background-alternate:oklch(92% .004 286.32);--ock-background-alternate-hover:oklch(87.1% .006 286.286);--ock-background-alternate-active:oklch(70.5% .015 286.067);--ock-background-inverse:oklch(96.7% .001 286.375);--ock-background-inverse-hover:oklch(92% .004 286.32);--ock-background-inverse-active:oklch(87.1% .006 286.286);--ock-background-reverse:oklch(98.5% 0 0);--ock-primary:oklch(14.1% .005 285.823);--ock-primary-hover:oklch(27.4% .006 286.033);--ock-primary-active:oklch(37% .013 285.805);--ock-primary-washed:oklch(96.7% .001 286.375);--ock-primary-disabled:oklch(87.1% .006 286.286);--ock-secondary:oklch(92.2% 0 0);--ock-secondary-hover:oklch(87% 0 0);--ock-secondary-active:oklch(70.8% 0 0);--ock-error:oklch(58.6% .253 17.585);--ock-warning:oklch(64.6% .222 41.116);--ock-success:oklch(64.8% .2 131.684);--ock-line:oklch(87.1% .006 286.286)}}@layer utilities{.ock\:pointer-events-none{pointer-events:none}.ock\:visible{visibility:visible}.ock\:sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ock\:absolute{position:absolute}.ock\:fixed{position:fixed}.ock\:relative{position:relative}.ock\:static{position:static}.ock\:inset-0{inset:calc(var(--spacing)*0)}.ock\:inset-x-0{inset-inline:calc(var(--spacing)*0)}.ock\:inset-y-0{inset-block:calc(var(--spacing)*0)}.ock\:top-0{top:calc(var(--spacing)*0)}.ock\:top-1\/2{top:50%}.ock\:top-4{top:calc(var(--spacing)*4)}.ock\:top-6{top:calc(var(--spacing)*6)}.ock\:top-\[50\%\]{top:50%}.ock\:top-\[100px\]{top:100px}.ock\:top-full{top:100%}.ock\:-right-0\.5{right:calc(var(--spacing)*-.5)}.ock\:right-0{right:calc(var(--spacing)*0)}.ock\:right-2{right:calc(var(--spacing)*2)}.ock\:right-4{right:calc(var(--spacing)*4)}.ock\:-bottom-0\.5{bottom:calc(var(--spacing)*-.5)}.ock\:-bottom-\[12\.875rem\]{bottom:-12.875rem}.ock\:bottom-0{bottom:calc(var(--spacing)*0)}.ock\:bottom-4{bottom:calc(var(--spacing)*4)}.ock\:bottom-5{bottom:calc(var(--spacing)*5)}.ock\:bottom-full{bottom:100%}.ock\:left-0{left:calc(var(--spacing)*0)}.ock\:left-1\/2,.ock\:left-2\/4{left:50%}.ock\:left-3\/4{left:75%}.ock\:left-4{left:calc(var(--spacing)*4)}.ock\:left-\[-99999px\]{left:-99999px}.ock\:left-\[0\%\]{left:0%}.ock\:left-\[50\%\]{left:50%}.ock\:z-0{z-index:0}.ock\:z-1{z-index:1}.ock\:z-10{z-index:10}.ock\:z-20{z-index:20}.ock\:z-40{z-index:40}.ock\:z-50{z-index:50}.ock\:container{width:100%}@media(min-width:40rem){.ock\:container{max-width:40rem}}@media(min-width:48rem){.ock\:container{max-width:48rem}}@media(min-width:64rem){.ock\:container{max-width:64rem}}@media(min-width:80rem){.ock\:container{max-width:80rem}}@media(min-width:96rem){.ock\:container{max-width:96rem}}.ock\:m-0{margin:calc(var(--spacing)*0)}.ock\:mx-auto{margin-inline:auto}.ock\:-my-1{margin-block:calc(var(--spacing)*-1)}.ock\:-my-6{margin-block:calc(var(--spacing)*-6)}.ock\:my-0\.5{margin-block:calc(var(--spacing)*.5)}.ock\:my-1\.5{margin-block:calc(var(--spacing)*1.5)}.ock\:my-2{margin-block:calc(var(--spacing)*2)}.ock\:my-3{margin-block:calc(var(--spacing)*3)}.ock\:-mt-4{margin-top:calc(var(--spacing)*-4)}.ock\:mt-0\.5{margin-top:calc(var(--spacing)*.5)}.ock\:mt-1{margin-top:calc(var(--spacing)*1)}.ock\:mt-2{margin-top:calc(var(--spacing)*2)}.ock\:mt-3{margin-top:calc(var(--spacing)*3)}.ock\:mt-4{margin-top:calc(var(--spacing)*4)}.ock\:mt-16{margin-top:calc(var(--spacing)*16)}.ock\:mt-\[60\%\]{margin-top:60%}.ock\:-mr-0\.5{margin-right:calc(var(--spacing)*-.5)}.ock\:-mr-px{margin-right:-1px}.ock\:mr-1{margin-right:calc(var(--spacing)*1)}.ock\:mr-2{margin-right:calc(var(--spacing)*2)}.ock\:mr-10{margin-right:calc(var(--spacing)*10)}.ock\:mb-1{margin-bottom:calc(var(--spacing)*1)}.ock\:mb-2{margin-bottom:calc(var(--spacing)*2)}.ock\:mb-4{margin-bottom:calc(var(--spacing)*4)}.ock\:mb-6{margin-bottom:calc(var(--spacing)*6)}.ock\:ml-1{margin-left:calc(var(--spacing)*1)}.ock\:ml-2{margin-left:calc(var(--spacing)*2)}.ock\:ml-6{margin-left:calc(var(--spacing)*6)}.ock\:ml-px{margin-left:1px}.ock\:box-border{box-sizing:border-box}.ock\:block{display:block}.ock\:contents{display:contents}.ock\:flex{display:flex}.ock\:grid{display:grid}.ock\:hidden{display:none}.ock\:inline-flex{display:inline-flex}.ock\:aspect-square{aspect-ratio:1}.ock\:size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.ock\:h-1{height:calc(var(--spacing)*1)}.ock\:h-2\.5{height:calc(var(--spacing)*2.5)}.ock\:h-3{height:calc(var(--spacing)*3)}.ock\:h-4{height:calc(var(--spacing)*4)}.ock\:h-5{height:calc(var(--spacing)*5)}.ock\:h-6{height:calc(var(--spacing)*6)}.ock\:h-7{height:calc(var(--spacing)*7)}.ock\:h-8{height:calc(var(--spacing)*8)}.ock\:h-9{height:calc(var(--spacing)*9)}.ock\:h-10{height:calc(var(--spacing)*10)}.ock\:h-11{height:calc(var(--spacing)*11)}.ock\:h-12{height:calc(var(--spacing)*12)}.ock\:h-14{height:calc(var(--spacing)*14)}.ock\:h-16{height:calc(var(--spacing)*16)}.ock\:h-20{height:calc(var(--spacing)*20)}.ock\:h-24{height:calc(var(--spacing)*24)}.ock\:h-28{height:calc(var(--spacing)*28)}.ock\:h-44{height:calc(var(--spacing)*44)}.ock\:h-120{height:30rem}.ock\:h-\[1\.125rem\]{height:1.125rem}.ock\:h-\[1\.625rem\]{height:1.625rem}.ock\:h-\[12\.875rem\]{height:12.875rem}.ock\:h-\[15px\]{height:15px}.ock\:h-\[18px\]{height:18px}.ock\:h-\[34px\]{height:34px}.ock\:h-\[42px\]{height:42px}.ock\:h-\[80px\]{height:80px}.ock\:h-\[148px\]{height:148px}.ock\:h-auto{height:auto}.ock\:h-full{height:100%}.ock\:max-h-44{max-height:calc(var(--spacing)*44)}.ock\:max-h-80{max-height:calc(var(--spacing)*80)}.ock\:max-h-120{max-height:30rem}.ock\:max-h-350{max-height:calc(var(--spacing)*350)}.ock\:min-h-60{min-height:calc(var(--spacing)*60)}.ock\:min-h-full{min-height:100%}.ock\:w-1\/2{width:50%}.ock\:w-2\.5{width:calc(var(--spacing)*2.5)}.ock\:w-3{width:calc(var(--spacing)*3)}.ock\:w-3\/4{width:75%}.ock\:w-4{width:calc(var(--spacing)*4)}.ock\:w-5{width:calc(var(--spacing)*5)}.ock\:w-6{width:calc(var(--spacing)*6)}.ock\:w-7{width:calc(var(--spacing)*7)}.ock\:w-8{width:calc(var(--spacing)*8)}.ock\:w-9{width:calc(var(--spacing)*9)}.ock\:w-10{width:calc(var(--spacing)*10)}.ock\:w-11{width:calc(var(--spacing)*11)}.ock\:w-12{width:calc(var(--spacing)*12)}.ock\:w-14{width:calc(var(--spacing)*14)}.ock\:w-16{width:calc(var(--spacing)*16)}.ock\:w-20{width:calc(var(--spacing)*20)}.ock\:w-24{width:calc(var(--spacing)*24)}.ock\:w-28{width:calc(var(--spacing)*28)}.ock\:w-80{width:calc(var(--spacing)*80)}.ock\:w-88{width:22rem}.ock\:w-350{width:calc(var(--spacing)*350)}.ock\:w-\[1\.125rem\]{width:1.125rem}.ock\:w-\[15px\]{width:15px}.ock\:w-\[21\.75rem\]{width:21.75rem}.ock\:w-\[22rem\]{width:22rem}.ock\:w-\[42px\]{width:42px}.ock\:w-\[200px\]{width:200px}.ock\:w-\[375px\]{width:375px}.ock\:w-auto{width:auto}.ock\:w-fit{width:-moz-fit-content;width:fit-content}.ock\:w-full{width:100%}.ock\:max-w-24{max-width:calc(var(--spacing)*24)}.ock\:max-w-52{max-width:calc(var(--spacing)*52)}.ock\:max-w-350{max-width:calc(var(--spacing)*350)}.ock\:max-w-\[180px\]{max-width:180px}.ock\:max-w-\[500px\]{max-width:500px}.ock\:max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.ock\:max-w-full{max-width:100%}.ock\:min-w-0{min-width:calc(var(--spacing)*0)}.ock\:min-w-14{min-width:calc(var(--spacing)*14)}.ock\:min-w-24{min-width:calc(var(--spacing)*24)}.ock\:min-w-28{min-width:calc(var(--spacing)*28)}.ock\:min-w-40{min-width:calc(var(--spacing)*40)}.ock\:min-w-52{min-width:calc(var(--spacing)*52)}.ock\:min-w-80{min-width:calc(var(--spacing)*80)}.ock\:min-w-\[70px\]{min-width:70px}.ock\:min-w-\[153px\]{min-width:153px}.ock\:min-w-\[300px\]{min-width:300px}.ock\:min-w-full{min-width:100%}.ock\:flex-1{flex:1}.ock\:flex-shrink-0,.ock\:shrink-0{flex-shrink:0}.ock\:flex-grow,.ock\:grow{flex-grow:1}.ock\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:translate-y-\[102\%\]{--tw-translate-y:102%;translate:var(--tw-translate-x)var(--tw-translate-y)}.ock\:scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.ock\:rotate-90{rotate:90deg}.ock\:rotate-180{rotate:180deg}.ock\:transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.ock\:animate-in{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function))}.ock\:animate-out{animation:exit var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function))}.ock\:animate-pulse{animation:var(--animate-pulse)}.ock\:animate-spin{animation:var(--animate-spin)}.ock\:cursor-default{cursor:default}.ock\:cursor-grab{cursor:grab}.ock\:cursor-not-allowed{cursor:not-allowed}.ock\:cursor-pointer{cursor:pointer}.ock\:cursor-text{cursor:text}.ock\:touch-none{touch-action:none}.ock\:resize{resize:both}.ock\:\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.ock\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ock\:grid-cols-\[2\.5rem_1fr_auto\]{grid-template-columns:2.5rem 1fr auto}.ock\:flex-col{flex-direction:column}.ock\:flex-row{flex-direction:row}.ock\:flex-wrap{flex-wrap:wrap}.ock\:content-center{align-content:center}.ock\:items-center{align-items:center}.ock\:items-end{align-items:flex-end}.ock\:items-start{align-items:flex-start}.ock\:items-stretch{align-items:stretch}.ock\:justify-between{justify-content:space-between}.ock\:justify-center{justify-content:center}.ock\:justify-end{justify-content:flex-end}.ock\:justify-start{justify-content:flex-start}.ock\:gap-1{gap:calc(var(--spacing)*1)}.ock\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.ock\:gap-2{gap:calc(var(--spacing)*2)}.ock\:gap-3{gap:calc(var(--spacing)*3)}.ock\:gap-4{gap:calc(var(--spacing)*4)}.ock\:gap-8{gap:calc(var(--spacing)*8)}.ock\:gap-16{gap:calc(var(--spacing)*16)}:where(.ock\:space-x-0>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}:where(.ock\:space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.ock\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.ock\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.ock\:space-x-\[-\.8rem\]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-.8rem*var(--tw-space-x-reverse));margin-inline-end:calc(-.8rem*calc(1 - var(--tw-space-x-reverse)))}.ock\:justify-self-center{justify-self:center}.ock\:justify-self-end{justify-self:flex-end}.ock\:justify-self-start{justify-self:flex-start}.ock\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ock\:overflow-hidden{overflow:hidden}.ock\:overflow-y-auto{overflow-y:auto}.ock\:overflow-y-hidden{overflow-y:hidden}.ock\:\!rounded-full{border-radius:3.40282e38px!important}.ock\:rounded{border-radius:.25rem}.ock\:rounded-\[0\.43931rem\]{border-radius:.43931rem}.ock\:rounded-\[6\.25rem\]{border-radius:6.25rem}.ock\:rounded-\[50\%\]{border-radius:50%}.ock\:rounded-full{border-radius:3.40282e38px}.ock\:rounded-lg{border-radius:var(--radius-lg)}.ock\:rounded-md{border-radius:var(--radius-md)}.ock\:rounded-ock-default{border-radius:var(--ock-radius-default)}.ock\:rounded-ock-inner{border-radius:var(--ock-radius-inner)}.ock\:rounded-xl{border-radius:var(--radius-xl)}.ock\:rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.ock\:rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.ock\:rounded-b-3xl{border-bottom-right-radius:var(--radius-3xl);border-bottom-left-radius:var(--radius-3xl)}.ock\:border{border-style:var(--tw-border-style);border-width:1px}.ock\:border-2{border-style:var(--tw-border-style);border-width:2px}.ock\:border-4{border-style:var(--tw-border-style);border-width:4px}.ock\:border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.ock\:border-\[length\:0_0_0_16px\]{border-style:var(--tw-border-style);border-width:0 0 0 16px}.ock\:border-\[length\:9px_0_9px_16px\]{border-style:var(--tw-border-style);border-width:9px 0 9px 16px}.ock\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.ock\:border-t-3{border-top-style:var(--tw-border-style);border-top-width:3px}.ock\:\!border-r-0{border-right-style:var(--tw-border-style)!important;border-right-width:0!important}.ock\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.ock\:\!border-b-0{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}.ock\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.ock\:\!border-l-0{border-left-style:var(--tw-border-style)!important;border-left-width:0!important}.ock\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.ock\:border-double{--tw-border-style:double;border-style:double}.ock\:border-none{--tw-border-style:none;border-style:none}.ock\:border-solid{--tw-border-style:solid;border-style:solid}.ock\:border-\[none\]{border-color:none}.ock\:border-gray-200{border-color:var(--color-gray-200)}.ock\:border-ock-background{border-color:var(--ock-background)}.ock\:border-ock-background-active{border-color:var(--ock-background-active)}.ock\:border-ock-background-reverse{border-color:var(--ock-background-reverse)}.ock\:border-ock-line{border-color:var(--ock-line)}.ock\:border-transparent{border-color:#0000}.ock\:border-t-gray-400{border-top-color:var(--color-gray-400)}.ock\:border-t-ock-primary{border-top-color:var(--ock-primary)}.ock\:border-l-ock-background{border-left-color:var(--ock-background)}.ock\:\!bg-inherit{background-color:inherit!important}.ock\:bg-\[\#0052FF\]{background-color:#0052ff}.ock\:bg-\[\#E0E7FF\]{background-color:#e0e7ff}.ock\:bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.ock\:bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.ock\:bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.ock\:bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.ock\:bg-gray-200{background-color:var(--color-gray-200)}.ock\:bg-ock-background{background-color:var(--ock-background)}.ock\:bg-ock-background-alternate{background-color:var(--ock-background-alternate)}.ock\:bg-ock-background-alternate-active{background-color:var(--ock-background-alternate-active)}.ock\:bg-ock-background-inverse{background-color:var(--ock-background-inverse)}.ock\:bg-ock-background-reverse{background-color:var(--ock-background-reverse)}.ock\:bg-ock-error{background-color:var(--ock-error)}.ock\:bg-ock-primary{background-color:var(--ock-primary)}.ock\:bg-ock-secondary{background-color:var(--ock-secondary)}.ock\:bg-ock-secondary-active{background-color:var(--ock-secondary-active)}.ock\:bg-transparent{background-color:#0000}.ock\:bg-white{background-color:var(--color-white)}.ock\:fill-\[\#65A30D\]{fill:#65a30d}.ock\:fill-\[\#E11D48\]{fill:#e11d48}.ock\:fill-\[\#F9FAFB\]{fill:#f9fafb}.ock\:fill-ock-background-alternate{fill:var(--ock-background-alternate)}.ock\:fill-ock-background-reverse{fill:var(--ock-background-reverse)}.ock\:fill-ock-error{fill:var(--ock-error)}.ock\:fill-ock-foreground{fill:var(--ock-foreground)}.ock\:fill-ock-foreground-inverse{fill:var(--ock-foreground-inverse)}.ock\:fill-ock-primary{fill:var(--ock-primary)}.ock\:object-cover{-o-object-fit:cover;object-fit:cover}.ock\:p-0{padding:calc(var(--spacing)*0)}.ock\:p-0\.5{padding:calc(var(--spacing)*.5)}.ock\:p-1{padding:calc(var(--spacing)*1)}.ock\:p-2{padding:calc(var(--spacing)*2)}.ock\:p-3{padding:calc(var(--spacing)*3)}.ock\:p-4{padding:calc(var(--spacing)*4)}.ock\:p-6{padding:calc(var(--spacing)*6)}.ock\:px-0{padding-inline:calc(var(--spacing)*0)}.ock\:px-1{padding-inline:calc(var(--spacing)*1)}.ock\:px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.ock\:px-2{padding-inline:calc(var(--spacing)*2)}.ock\:px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.ock\:px-3{padding-inline:calc(var(--spacing)*3)}.ock\:px-4{padding-inline:calc(var(--spacing)*4)}.ock\:px-6{padding-inline:calc(var(--spacing)*6)}.ock\:py-0{padding-block:calc(var(--spacing)*0)}.ock\:py-0\.5{padding-block:calc(var(--spacing)*.5)}.ock\:py-1{padding-block:calc(var(--spacing)*1)}.ock\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}.ock\:py-2{padding-block:calc(var(--spacing)*2)}.ock\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.ock\:py-3{padding-block:calc(var(--spacing)*3)}.ock\:py-4{padding-block:calc(var(--spacing)*4)}.ock\:pt-2{padding-top:calc(var(--spacing)*2)}.ock\:pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.ock\:pt-3{padding-top:calc(var(--spacing)*3)}.ock\:pt-6{padding-top:calc(var(--spacing)*6)}.ock\:pt-8{padding-top:calc(var(--spacing)*8)}.ock\:pr-3{padding-right:calc(var(--spacing)*3)}.ock\:pb-2{padding-bottom:calc(var(--spacing)*2)}.ock\:pb-3{padding-bottom:calc(var(--spacing)*3)}.ock\:pb-4{padding-bottom:calc(var(--spacing)*4)}.ock\:pl-1{padding-left:calc(var(--spacing)*1)}.ock\:pl-4{padding-left:calc(var(--spacing)*4)}.ock\:pl-6{padding-left:calc(var(--spacing)*6)}.ock\:pl-12{padding-left:calc(var(--spacing)*12)}.ock\:text-center{text-align:center}.ock\:text-left{text-align:left}.ock\:text-right{text-align:right}.ock\:font-display{font-family:DM Sans,sans-serif}.ock\:font-ock{font-family:var(--ock-font-family)}.ock\:font-sans{font-family:Inter,sans-serif}.ock\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.ock\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.ock\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.ock\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.ock\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.ock\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.ock\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.ock\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.ock\:text-\[0\.6875rem\]{font-size:.6875rem}.ock\:text-\[2\.5rem\]{font-size:2.5rem}.ock\:text-\[10px\]{font-size:10px}.ock\:leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.ock\:leading-\[13px\]{--tw-leading:13px;line-height:13px}.ock\:leading-none{--tw-leading:1;line-height:1}.ock\:font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.ock\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.ock\:font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.ock\:font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.ock\:text-nowrap{text-wrap:nowrap}.ock\:text-ellipsis{text-overflow:ellipsis}.ock\:whitespace-nowrap{white-space:nowrap}.ock\:\!text-white{color:var(--color-white)!important}.ock\:text-\[\#4F46E5\]{color:#4f46e5}.ock\:text-\[\#8A919E\]{color:#8a919e}.ock\:text-gray-50{color:var(--color-gray-50)}.ock\:text-ock-error{color:var(--ock-error)}.ock\:text-ock-foreground{color:var(--ock-foreground)}.ock\:text-ock-foreground-disabled{color:var(--ock-foreground-disabled)}.ock\:text-ock-foreground-inverse{color:var(--ock-foreground-inverse)}.ock\:text-ock-foreground-muted{color:var(--ock-foreground-muted)}.ock\:text-ock-primary{color:var(--ock-primary)}.ock\:text-ock-success{color:var(--ock-success)}.ock\:text-red-500{color:var(--color-red-500)}.ock\:text-white{color:var(--color-white)}.ock\:uppercase{text-transform:uppercase}.ock\:opacity-0{opacity:0}.ock\:opacity-50{opacity:.5}.ock\:opacity-100{opacity:1}.ock\:opacity-\[0\.38\]{opacity:.38}.ock\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:shadow-\[0px_8px_24px_0px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0px 8px 24px 0px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:shadow-ock-default{--tw-shadow:var(--ock-shadow-default);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\: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,)}.ock\: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,)}.ock\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ock\:transition-\[bottom\]{transition-property:bottom;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ock\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ock\: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))}.ock\: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))}.ock\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ock\:duration-150{--tw-duration:.15s;transition-duration:.15s}.ock\:duration-200{--tw-duration:.2s;transition-duration:.2s}.ock\:duration-300{--tw-duration:.3s;transition-duration:.3s}.ock\:duration-500{--tw-duration:.5s;transition-duration:.5s}.ock\:ease-\[100ms\]{--tw-ease:.1s;transition-timing-function:.1s}.ock\:ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ock\:ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ock\:will-change-\[border-width\]{will-change:border-width}.ock\:outline-none{--tw-outline-style:none;outline-style:none}.ock\:select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ock\:slide-in-from-left-5{--tw-enter-translate-x: -5% }.ock\:slide-in-from-right-5{--tw-enter-translate-x: 5% }.ock\:slide-out-to-left-5{--tw-exit-translate-x: -5% }.ock\:slide-out-to-right-5{--tw-exit-translate-x: 5% }.ock\:fade-in{--tw-enter-opacity:0}.ock\:fade-out{--tw-exit-opacity:0}.ock\:fill-mode-forwards{animation-fill-mode:forwards}.ock\:paused{animation-play-state:paused}.ock\:running{animation-play-state:running}@media(hover:hover){.ock\:group-hover\:opacity-100:is(:where(.ock\:group):hover *){opacity:1}}.ock\:placeholder\:text-ock-foreground-muted::-moz-placeholder{color:var(--ock-foreground-muted)}.ock\:placeholder\:text-ock-foreground-muted::placeholder{color:var(--ock-foreground-muted)}@media(hover:hover){.ock\:hover\:border-\(--color-ock-background-active\):hover{border-color:var(--color-ock-background-active)}.ock\:hover\:border-\(--color-ock-primary\):hover{border-color:var(--color-ock-primary)}.ock\:hover\:bg-\[\#0045D8\]:hover{background-color:#0045d8}.ock\:hover\:bg-ock-background-alternate-hover:hover{background-color:var(--ock-background-alternate-hover)}.ock\:hover\:bg-ock-background-hover:hover{background-color:var(--ock-background-hover)}.ock\:hover\:bg-ock-background-inverse:hover{background-color:var(--ock-background-inverse)}.ock\:hover\:bg-ock-background-inverse-hover:hover{background-color:var(--ock-background-inverse-hover)}.ock\:hover\:bg-ock-primary-hover:hover{background-color:var(--ock-primary-hover)}.ock\:hover\:bg-ock-secondary-active:hover{background-color:var(--ock-secondary-active)}.ock\:hover\:bg-ock-secondary-hover:hover{background-color:var(--ock-secondary-hover)}.ock\:hover\:text-ock-foreground-muted:hover{color:var(--ock-foreground-muted)}.ock\:hover\:underline:hover{text-decoration-line:underline}.ock\:hover\:opacity-80:hover{opacity:.8}.ock\:hover\:opacity-100:hover{opacity:1}}.ock\:focus\:border-none:focus{--tw-border-style:none;border-style:none}.ock\:focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.ock\:focus\:bg-ock-background-active:focus{background-color:var(--ock-background-active)}.ock\:focus\:bg-ock-background-alternate-active:focus{background-color:var(--ock-background-alternate-active)}.ock\:focus\:bg-ock-background-inverse-active:focus{background-color:var(--ock-background-inverse-active)}.ock\:focus\:bg-ock-primary-active:focus{background-color:var(--ock-primary-active)}.ock\:focus\:bg-ock-secondary-active:focus{background-color:var(--ock-secondary-active)}.ock\:focus\:bg-transparent:focus{background-color:#0000}.ock\:focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.ock\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ock\:focus-visible\:ring-ock-foreground:focus-visible{--tw-ring-color:var(--ock-foreground)}.ock\:focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.ock\:active\:cursor-grabbing:active{cursor:grabbing}.ock\:active\:bg-ock-background-active:active{background-color:var(--ock-background-active)}.ock\:active\:bg-ock-background-alternate-active:active{background-color:var(--ock-background-alternate-active)}.ock\:active\:bg-ock-background-inverse-active:active{background-color:var(--ock-background-inverse-active)}.ock\:active\:bg-ock-primary-active:active{background-color:var(--ock-primary-active)}.ock\:active\:bg-ock-secondary-active:active{background-color:var(--ock-secondary-active)}.ock\:active\:text-ock-primary:active{color:var(--ock-primary)}.ock\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.ock\:data-\[state\=active\]\:bg-ock-primary[data-state=active]{background-color:var(--ock-primary)}.ock\:data-\[state\=active\]\:text-ock-foreground-inverse[data-state=active]{color:var(--ock-foreground-inverse)}.ock\:data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function))}.ock\:data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.ock\:data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.ock\:data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.ock\:data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.ock\:data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.ock\:data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.ock\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.ock\:data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function))}.ock\:data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.ock\:data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.ock\:data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.ock\:data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.ock\:data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.ock\:data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.ock\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media not all and (min-width:40rem){.ock\:max-sm\:pt-4{padding-top:calc(var(--spacing)*4)}}@media(min-width:40rem){.ock\:sm\:max-w-sm{max-width:var(--container-sm)}}.ock\:dark\:bg-gray-700:where([data-ock-theme=default-dark] *,[data-ock-theme=base-dark] *,[data-ock-theme=cyberpunk] *){background-color:var(--color-gray-700)}.ock\:\[\&_path\]\:fill-ock-foreground path{fill:var(--ock-foreground)}.ock\:\[\&_path\]\:fill-ock-foreground-muted path{fill:var(--ock-foreground-muted)}.ock\:\[\&_path\]\:transition-colors path{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))}.ock\:\[\&_path\]\:ease-in-out path{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.ock\:\[\&_path\]\:hover\:fill-ock-foreground path:hover{fill:var(--ock-foreground)}}.ock\:\[\&\:\:-webkit-inner-spin-button\]\:m-0::-webkit-inner-spin-button{margin:calc(var(--spacing)*0)}.ock\:\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.ock\:\[\&\:\:-webkit-outer-spin-button\]\:m-0::-webkit-outer-spin-button{margin:calc(var(--spacing)*0)}.ock\:\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.ock\:\[\&\>\*\]\:col-start-1>*{grid-column-start:1}.ock\:\[\&\>\*\]\:col-end-1>*{grid-column-end:1}.ock\:\[\&\>\*\]\:row-start-1>*{grid-row-start:1}.ock\:\[\&\>\*\]\:row-end-1>*{grid-row-end:1}:where(.ock\:\[\&\>div\]\:space-x-0>div>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}:where(.ock\:\[\&\>div\]\:space-x-2>div>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.ock\:scrollbar-hidden::-webkit-scrollbar{display:none}.ock\:scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.ock\:ock-scrollbar{scrollbar-width:thin;scrollbar-color:#d1d5db #fff}.ock\:animate-enterRight{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function));--tw-duration:.5s;--tw-enter-opacity:0;--tw-enter-translate-x:calc(8*var(--spacing));transition-duration:.5s}.ock\:animate-enterUp{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function));--tw-duration:.5s;--tw-enter-opacity:0;--tw-enter-translate-y:calc(8*var(--spacing));transition-duration:.5s}.ock\:animate-enterDown{animation:enter var(--tw-duration,.15s)var(--tw-ease,var(--default-transition-timing-function));--tw-duration:.5s;--tw-enter-opacity:0;--tw-enter-translate-y:calc(8*var(--spacing)*-1);transition-duration:.5s}.ock\:placeholder-ock-default::-moz-placeholder{color:var(--ock-foreground-muted)}.ock\:placeholder-ock-default::placeholder{color:var(--ock-foreground-muted)}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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))}}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;background:linear-gradient(135deg,#0052ff,#1a1a2e);padding:20px;display:flex;flex-direction:column}.app-footer{max-width:500px;margin:20px auto 0;text-align:center;color:#fff9;font-size:13px}.app-footer a{color:#fffc;text-decoration:none}.app-footer a:hover{text-decoration:underline}.app-footer .copyright{margin-top:8px;font-size:11px;color:#ffffff80}.error-fallback{background:#fff;border-radius:16px;padding:40px;text-align:center}.error-fallback p{color:#333;margin-bottom:16px}.error-fallback button{background:#0052ff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;cursor:pointer}.error-fallback button:hover{background:#0041cc}.loading-receipt{background:#fff;border-radius:16px;padding:40px;text-align:center;color:#666}.header{width:100%;max-width:500px;margin:0 auto 20px;text-align:left;padding:5px 4px}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.header h1{color:#fff;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0;display:flex;align-items:center;gap:8px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.logo-easter-egg{cursor:default;font-style:normal}.network-badge{background:#ff9800;color:#000;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.subtitle{color:#ffffffb3;font-size:14px;margin:0}.subtitle-disclaimer{font-size:12px;color:#ffffffe6}.testnet-badge{background:#ffc107;color:#000;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600}.main{width:100%;max-width:500px;margin:0 auto}.main>*{width:100%}.connect-prompt{background:#fff;border-radius:16px;padding:40px;text-align:center}.connect-prompt h2{margin:0 0 16px;color:#333}.connect-prompt p{color:#666;line-height:1.6;margin-bottom:24px}.demo-disclaimer{background:#fff3cd;color:#856404;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;margin-bottom:16px}.connect-prompt-btn{background:linear-gradient(180deg,#1a6fff,#0052ff,#0046dd);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0052ff66,inset 0 1px #fff3}.connect-prompt-btn:hover{background:linear-gradient(180deg,#2a7aff,#0052ff,#003fc4);box-shadow:0 6px 16px #0052ff80,inset 0 1px #fff3;transform:translateY(-1px)}.connect-prompt-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #0052ff4d,inset 0 1px #ffffff1a}.connect-prompt-btn.full-width,.wallet-connect-btn.full-width{width:100%;margin-bottom:16px}.about-snippet{background:#f0f4ff;border-radius:12px;padding:16px 20px;margin-bottom:24px;text-align:left}.about-snippet p{margin:0!important;color:#333!important;font-size:15px;line-height:1.5}.about-snippet .passkeys-description{margin-top:12px!important;font-size:13px;color:#666!important}.about-snippet .faq-section{margin-top:12px;font-size:13px;color:#666}.about-snippet .faq-section summary{cursor:pointer;font-weight:500;color:#0052ff}.about-snippet .faq-section summary:hover{text-decoration:underline}.about-snippet .faq-section p{margin-top:8px!important;font-size:13px!important;color:#666!important;padding-left:12px;border-left:2px solid #e0e0e0}.connect-prompt .faq-section,.wallet-connect-prompt .faq-section{margin-top:12px;font-size:13px;color:#666;text-align:left}.connect-prompt .faq-section summary,.wallet-connect-prompt .faq-section summary{cursor:pointer;font-weight:500;color:#0052ff}.connect-prompt .faq-section summary:hover,.wallet-connect-prompt .faq-section summary:hover{text-decoration:underline}.connect-prompt .faq-section p,.wallet-connect-prompt .faq-section p{margin-top:8px;font-size:13px;color:#666;padding-left:12px;border-left:2px solid #e0e0e0}.splitter-container{width:100%}.splitter-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 60px #0000004d}.splitter-card h2{margin:0;color:#333;font-size:22px}.site-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.site-dropdown{font-size:20px;font-weight:600;color:#333;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:8px 12px;cursor:pointer;transition:border-color .2s}.site-dropdown:hover:not(:disabled){border-color:#0052ff}.site-dropdown:disabled{cursor:not-allowed;opacity:.6}.rebate-badge{background:#4caf50;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.title-link{color:inherit;text-decoration:none}.title-link:hover{color:#0052ff}.splitter-description{color:#666;font-size:14px;margin:0 0 8px;line-height:1.5}.splitter-description a{color:#0052ff;text-decoration:none}.splitter-description a:hover{text-decoration:underline}.add-funds-alert{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:#856404}.add-funds-alert a{color:#0052ff;text-decoration:none;font-weight:600;white-space:nowrap}.add-funds-alert a:hover{text-decoration:underline}.add-funds-btn{width:100%;padding:14px 20px;background:#ffc107;color:#856404;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.add-funds-btn:hover{background:#e0a800}.contract-info{background:#f0f4ff;border-radius:8px;padding:10px;margin-bottom:20px}.contract-info code{font-size:11px;color:#0052ff;word-break:break-all}.balance-info{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px}.balance-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.balance-row:first-child{padding-top:0}.balance-row:last-child{padding-bottom:0}.balance-value{font-weight:600;color:#2775ca}.balance-value.rebate-highlight{color:#28a745}.balance-link{text-decoration:none}.balance-link:hover{text-decoration:underline}.faucet-link{display:block;margin-bottom:20px;font-size:13px;color:#0052ff;text-decoration:none}.faucet-link:hover{text-decoration:underline}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#333}.input-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.input-group input:focus{outline:none;border-color:#0052ff}.input-group input.readonly-input{background:#f5f5f5;color:#666;cursor:default}.amount-input-wrapper{display:flex;gap:8px}.amount-input-wrapper input{flex:1}.max-btn{padding:0 16px;background:#e3f2fd;color:#0052ff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.max-btn:hover{background:#bbdefb}.split-preview{background:#e8f5e9;border-radius:8px;padding:12px;margin-top:16px;margin-bottom:16px}.split-preview p{margin:0;font-size:13px;color:#2e7d32}.purchase-success{background:#e8f5e9;border-radius:8px;padding:16px;text-align:center}.success-message{margin:0 0 12px;font-size:15px;font-weight:500;color:#2e7d32}.view-receipt-btn{background:#0052ff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-right:8px}.view-receipt-btn:hover{background:#0041cc}.dismiss-btn{background:transparent;color:#666;border:1px solid #ddd;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer}.dismiss-btn:hover{background:#f5f5f5}.shop-content{display:flex;flex-direction:column;gap:16px}.action-step{padding:12px;background:#fafafa;border-radius:12px}.action-step button[data-testid=ockTransactionButton_Button]{padding-top:16px!important;padding-bottom:16px!important}.action-step h3{margin:0 0 12px;font-size:14px;color:#333}.step-complete{margin:8px 0 0;font-size:13px;color:#4caf50;font-weight:500}.step-error{margin:0 0 8px;font-size:12px;color:#f57c00}.step-active{border:2px solid #0052ff;background:#f8faff}.step-disabled{opacity:.6}.step-disabled input,.step-disabled .preset-btn{cursor:not-allowed}.preset-btn:disabled{cursor:not-allowed;opacity:.5}.preset-btn:disabled:hover{border-color:#e0e0e0}.purchase-history{margin-top:20px;padding-top:16px;border-top:1px solid #e0e0e0}.purchase-history h4{margin:0 0 12px;font-size:13px;color:#666;font-weight:500}.history-loading,.history-empty{font-size:13px;color:#999;margin:0}.history-list{margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.history-year-group{margin-bottom:8px}.history-year-group:last-child{margin-bottom:0}.history-year-header{font-size:13px;font-weight:600;color:#999;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}.history-year-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.history-site{font-size:11px;font-weight:500;color:#0052ff;text-transform:uppercase;letter-spacing:.5px}.history-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#f8f9fa;border-radius:12px;gap:16px}.history-item.needs-action{background:#e8f5e9;border:2px solid #4caf50}.history-details{display:flex;flex-direction:column;gap:6px;flex:1}.history-amounts{display:flex;gap:10px;align-items:baseline}.history-product{font-size:17px;font-weight:600;color:#333;display:block}.history-amount{font-size:18px;font-weight:600;color:#333}.history-rebate{font-size:15px;color:#4caf50;font-weight:500}.history-time{font-size:12px;color:#999;text-decoration:none;margin-top:4px}.history-time:hover{text-decoration:underline}.history-link{font-size:13px;color:#0052ff;background:#fff;border:1px solid #0052ff;border-radius:8px;cursor:pointer;padding:10px 16px;font-weight:500;transition:background .2s,color .2s}.history-link:hover{background:#0052ff;color:#fff}.history-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.history-donated{font-size:13px;color:#ff9800;background:#fff3e0;padding:10px 16px;font-weight:500;border-radius:8px;text-align:center;border:1px solid #ff9800;cursor:pointer;transition:background .2s}.history-donated:hover{background:#ffe0b2}.history-shipped{font-size:13px;color:#28a745;background:#e8f5e9;padding:10px 16px;font-weight:500;border-radius:8px;text-align:center}.history-digital{font-size:13px;color:#0052ff;background:#e3f2fd;padding:10px 16px;font-weight:500;border-radius:8px;text-align:center}.cancel-section{margin-top:16px}.cancel-section button{background:#e0e0e0!important;color:#dc3545!important}.cancel-section button:hover{background:#d0d0d0!important;color:#c82333!important}.ens-status{margin:6px 0 0;font-size:12px}.ens-status.resolving{color:#666}.ens-status.resolved{color:#4caf50;font-family:monospace}.ens-status.resolved a{color:#4caf50;text-decoration:none}.ens-status.resolved a:hover{text-decoration:underline}.ens-status.error{color:#f44336}.product-catalog{margin-bottom:16px}.product-catalog.loading,.product-catalog.error,.product-catalog.empty{text-align:center;padding:20px;color:#666;font-size:14px}.product-grid{display:flex;flex-direction:column;gap:10px}.product-card{display:flex;flex-direction:row;align-items:center;padding:14px;background:#f8f9fa;border-radius:12px;gap:14px}.product-card.out-of-stock{opacity:.6}.product-image-placeholder{width:56px;height:56px;background:#f0f4ff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-image-placeholder .product-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.product-image-placeholder .placeholder-icon{font-size:24px}.product-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}.product-name{font-size:16px;font-weight:500;color:#333;text-align:left}.product-description{font-size:14px;color:#666;text-align:left;line-height:1.3}.product-price{font-size:18px;font-weight:600;color:#0052ff}.product-out-of-stock{font-size:12px;font-weight:500;color:#999;text-transform:uppercase}.product-rebate{font-size:14px;color:#4caf50;font-weight:500}.product-action{flex-shrink:0;margin-left:auto}.product-purchase-btn{background:linear-gradient(180deg,#1a6fff,#0052ff,#0046dd);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0052ff66,inset 0 1px #fff3}.product-purchase-btn:hover:not(:disabled){background:linear-gradient(180deg,#2a7aff,#0052ff,#003fc4);box-shadow:0 6px 16px #0052ff80,inset 0 1px #fff3;transform:translateY(-1px)}.product-purchase-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #0052ff4d,inset 0 1px #ffffff1a}.product-purchase-btn:disabled{background:#ccc;cursor:not-allowed}.product-purchase-btn svg,.product-purchase-btn svg *{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.product-purchase-btn .ock\:animate-spin{width:24px!important;height:24px!important;padding:0!important;border-width:3px!important}.product-purchase-btn[data-testid=ockTransactionButton_Button]{min-width:100px;min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:400!important}.product-add-funds-btn{background:#fff3cd;color:#856404;border:1px solid #ffc107;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.product-add-funds-btn:hover{background:#ffe0b2}.product-card.purchased{background:#e8f5e9;border:2px solid #4caf50}.purchase-success-inline{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.purchase-success-inline .success-indicator{display:flex;align-items:center;gap:8px}.purchase-success-inline .success-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#4caf50;color:#fff;border-radius:50%;font-size:14px;font-weight:700}.purchase-success-inline .success-text{font-size:14px;color:#2e7d32;font-weight:600}.purchase-success-inline .success-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.purchase-success-inline .ship-item-btn{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.purchase-success-inline .ship-item-btn:hover{background:#43a047}.purchase-success-inline .view-receipt-btn{background:#fff;color:#0052ff;border:1px solid #0052ff;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.purchase-success-inline .view-receipt-btn:hover{background:#e3f2fd}.purchase-success-inline .dismiss-btn{background:transparent;color:#666;border:1px solid #ddd;padding:8px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.purchase-success-inline .dismiss-btn:hover{background:#f5f5f5}.preset-amounts{display:flex;gap:8px;margin-bottom:12px}.preset-btn{flex:1;padding:10px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.preset-btn:hover{border-color:#0052ff}.preset-btn.active{border-color:#0052ff;background:#e3f2fd;color:#0052ff}.wallet-connect{background:#fff;color:#333;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.wallet-connect:hover{background:#f0f0f0}.wallet-connected{display:flex;align-items:center;gap:8px;background:#ffffff1a;border-radius:20px;padding:4px}.wallet-address{background:linear-gradient(180deg,#fff,#f5f5f5,#ebebeb);color:#333;border:none;padding:8px 14px;border-radius:16px;font-size:13px;font-family:monospace;cursor:pointer;transition:all .2s;min-width:120px;box-shadow:0 2px 8px #00000026,inset 0 1px #fffc}.wallet-address:hover{background:linear-gradient(180deg,#fff,#f8f8f8,#f0f0f0);box-shadow:0 4px 12px #0003,inset 0 1px #fffc;transform:translateY(-1px)}.wallet-address:active{transform:translateY(1px);box-shadow:0 1px 4px #0000001a,inset 0 1px #fff9}.wallet-disconnect{background:transparent;color:#ff6b6b;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.wallet-disconnect:hover{background:#ff6b6b33}.receipt-container{width:100%}.receipt-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 60px #0000004d}.back-button{background:none;border:none;color:#0052ff;font-size:14px;cursor:pointer;padding:0;margin-bottom:20px}.back-button:hover{text-decoration:underline}.receipt-content{margin-bottom:20px}.receipt-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #0052ff}.receipt-header h1{color:#0052ff;margin:0 0 4px;font-size:24px}.receipt-header p{color:#666;margin:0;font-size:14px}.receipt-field{margin-bottom:16px}.receipt-field label{display:block;font-size:11px;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.receipt-field .value{font-size:15px;color:#333;padding:10px 12px;background:#f8f9fa;border-radius:6px}.receipt-field .value.highlight{color:#2775ca;font-weight:600}.receipt-field .value.success{color:#4caf50;font-weight:600}.receipt-field .value a{color:#0052ff;text-decoration:none;word-break:break-all}.receipt-field .value a:hover{text-decoration:underline}.receipt-input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:15px;transition:border-color .2s}.receipt-input:focus{outline:none;border-color:#0052ff}.receipt-footer{margin-top:24px;padding-top:16px;border-top:1px solid #e0e0e0;text-align:center}.receipt-footer p{font-size:12px;color:#999;margin:0 0 4px}.receipt-footer a{font-size:12px;color:#0052ff;text-decoration:none}.receipt-footer a:hover{text-decoration:underline}.download-button{width:100%;padding:14px;background:#0052ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.download-button:hover{background:#0041cc}.success-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ship-item-btn{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.ship-item-btn:hover{background:#43a047}.shipping-container{width:100%}.shipping-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 60px #0000004d}.shipping-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #4caf50}.shipping-header h1{color:#4caf50;margin:0 0 4px;font-size:24px}.shipping-header p{color:#666;margin:0;font-size:14px}.shipping-order-info{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:24px}.order-detail{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.order-detail .label{color:#666}.order-detail .value{font-weight:500;color:#333}.order-detail .value.highlight{color:#2775ca}.shipping-form{display:flex;flex-direction:column;gap:16px}.shipping-field{flex:1}.shipping-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#333}.shipping-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.shipping-input:focus{outline:none;border-color:#4caf50}.shipping-row{display:flex;gap:16px}.shipping-field-small{max-width:100px}.submit-shipping-btn{width:100%;padding:14px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;margin-top:8px}.submit-shipping-btn:hover:not(:disabled){background:#43a047}.submit-shipping-btn:disabled{background:#c8e6c9;cursor:not-allowed}.donate-section{margin-top:24px;text-align:center}.donate-divider{display:flex;align-items:center;margin-bottom:16px}.donate-divider:before,.donate-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.donate-divider span{padding:0 16px;color:#999;font-size:13px}.donate-btn{width:100%;padding:14px;background:#ff9800;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.donate-btn:hover:not(:disabled){background:#f57c00}.donate-btn:disabled{background:#ffe0b2;cursor:not-allowed}.donate-description{margin:12px 0 0;font-size:13px;color:#666}.shipping-footer{margin-top:24px;padding-top:16px;border-top:1px solid #e0e0e0;text-align:center}.shipping-footer p{font-size:12px;color:#999;margin:0;font-family:monospace}.shipping-success{text-align:center;padding:40px 20px}.shipping-success h2{color:#4caf50;margin:0 0 12px}.shipping-success p{color:#666;margin:0 0 8px}.shipping-success.donate-success h2{color:#ff9800}.redirect-message{color:#999;font-size:13px}.nav-tabs{width:100%;max-width:500px;margin:0 auto 20px;display:flex;gap:4px;background:#ffffff1a;padding:4px;border-radius:12px}.nav-tab{flex:1;padding:12px 8px;border:none;border-radius:8px;background:transparent;color:#ffffffb3;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.nav-tab:hover{color:#fff;background:#ffffff1a}.nav-tab.active{background:#fff;color:#333}.wallet-container{width:100%}.wallet-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 60px #0000004d}.wallet-card h2{margin:0 0 8px;color:#333;font-size:22px}.wallet-card h3{margin:0 0 8px;color:#333;font-size:18px}.wallet-balance-section{text-align:center;padding-bottom:24px}.wallet-balance{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:16px 0}.balance-amount{font-size:48px;font-weight:700;color:#0052ff}.balance-currency{font-size:20px;font-weight:500;color:#666}.wallet-address-link{color:#666;font-size:14px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.wallet-address-link:hover{background:#f0f0f0}.wallet-divider{height:1px;background:#e0e0e0;margin:24px 0}.wallet-connect-prompt{text-align:center;padding:20px}.wallet-connect-prompt p{color:#666;margin:8px 0 24px}.wallet-connect-btn{background:linear-gradient(180deg,#1a6fff,#0052ff,#0046dd);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0052ff66,inset 0 1px #fff3}.wallet-connect-btn:hover{background:linear-gradient(180deg,#2a7aff,#0052ff,#003fc4);box-shadow:0 6px 16px #0052ff80,inset 0 1px #fff3;transform:translateY(-1px)}.wallet-connect-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #0052ff4d,inset 0 1px #ffffff1a}.usdc-subtitle{color:#666;margin:0 0 24px;font-size:14px}.usdc-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.usdc-step{display:flex;align-items:center;gap:14px;padding:16px;background:#f5f7fa;border-radius:10px;color:#333;font-size:15px;line-height:1.4}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#0052ff;color:#fff;border-radius:50%;font-weight:600;font-size:14px;flex-shrink:0}.usdc-cta{display:block;width:100%;padding:14px 20px;background:linear-gradient(180deg,#1a6fff,#0052ff,#0046dd);color:#fff;text-align:center;text-decoration:none;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;box-sizing:border-box;box-shadow:0 4px 12px #0052ff66,inset 0 1px #fff3}.usdc-cta:hover{background:linear-gradient(180deg,#2a7aff,#0052ff,#003fc4);box-shadow:0 6px 16px #0052ff80,inset 0 1px #fff3;transform:translateY(-1px)}.usdc-cta:active{transform:translateY(1px);box-shadow:0 2px 8px #0052ff4d,inset 0 1px #ffffff1a}.purchases-container{width:100%}.purchases-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 60px #0000004d}.purchases-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #0052ff}.purchases-header h1{color:#0052ff;margin:0 0 4px;font-size:24px}.purchases-header p{color:#666;margin:0;font-size:14px}.purchases-empty{text-align:center;padding:40px 20px}.purchases-empty p{margin:0;color:#666;font-size:16px}.purchases-empty-sub{margin-top:8px!important;font-size:14px!important;color:#999!important}.leaderboard-container{width:100%}.leaderboard-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 60px #0000004d}.leaderboard-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #ff9800}.leaderboard-header h1{color:#ff9800;margin:0 0 4px;font-size:24px}.leaderboard-header p{color:#666;margin:0;font-size:14px}.leaderboard-totals{display:flex;gap:16px;margin-bottom:24px}.leaderboard-total-item{flex:1;background:#fff3e0;border-radius:12px;padding:16px;text-align:center}.leaderboard-total-item .total-value{display:block;font-size:28px;font-weight:700;color:#ff9800}.leaderboard-total-item .total-label{display:block;font-size:12px;color:#666;margin-top:4px}.leaderboard-loading,.leaderboard-error{text-align:center;color:#666;padding:40px 20px}.leaderboard-empty{text-align:center;padding:40px 20px}.leaderboard-empty p{margin:0;color:#666;font-size:16px}.leaderboard-empty-sub{margin-top:8px!important;font-size:14px!important;color:#999!important}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px}.leaderboard-item:nth-child(1){background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffc107}.leaderboard-item:nth-child(2){background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px solid #9e9e9e}.leaderboard-item:nth-child(3){background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800}.leaderboard-rank{font-size:16px;font-weight:700;color:#333;min-width:40px}.leaderboard-wallet{flex:1;font-family:monospace;font-size:14px;color:#333}.leaderboard-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.leaderboard-count{font-size:14px;font-weight:600;color:#333}.leaderboard-total{font-size:18px;font-weight:600;color:#333}.leaderboard-item.current-user{position:relative;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #0052ff;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #0052ff4d,0 0 10px #0052ff33}50%{box-shadow:0 0 15px #0052ff80,0 0 25px #0052ff4d}}
