@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-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;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--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);--font-weight-medium:500;--font-weight-semibold:600;--leading-snug:1.375;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{[data-design-system=wonderinos] :where(td,dd,.value-text){color:var(--value-foreground)}[data-design-system=wonderinos] :where(td,dd,.value-text) :where(a,button,[role=button]){color:var(--foreground)}}@layer components;@layer utilities{.\@container\/brand-catalog{container:brand-catalog/inline-size}.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-y-0{inset-block:0}.inset-y-2{inset-block:calc(var(--spacing) * 2)}.top-\[3\%\]{top:3%}.top-\[3px\]{top:3px}.right-0{right:0}.bottom-1{bottom:var(--spacing)}.bottom-\[2\.5\%\]{bottom:2.5%}.left-0{left:0}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-80{z-index:80}.z-81{z-index:81}.z-\[100\]{z-index:100}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-auto{margin-top:auto}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[390\/844\]{aspect-ratio:390/844}.size-0\.5{width:calc(var(--spacing) * .5);height:calc(var(--spacing) * .5)}.size-1{width:var(--spacing);height:var(--spacing)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-36{width:calc(var(--spacing) * 36);height:calc(var(--spacing) * 36)}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-20{height:calc(var(--spacing) * 20)}.h-56{height:calc(var(--spacing) * 56)}.h-\[0\.7\%\]{height:.7%}.h-\[2\.5\%\]{height:2.5%}.h-auto\!{height:auto!important}.h-dvh{height:100dvh}.h-full{height:100%}.min-h-0{min-height:0}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-\[var\(--button-big-height\,54px\)\]\!{min-height:var(--button-big-height,54px)!important}.w-1\/3{width:33.3333%}.w-4{width:calc(var(--spacing) * 4)}.w-11{width:calc(var(--spacing) * 11)}.w-\[12\%\]{width:12%}.w-\[28\%\]{width:28%}.w-\[30\%\]{width:30%}.w-\[32\%\]{width:32%}.w-\[78\%\]{width:78%}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-28{min-width:calc(var(--spacing) * 28)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\[18px_5px\]{transform-origin:18px 5px}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.-skew-x-20{--tw-skew-x:skewX(calc(20deg * -1));transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.skew-x-20{--tw-skew-x:skewX(20deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.scroll-px-2{scroll-padding-inline:calc(var(--spacing) * 2)}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[48px_24px\]{grid-template-rows:48px 24px}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[20px\]{border-radius:20px}.rounded-\[clamp\(\.75rem\,2\.5vw\,2\.125rem\)\]{border-radius:clamp(.75rem,2.5vw,2.125rem)}.rounded-\[clamp\(1rem\,3vw\,2\.5rem\)\]{border-radius:clamp(1rem,3vw,2.5rem)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-full{border-top-left-radius:2147483647px;border-top-right-radius:2147483647px}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--device-border\)\]{border-color:var(--device-border)}.bg-\[var\(--device-bezel\)\]{background-color:var(--device-bezel)}.bg-\[var\(--device-border\)\]{background-color:var(--device-border)}.bg-\[var\(--device-indicator\)\]{background-color:var(--device-indicator)}.bg-\[var\(--device-screen\)\]{background-color:var(--device-screen)}.bg-transparent{background-color:#0000}.bg-\[linear-gradient\(var\(--button-fancy-top\,var\(--primary\,\#333\)\)\,var\(--button-fancy-bottom\,var\(--primary\,\#333\)\)\)\]\!{background-image:linear-gradient(var(--button-fancy-top,var(--primary,#333)),var(--button-fancy-bottom,var(--primary,#333)))!important}.fill-\[var\(--device-address-foreground\,\#262626\)\]{fill:var(--device-address-foreground,#262626)}.fill-\[var\(--device-bezel\)\]{fill:var(--device-bezel)}.fill-\[var\(--device-border\)\]{fill:var(--device-border)}.fill-\[var\(--device-screen\)\]{fill:var(--device-screen)}.stroke-\[var\(--device-border\)\]{stroke:var(--device-border)}.stroke-\[0\.5\]{stroke-width:.5px}.object-cover{object-fit:cover}.object-top{object-position:top}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[5px\]{padding:5px}.px-1{padding-inline:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[var\(--button-big-padding\,24px\)\]\!{padding-inline:var(--button-big-padding,24px)!important}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3\!{padding-block:calc(var(--spacing) * 3)!important}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-\[calc\(59\/390\*100\%\)\]{padding-top:15.1282%}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-12\!{padding-right:calc(var(--spacing) * 12)!important}.pr-\[33\.333333\%\]\!{padding-right:33.3333%!important}.pb-0{padding-bottom:0}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\!{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[length\:var\(--button-big-font-size\,18px\)\]\!{font-size:var(--button-big-font-size,18px)!important}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug\!{--tw-leading:var(--leading-snug)!important;line-height:var(--leading-snug)!important}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.whitespace-normal\!{white-space:normal!important}.text-\[color\:var\(--button-fancy-foreground\,var\(--primary-foreground\,\#fff\)\)\]\!{color:var(--button-fancy-foreground,var(--primary-foreground,#fff))!important}.text-\[var\(--device-caption\)\]{color:var(--device-caption)}.text-inherit{color:inherit}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.mix-blend-luminosity{mix-blend-mode:luminosity}.shadow-\[inset_0_1px_0_var\(--button-fancy-highlight\,\#ffffff59\)\,inset_0_-2px_0_var\(--button-fancy-edge\,\#0003\)\,0_1px_2px_var\(--button-fancy-contact\,\#0003\)\,0_8px_24px_-6px_var\(--button-fancy-glow\,\#0002\)\]\!{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,var(--button-fancy-highlight,#ffffff59)), inset 0 -2px 0 var(--tw-shadow-color,var(--button-fancy-edge,#0003)), 0 1px 2px var(--tw-shadow-color,var(--button-fancy-contact,#0003)), 0 8px 24px -6px var(--tw-shadow-color,var(--button-fancy-glow,#0002))!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.shadow-sm{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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,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))}.transition-\[translate\,box-shadow\]\!{transition-property:translate,box-shadow!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-150\!{--tw-duration:.15s!important;transition-duration:.15s!important}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:-rotate-25:is(:where(.group):hover *){rotate:-25deg}.group-hover\/action\:block:is(:where(.group\/action):hover *){display:block}.group-hover\/action\:hidden:is(:where(.group\/action):hover *){display:none}}.group-focus-visible\:-rotate-25:is(:where(.group):focus-visible *){rotate:-25deg}.group-focus-visible\/action\:block:is(:where(.group\/action):focus-visible *){display:block}.group-focus-visible\/action\:hidden:is(:where(.group\/action):focus-visible *){display:none}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:z-10:before{content:var(--tw-content);z-index:10}.before\:\[background-image\:linear-gradient\(var\(--gh-angle\)\,transparent_60\%\,var\(--gh-rgba\)_70\%\,transparent\,transparent_100\%\)\]:before{content:var(--tw-content);background-image:linear-gradient(var(--gh-angle),transparent 60%,var(--gh-rgba) 70%,transparent,transparent 100%)}.before\:\[background-size\:var\(--gh-size\)_var\(--gh-size\)\,100\%_100\%\]:before{content:var(--tw-content);background-size:var(--gh-size) var(--gh-size),100% 100%}.before\:\[background-position\:-100\%_-100\%\,0_0\]:before{content:var(--tw-content);background-position:-100% -100%,0 0}.before\:bg-no-repeat:before{content:var(--tw-content);background-repeat:no-repeat}.before\:transition-\[background-position\]:before{content:var(--tw-content);transition-property:background-position;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:transition-none:before{content:var(--tw-content);transition-property:none}.before\:duration-\[var\(--gh-duration\)\]:before{content:var(--tw-content);--tw-duration:var(--gh-duration);transition-duration:var(--gh-duration)}.before\:ease-in-out:before{content:var(--tw-content);--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:before\:\[background-position\:100\%_100\%\,0_0\]:hover:before{content:var(--tw-content);background-position:100% 100%,0 0}.hover\:before\:transition-\[background-position\]:hover:before{content:var(--tw-content);transition-property:background-position;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.hover\:before\:duration-\[var\(--gh-duration\)\]:hover:before{content:var(--tw-content);--tw-duration:var(--gh-duration);transition-duration:var(--gh-duration)}}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:outline-2\!:focus-visible{outline-style:var(--tw-outline-style)!important;outline-width:2px!important}.focus-visible\:outline-offset-4\!:focus-visible{outline-offset:4px!important}.focus-visible\:outline-\[var\(--button-fancy-ring\,var\(--ring\,currentColor\)\)\]\!:focus-visible{outline-color:var(--button-fancy-ring,var(--ring,currentColor))!important}.focus-visible\:outline-solid\!:focus-visible{--tw-outline-style:solid!important;outline-style:solid!important}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}@media (prefers-reduced-motion:reduce){.motion-reduce\:translate-none\!{translate:none!important}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:transition-none\!{transition-property:none!important}.motion-reduce\:duration-0\!{--tw-duration:0s!important;transition-duration:0s!important}.motion-reduce\:before\:hidden:before{content:var(--tw-content);display:none}}@media (min-width:601px){.min-\[601px\]\:min-h-\[var\(--button-big-height-wide\,76px\)\]\!{min-height:var(--button-big-height-wide,76px)!important}.min-\[601px\]\:px-\[var\(--button-big-padding-wide\,32px\)\]\!{padding-inline:var(--button-big-padding-wide,32px)!important}.min-\[601px\]\:text-\[length\:var\(--button-big-font-size-wide\,25px\)\]\!{font-size:var(--button-big-font-size-wide,25px)!important}}@media (min-width:40rem){.sm\:top-\[5px\]{top:5px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:p-1\.5{padding:calc(var(--spacing) * 1.5)}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:pr-4{padding-right:calc(var(--spacing) * 4)}.sm\:pb-0{padding-bottom:0}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container brand-catalog (min-width:24rem){.\@sm\/brand-catalog\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container brand-catalog (min-width:28rem){.\@md\/brand-catalog\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container brand-catalog (min-width:56rem){.\@4xl\/brand-catalog\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (forced-colors:active){.forced-colors\:border\!{border-style:var(--tw-border-style)!important;border-width:1px!important}.forced-colors\:border-\[ButtonText\]\!{border-color:buttontext!important}.forced-colors\:bg-\[ButtonFace\]\!{background-color:buttonface!important}.forced-colors\:\[background-image\:none\]\!{background-image:none!important}.forced-colors\:text-\[ButtonText\]\!{color:buttontext!important}.forced-colors\:shadow-none\!{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.forced-colors\:focus-visible\:outline-\[Highlight\]\!:focus-visible{outline-color:highlight!important}}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}.\[\&\:not\(\:disabled\)\:not\(\[aria-disabled\=true\]\)\:active\]\:translate-y-px:not(:disabled):not([aria-disabled=true]):active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:not\(\:disabled\)\:not\(\[aria-disabled\=true\]\)\:active\]\:shadow-\[inset_0_2px_4px_var\(--button-fancy-pressed\,\#0004\)\]\!:not(:disabled):not([aria-disabled=true]):active{--tw-shadow:inset 0 2px 4px var(--tw-shadow-color,var(--button-fancy-pressed,#0004))!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.\[\&\>\:is\(button\,a\)\:focus-visible\]\:relative>:is(button,a):focus-visible{position:relative}.\[\&\>\:is\(button\,a\)\:focus-visible\]\:z-10>:is(button,a):focus-visible{z-index:10}.\[\&\>\:is\(button\,a\)\:not\(\:first-child\)\]\:-mt-px>:is(button,a):not(:first-child){margin-top:-1px}.\[\&\>\:is\(button\,a\)\:not\(\:first-child\)\]\:-ml-px>:is(button,a):not(:first-child){margin-left:-1px}.\[\&\>\:is\(button\,a\)\:not\(\:first-child\)\]\:rounded-t-none\!>:is(button,a):not(:first-child){border-top-left-radius:0!important;border-top-right-radius:0!important}.\[\&\>\:is\(button\,a\)\:not\(\:first-child\)\]\:rounded-l-none\!>:is(button,a):not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}.\[\&\>\:is\(button\,a\)\:not\(\:last-child\)\]\:rounded-r-none\!>:is(button,a):not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}.\[\&\>\:is\(button\,a\)\:not\(\:last-child\)\]\:rounded-b-none\!>:is(button,a):not(:last-child){border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/font-0.316j0ulv377z6.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/font-1.1ak_r0qwk4efr.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/font-2.2r2fipdt7dpwy.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/font-3.0vbbr_motsstn.ttf)format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/font-4.10xgmchs6okr4.ttf)format("truetype")}[data-design-system=wonderinos]{--background:#f9f8f2;--foreground:#101010;--card:#f9f8f2;--card-foreground:#101010;--primary:#101010;--primary-foreground:#fff;--accent:#e8e0f5;--accent-foreground:#101010;--muted-foreground:#646469;--value-foreground:var(--foreground)}@supports (color:color-mix(in lab, red, red)){[data-design-system=wonderinos]{--value-foreground:color-mix(in srgb, var(--foreground) 95%, var(--card))}}[data-design-system=wonderinos]{--border:#c7c2cd88;--input:#aaa69f;--ring:#8c6de2;--radius:6px;--font-sans:"DM Sans", sans-serif;--type-body:17px;--surface-shadow:#34233c0a;color:var(--foreground);background:var(--background)}[data-design-system=wonderinos][data-theme=dark]{--background:#101016;--foreground:#f8f5ed;--card:#14141d;--card-foreground:#f8f5ed;--primary:#f8f5ed;--primary-foreground:#14121a;--accent:#302938;--accent-foreground:#f8f5ed;--muted-foreground:#c1bccb;--border:#7e72965c;--input:#625d6a;--ring:#c5a9ff;--surface-shadow:#0006}@media (prefers-color-scheme:dark){[data-design-system=wonderinos][data-theme=system]{--background:#101016;--foreground:#f8f5ed;--card:#14141d;--card-foreground:#f8f5ed;--primary:#f8f5ed;--primary-foreground:#14121a;--accent:#302938;--accent-foreground:#f8f5ed;--muted-foreground:#c1bccb;--border:#7e72965c;--input:#625d6a;--ring:#c5a9ff;--surface-shadow:#0006}}[data-design-system=wonderinos][data-surface=public][data-theme=dark]{--background:#34313f;--card:#413c4c;--ring:#eadcff}[data-design-system=wonderinos] .value-link{color:var(--value-foreground)}.ds-wonderinos-button{min-height:var(--wonderinos-touch-target);border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.ds-wonderinos-button[data-variant=outline]{background:var(--background);color:var(--foreground);border-color:var(--border)}.ds-wonderinos-button:disabled{opacity:.5;cursor:not-allowed}.ds-wonderinos-button:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.ds-wonderinos-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);padding:28px}.ds-wonderinos-page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.ds-wonderinos-page-heading h1{font-size:var(--type-title);margin:0;line-height:1.2}.ds-wonderinos-page-heading__controls{align-items:center;gap:8px;display:flex}.ds-wonderinos-empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:8px;padding:72px 24px;display:flex}.ds-wonderinos-empty h2{font-size:var(--type-item);margin:0}.ds-wonderinos-empty p{color:var(--muted-foreground);margin:0}.ds-wonderinos-item-group{flex-direction:column;gap:12px;width:100%;display:flex}.ds-wonderinos-item{border-radius:var(--radius);border:1px solid #0000;align-items:center;gap:16px;padding:12px 16px;display:flex}.ds-wonderinos-item[data-variant=outline]{border-color:var(--border)}.ds-wonderinos-item-content{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ds-wonderinos-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}[data-design-system=wonderinos]{--font-heading:"Anton", sans-serif;--type-title:clamp(28px, 4vw, 40px);--type-item:20px;--type-meta:12px;--wonderinos-touch-target:44px}.ds-wonderinos-wordmark{font-family:var(--font-heading);white-space:nowrap;font-weight:400;line-height:1.2;text-decoration:none;display:inline-flex}.ds-wonderinos-notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;color:var(--card-foreground);padding:20px}.ds-wonderinos-notice[data-tone=error]{border-color:var(--primary)}.ds-wonderinos-page-heading h1,.ds-wonderinos-empty h2{font-family:var(--font-heading);font-weight:400}.ds-wonderinos-drawer-trigger{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.ds-wonderinos-drawer-overlay{z-index:100;background:#0009;position:fixed;inset:0}.ds-wonderinos-drawer{z-index:101;border-right:1px solid var(--border);background:var(--background);width:min(400px,100vw - 24px);height:100dvh;color:var(--foreground);font-family:var(--font-sans);flex-direction:column;gap:24px;padding:24px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:12px 0 40px #0003}.ds-wonderinos-drawer-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.ds-wonderinos-drawer-header h2{font-family:var(--font-heading);margin:0;font-size:26px;font-weight:400}.ds-wonderinos-drawer-description{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ds-wonderinos-button[data-variant=fancy]{--button-fancy-top:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ds-wonderinos-button[data-variant=fancy]{--button-fancy-top:color-mix(in srgb, var(--primary) 94%, white)}}.ds-wonderinos-button[data-variant=fancy]{--button-fancy-bottom:var(--primary);--button-fancy-foreground:var(--primary-foreground);--button-fancy-glow:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ds-wonderinos-button[data-variant=fancy]{--button-fancy-glow:color-mix(in srgb, var(--primary) 24%, transparent)}}@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-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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;line-height:1.5}a{color:inherit;text-underline-offset:.2em}button,input{font:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.wonderinos-auth{flex-direction:column;align-items:center;gap:28px;width:min(100% - 32px,620px);margin:64px auto;display:flex}.wonderinos-auth>.ds-wonderinos-wordmark{font-size:44px}.wonderinos-auth .ds-wonderinos-card{flex-direction:column;gap:20px;display:flex}.wonderinos-auth h1{font-size:26px}.wonderinos-auth p{margin:0}.wonderinos-auth code{overflow-wrap:anywhere}.wonderinos-admin{min-height:100dvh}.wonderinos-admin__header{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 28px;display:flex}.wonderinos-admin__header .ds-wonderinos-wordmark{font-size:32px}.wonderinos-badge{background:var(--accent);border-radius:24px;padding:4px 12px;font-size:14px}.wonderinos-admin__menu{margin-left:auto}.wonderinos-admin__navigation{flex-direction:column;gap:8px;display:flex}.wonderinos-admin__navigation a{border-radius:var(--radius);padding:10px 16px;text-decoration:none}.wonderinos-admin__navigation [aria-current=page]{background:var(--accent);font-weight:600}.wonderinos-admin__links{flex-direction:column;align-items:stretch;gap:16px;margin-top:auto;font-size:14px;display:flex}.wonderinos-admin__content{width:min(100%,1440px);min-width:0;margin-inline:auto;padding:36px}.wonderinos-skip{background:var(--card);z-index:1;padding:8px;position:fixed;top:-100px;left:16px}.wonderinos-skip:focus{top:12px}@media (max-width:720px){.wonderinos-admin__header{gap:10px;padding:12px 16px}.wonderinos-admin__content{padding:24px 16px}.wonderinos-auth{margin:32px auto}}.wonderinos-account-id-label{font-size:var(--type-meta);color:var(--muted-foreground)}.wonderinos-auth>[role=alert]{width:100%}.wonderinos-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.wonderinos-admin__header .ds-wonderinos-wordmark{font-size:clamp(18px,5vw,24px)}}.wonderinos-admin__setting{justify-content:space-between;align-items:center;gap:16px;display:flex}.wonderinos-admin__badges{flex-wrap:wrap;gap:8px;display:flex}
