@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Instrument+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap");#hat-builder-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#hat-builder-root .pointer-events-none{pointer-events:none}#hat-builder-root .visible{visibility:visible}#hat-builder-root .invisible{visibility:hidden}#hat-builder-root .collapse{visibility:collapse}#hat-builder-root .static{position:static}#hat-builder-root .fixed{position:fixed}#hat-builder-root .absolute{position:absolute}#hat-builder-root .relative{position:relative}#hat-builder-root .sticky{position:sticky}#hat-builder-root .inset-0{inset:0}#hat-builder-root .right-2{right:.5rem}#hat-builder-root .top-0{top:0}#hat-builder-root .top-2{top:.5rem}#hat-builder-root .z-10{z-index:10}#hat-builder-root .z-30{z-index:30}#hat-builder-root .m-0{margin:0}#hat-builder-root .m-auto{margin:auto}#hat-builder-root .mx-auto{margin-left:auto;margin-right:auto}#hat-builder-root .\!mt-0{margin-top:0!important}#hat-builder-root .\!mt-2{margin-top:.5rem!important}#hat-builder-root .mb-0{margin-bottom:0}#hat-builder-root .mb-1\.5{margin-bottom:.375rem}#hat-builder-root .mb-2{margin-bottom:.5rem}#hat-builder-root .mb-3{margin-bottom:.75rem}#hat-builder-root .mb-4{margin-bottom:1rem}#hat-builder-root .mt-0\.5{margin-top:.125rem}#hat-builder-root .mt-1{margin-top:.25rem}#hat-builder-root .mt-2{margin-top:.5rem}#hat-builder-root .mt-2\.5{margin-top:.625rem}#hat-builder-root .mt-3{margin-top:.75rem}#hat-builder-root .mt-4{margin-top:1rem}#hat-builder-root .mt-6{margin-top:1.5rem}#hat-builder-root .block{display:block}#hat-builder-root .inline{display:inline}#hat-builder-root .flex{display:flex}#hat-builder-root .inline-flex{display:inline-flex}#hat-builder-root .table{display:table}#hat-builder-root .hidden{display:none}#hat-builder-root .aspect-square{aspect-ratio:1/1}#hat-builder-root .h-11{height:2.75rem}#hat-builder-root .h-12{height:3rem}#hat-builder-root .h-16{height:4rem}#hat-builder-root .h-3{height:.75rem}#hat-builder-root .h-3\.5{height:.875rem}#hat-builder-root .h-4{height:1rem}#hat-builder-root .h-5{height:1.25rem}#hat-builder-root .h-8{height:2rem}#hat-builder-root .h-9{height:2.25rem}#hat-builder-root .h-\[18px\]{height:18px}#hat-builder-root .h-\[26px\]{height:26px}#hat-builder-root .h-full{height:100%}#hat-builder-root .max-h-64{max-height:16rem}#hat-builder-root .max-h-\[42vh\]{max-height:42vh}#hat-builder-root .min-h-\[40px\]{min-height:40px}#hat-builder-root .min-h-\[44px\]{min-height:44px}#hat-builder-root .min-h-\[48px\]{min-height:48px}#hat-builder-root .min-h-\[52px\]{min-height:52px}#hat-builder-root .min-h-screen{min-height:100vh}#hat-builder-root .w-12{width:3rem}#hat-builder-root .w-16{width:4rem}#hat-builder-root .w-24{width:6rem}#hat-builder-root .w-3{width:.75rem}#hat-builder-root .w-3\.5{width:.875rem}#hat-builder-root .w-4{width:1rem}#hat-builder-root .w-5{width:1.25rem}#hat-builder-root .w-8{width:2rem}#hat-builder-root .w-9{width:2.25rem}#hat-builder-root .w-\[18px\]{width:18px}#hat-builder-root .w-\[26px\]{width:26px}#hat-builder-root .w-\[min\(100\%\2c 42vh\)\]{width:min(100%,42vh)}#hat-builder-root .w-auto{width:auto}#hat-builder-root .w-full{width:100%}#hat-builder-root .min-w-0{min-width:0}#hat-builder-root .max-w-controls{max-width:560px}#hat-builder-root .max-w-preview{max-width:540px}#hat-builder-root .flex-1{flex:1 1 0%}#hat-builder-root .shrink{flex-shrink:1}#hat-builder-root .shrink-0{flex-shrink:0}#hat-builder-root .basis-0{flex-basis:0px}#hat-builder-root .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#hat-builder-root .animate-fade-in{animation:fadeIn .2s ease-out}@keyframes spin{to{transform:rotate(1turn)}}#hat-builder-root .animate-spin{animation:spin 1s linear infinite}#hat-builder-root .cursor-not-allowed{cursor:not-allowed}#hat-builder-root .cursor-pointer{cursor:pointer}#hat-builder-root .resize-none{resize:none}#hat-builder-root .resize{resize:both}#hat-builder-root .flex-col{flex-direction:column}#hat-builder-root .flex-wrap{flex-wrap:wrap}#hat-builder-root .items-start{align-items:flex-start}#hat-builder-root .items-center{align-items:center}#hat-builder-root .items-baseline{align-items:baseline}#hat-builder-root .items-stretch{align-items:stretch}#hat-builder-root .justify-center{justify-content:center}#hat-builder-root .justify-between{justify-content:space-between}#hat-builder-root .gap-0{gap:0}#hat-builder-root .gap-1\.5{gap:.375rem}#hat-builder-root .gap-2{gap:.5rem}#hat-builder-root .gap-2\.5{gap:.625rem}#hat-builder-root .gap-3{gap:.75rem}#hat-builder-root .gap-px{gap:1px}#hat-builder-root :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}#hat-builder-root :is(.space-y-5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}#hat-builder-root :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}#hat-builder-root .overflow-hidden{overflow:hidden}#hat-builder-root .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hat-builder-root .rounded{border-radius:.25rem}#hat-builder-root .rounded-full{border-radius:9999px}#hat-builder-root .rounded-none{border-radius:0}#hat-builder-root .border{border-width:1px}#hat-builder-root .border-0{border-width:0}#hat-builder-root .border-2{border-width:2px}#hat-builder-root .border-\[1\.5px\]{border-width:1.5px}#hat-builder-root .border-b{border-bottom-width:1px}#hat-builder-root .border-l{border-left-width:1px}#hat-builder-root .border-l-\[3px\]{border-left-width:3px}#hat-builder-root .border-t{border-top-width:1px}#hat-builder-root .border-solid{border-style:solid}#hat-builder-root .border-dashed{border-style:dashed}#hat-builder-root .border-none{border-style:none}#hat-builder-root .border-brand-accent{--tw-border-opacity:1;border-color:rgb(232 80 30/var(--tw-border-opacity,1))}#hat-builder-root .border-brand-dark{--tw-border-opacity:1;border-color:rgb(25 20 16/var(--tw-border-opacity,1))}#hat-builder-root .border-feedback-error-border{--tw-border-opacity:1;border-color:rgb(227 196 187/var(--tw-border-opacity,1))}#hat-builder-root .border-surface-border{--tw-border-opacity:1;border-color:rgb(216 207 190/var(--tw-border-opacity,1))}#hat-builder-root .border-surface-border-strong{--tw-border-opacity:1;border-color:rgb(200 189 166/var(--tw-border-opacity,1))}#hat-builder-root .border-l-brand-accent{--tw-border-opacity:1;border-left-color:rgb(232 80 30/var(--tw-border-opacity,1))}#hat-builder-root .bg-brand-accent{--tw-bg-opacity:1;background-color:rgb(232 80 30/var(--tw-bg-opacity,1))}#hat-builder-root .bg-brand-dark{--tw-bg-opacity:1;background-color:rgb(25 20 16/var(--tw-bg-opacity,1))}#hat-builder-root .bg-feedback-error-light{--tw-bg-opacity:1;background-color:rgb(247 230 224/var(--tw-bg-opacity,1))}#hat-builder-root .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}#hat-builder-root .bg-red-800{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}#hat-builder-root .bg-surface{--tw-bg-opacity:1;background-color:rgb(251 248 242/var(--tw-bg-opacity,1))}#hat-builder-root .bg-surface-border{--tw-bg-opacity:1;background-color:rgb(216 207 190/var(--tw-bg-opacity,1))}#hat-builder-root .bg-surface-media{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}#hat-builder-root .bg-surface-page{--tw-bg-opacity:1;background-color:rgb(242 241 236/var(--tw-bg-opacity,1))}#hat-builder-root .bg-surface-preview{--tw-bg-opacity:1;background-color:rgb(248 250 251/var(--tw-bg-opacity,1))}#hat-builder-root .bg-surface-tertiary{--tw-bg-opacity:1;background-color:rgb(233 225 209/var(--tw-bg-opacity,1))}#hat-builder-root .bg-transparent{background-color:transparent}#hat-builder-root .bg-white\/60{background-color:hsla(0,0%,100%,.6)}#hat-builder-root .object-contain{-o-object-fit:contain;object-fit:contain}#hat-builder-root .p-1\.5{padding:.375rem}#hat-builder-root .p-2{padding:.5rem}#hat-builder-root .p-4{padding:1rem}#hat-builder-root .p-5{padding:1.25rem}#hat-builder-root .px-1{padding-left:.25rem;padding-right:.25rem}#hat-builder-root .px-2\.5{padding-left:.625rem;padding-right:.625rem}#hat-builder-root .px-3{padding-left:.75rem;padding-right:.75rem}#hat-builder-root .px-3\.5{padding-left:.875rem;padding-right:.875rem}#hat-builder-root .px-4{padding-left:1rem;padding-right:1rem}#hat-builder-root .px-6{padding-left:1.5rem;padding-right:1.5rem}#hat-builder-root .px-7{padding-left:1.75rem;padding-right:1.75rem}#hat-builder-root .px-\[18px\]{padding-left:18px;padding-right:18px}#hat-builder-root .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}#hat-builder-root .py-10{padding-top:2.5rem;padding-bottom:2.5rem}#hat-builder-root .py-2{padding-top:.5rem;padding-bottom:.5rem}#hat-builder-root .py-3{padding-top:.75rem;padding-bottom:.75rem}#hat-builder-root .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}#hat-builder-root .py-4{padding-top:1rem;padding-bottom:1rem}#hat-builder-root .py-8{padding-top:2rem;padding-bottom:2rem}#hat-builder-root .text-left{text-align:left}#hat-builder-root .text-center{text-align:center}#hat-builder-root .text-right{text-align:right}#hat-builder-root .font-display{font-family:Bricolage Grotesque,system-ui,-apple-system,sans-serif}#hat-builder-root .font-mono{font-family:IBM Plex Mono,ui-monospace,SF Mono,Menlo,monospace}#hat-builder-root .text-2xl{font-size:1.5rem;line-height:2rem}#hat-builder-root .text-\[10px\]{font-size:10px}#hat-builder-root .text-\[11px\]{font-size:11px}#hat-builder-root .text-\[12px\]{font-size:12px}#hat-builder-root .text-\[13px\]{font-size:13px}#hat-builder-root .text-\[14px\]{font-size:14px}#hat-builder-root .text-body{font-size:13.5px;line-height:1.55}#hat-builder-root .text-body-lg{font-size:1rem;line-height:1.5rem}#hat-builder-root .text-body-sm{font-size:12.5px;line-height:1.5}#hat-builder-root .text-heading{font-size:1.25rem;line-height:1.15;letter-spacing:-.01em;font-weight:700}#hat-builder-root .text-xs{font-size:.75rem;line-height:1rem}#hat-builder-root .font-bold{font-weight:700}#hat-builder-root .font-medium{font-weight:500}#hat-builder-root .font-normal{font-weight:400}#hat-builder-root .font-semibold{font-weight:600}#hat-builder-root .uppercase{text-transform:uppercase}#hat-builder-root .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}#hat-builder-root .leading-\[1\.55\]{line-height:1.55}#hat-builder-root .leading-none{line-height:1}#hat-builder-root .leading-snug{line-height:1.375}#hat-builder-root .tracking-\[-0\.01em\]{letter-spacing:-.01em}#hat-builder-root .tracking-\[0\.05em\]{letter-spacing:.05em}#hat-builder-root .tracking-\[0\.06em\]{letter-spacing:.06em}#hat-builder-root .text-brand-accent-deep{--tw-text-opacity:1;color:rgb(193 62 19/var(--tw-text-opacity,1))}#hat-builder-root .text-brand-dark{--tw-text-opacity:1;color:rgb(25 20 16/var(--tw-text-opacity,1))}#hat-builder-root .text-brand-head{--tw-text-opacity:1;color:rgb(18 14 10/var(--tw-text-opacity,1))}#hat-builder-root .text-brand-muted{--tw-text-opacity:1;color:rgb(106 97 87/var(--tw-text-opacity,1))}#hat-builder-root .text-feedback-error{--tw-text-opacity:1;color:rgb(155 28 28/var(--tw-text-opacity,1))}#hat-builder-root .text-feedback-success{--tw-text-opacity:1;color:rgb(47 107 52/var(--tw-text-opacity,1))}#hat-builder-root .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}#hat-builder-root .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}#hat-builder-root .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}#hat-builder-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#hat-builder-root .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#hat-builder-root .opacity-0{opacity:0}#hat-builder-root .opacity-40{opacity:.4}#hat-builder-root .opacity-50{opacity:.5}#hat-builder-root .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#hat-builder-root .outline{outline-style:solid}#hat-builder-root .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#hat-builder-root .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)}#hat-builder-root .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}#hat-builder-root .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}#hat-builder-root .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}#hat-builder-root .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}#hat-builder-root .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}#hat-builder-root .duration-200{transition-duration:.2s}#hat-builder-root .duration-500{transition-duration:.5s}#hat-builder-root .\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}#hat-builder-root{font-family:Instrument Sans,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#191410}#hat-builder-root,#hat-builder-root *,#hat-builder-root :after,#hat-builder-root :before{box-sizing:border-box;border:0 solid #d8cfbe;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-content:"";--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: }#hat-builder-root canvas,#hat-builder-root img,#hat-builder-root svg,#hat-builder-root video{display:block;max-width:100%;height:auto}#hat-builder-root button{background:transparent;border:0;font:inherit;color:inherit}#hat-builder-root button:not([disabled]){cursor:pointer}#hat-builder-root input,#hat-builder-root select,#hat-builder-root textarea{font:inherit;color:inherit}#hat-builder-root input[type=range].logo-size-slider{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;height:6px!important;border-radius:9999px!important;cursor:pointer!important;outline:none!important;accent-color:#191410!important;background:linear-gradient(to right,#191410 0,#191410 var(--logo-size-fill,50%),#c8bda6 var(--logo-size-fill,50%),#c8bda6 100%)!important;padding:0!important;border:none!important;color:#191410!important}#hat-builder-root input[type=range].logo-size-slider::-webkit-slider-runnable-track{height:6px!important;border-radius:9999px!important;background:transparent!important;border:none!important}#hat-builder-root input[type=range].logo-size-slider::-moz-range-track{height:6px!important;border-radius:9999px!important;background:transparent!important;border:none!important}#hat-builder-root input[type=range].logo-size-slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:20px!important;height:20px!important;border-radius:9999px!important;background:#fff!important;border:2px solid #191410!important;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.06)!important;margin-top:-7px!important;-webkit-transition:transform .12s ease;transition:transform .12s ease}#hat-builder-root input[type=range].logo-size-slider::-moz-range-thumb{width:20px!important;height:20px!important;border-radius:9999px!important;background:#fff!important;border:2px solid #191410!important;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.06)!important;-moz-transition:transform .12s ease;transition:transform .12s ease}#hat-builder-root input[type=range].logo-size-slider:active::-webkit-slider-thumb{transform:scale(1.1)}#hat-builder-root input[type=range].logo-size-slider:active::-moz-range-thumb{transform:scale(1.1)}@media (prefers-reduced-motion:reduce){#hat-builder-root *,#hat-builder-root :after,#hat-builder-root :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#hat-builder-root .placeholder\:text-brand-muted::-moz-placeholder{--tw-text-opacity:1;color:rgb(106 97 87/var(--tw-text-opacity,1))}#hat-builder-root .placeholder\:text-brand-muted::placeholder{--tw-text-opacity:1;color:rgb(106 97 87/var(--tw-text-opacity,1))}#hat-builder-root .first\:border-l-0:first-child{border-left-width:0}#hat-builder-root .focus-within\:border-brand-accent:focus-within{--tw-border-opacity:1;border-color:rgb(232 80 30/var(--tw-border-opacity,1))}#hat-builder-root .hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#hat-builder-root .hover\:border-brand-muted:hover{--tw-border-opacity:1;border-color:rgb(106 97 87/var(--tw-border-opacity,1))}#hat-builder-root .hover\:border-surface-border-strong:hover{--tw-border-opacity:1;border-color:rgb(200 189 166/var(--tw-border-opacity,1))}#hat-builder-root .hover\:bg-brand-accent:hover{--tw-bg-opacity:1;background-color:rgb(232 80 30/var(--tw-bg-opacity,1))}#hat-builder-root .hover\:bg-brand-dark:hover{--tw-bg-opacity:1;background-color:rgb(25 20 16/var(--tw-bg-opacity,1))}#hat-builder-root .hover\:bg-surface-secondary:hover{--tw-bg-opacity:1;background-color:rgb(243 237 225/var(--tw-bg-opacity,1))}#hat-builder-root .hover\:bg-surface-tertiary:hover{--tw-bg-opacity:1;background-color:rgb(233 225 209/var(--tw-bg-opacity,1))}#hat-builder-root .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}#hat-builder-root .hover\:underline:hover{text-decoration-line:underline}#hat-builder-root .focus\:border-none:focus{border-style:none}#hat-builder-root .focus\:border-brand-dark:focus{--tw-border-opacity:1;border-color:rgb(25 20 16/var(--tw-border-opacity,1))}#hat-builder-root .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}#hat-builder-root .focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}#hat-builder-root .active\:translate-y-0:active,#hat-builder-root .disabled\:translate-y-0:disabled{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#hat-builder-root .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}#hat-builder-root .disabled\:border-transparent:disabled{border-color:transparent}#hat-builder-root .disabled\:bg-surface-tertiary:disabled{--tw-bg-opacity:1;background-color:rgb(233 225 209/var(--tw-bg-opacity,1))}#hat-builder-root .disabled\:text-brand-muted:disabled{--tw-text-opacity:1;color:rgb(106 97 87/var(--tw-text-opacity,1))}#hat-builder-root .disabled\:opacity-40:disabled{opacity:.4}#hat-builder-root .disabled\:opacity-50:disabled{opacity:.5}#hat-builder-root .disabled\:opacity-60:disabled{opacity:.6}#hat-builder-root .disabled\:hover\:bg-surface-tertiary:hover:disabled{--tw-bg-opacity:1;background-color:rgb(233 225 209/var(--tw-bg-opacity,1))}#hat-builder-root .disabled\:hover\:text-brand-muted:hover:disabled{--tw-text-opacity:1;color:rgb(106 97 87/var(--tw-text-opacity,1))}#hat-builder-root :is(.group:hover .group-hover\:scale-\[1\.04\]){--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){#hat-builder-root .sm\:mb-2{margin-bottom:.5rem}#hat-builder-root .sm\:w-28{width:7rem}#hat-builder-root .sm\:flex-initial{flex:0 1 auto}#hat-builder-root .sm\:flex-row{flex-direction:row}#hat-builder-root .sm\:gap-2{gap:.5rem}#hat-builder-root .sm\:gap-3{gap:.75rem}#hat-builder-root .sm\:p-2{padding:.5rem}#hat-builder-root .sm\:p-2\.5{padding:.625rem}#hat-builder-root .sm\:p-6{padding:1.5rem}#hat-builder-root .sm\:p-8{padding:2rem}}@media (min-width:1024px){#hat-builder-root .lg\:block{display:block}#hat-builder-root .lg\:hidden{display:none}#hat-builder-root .lg\:h-screen{height:100vh}#hat-builder-root .lg\:max-h-none{max-height:none}#hat-builder-root .lg\:w-1\/2{width:50%}#hat-builder-root .lg\:w-full{width:100%}#hat-builder-root .lg\:flex-row{flex-direction:row}#hat-builder-root .lg\:items-start{align-items:flex-start}#hat-builder-root :is(.lg\:space-y-12>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}#hat-builder-root .lg\:border-b-0{border-bottom-width:0}#hat-builder-root .lg\:px-12{padding-left:3rem;padding-right:3rem}#hat-builder-root .lg\:py-8{padding-top:2rem;padding-bottom:2rem}}#hat-builder-root .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,#hat-builder-root .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}