*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-60{bottom:15rem}.left-0{left:0}.left-1\/2{left:50%}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-5{top:1.25rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.inline-grid{display:inline-grid}.m14\.31{margin:3.5775rem}.m16\.62{margin:4.155rem}.m7\.38{margin:1.845rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-16{margin-top:4rem}.block{display:block}.\!hidden{display:none!important}.size-14{width:3.5rem;height:3.5rem}.size-6{width:1.5rem;height:1.5rem}.size-full{width:100%;height:100%}.h-14{height:3.5rem}.h-full{height:100%}.max-w-full{max-width:100%}.w-\[--canvas-width\]{width:var(--canvas-width)}.w-96{width:24rem}.w-full{width:100%}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column}.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}.resize-none{resize:none}.place-content-center{place-content:center}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-x-5{column-gap:1.25rem}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.whitespace-pre-line{white-space:pre-line}.border-4{border-width:4px}.border-b-2{border-bottom-width:2px}.border-t-4{border-top-width:4px}.border-\[--gray-800\]{border-color:var(--gray-800)}.border-\[--pink\]{border-color:var(--pink)}.border-current{border-color:currentColor}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.bg-\[--chocolate\]{background-color:var(--chocolate) }.bg-\[--gray-800\]{background-color:var(--gray-800) }.bg-transparent{background-color:#0000}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity)) }.fill-current{fill:currentColor}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.text-center{text-align:center}.text-left{text-align:left}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-\[--chocolate\]{color:var(--chocolate) }.text-\[--gray-900\]{color:var(--gray-900) }.text-\[--peach\]{color:var(--peach) }.text-white{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity)) }.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-wide{letter-spacing:.025em}.opacity-30{opacity:.3}.shadow-\[--button-shadow\]{--un-shadow:var(--button-shadow);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)}.outline{outline-style:solid}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.after\:content-\[\'QR-Code\'\]:after{content:"QR-Code"}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--un-default-border-color,#e5e7eb)}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--canvas-width:1920px;--button-shadow:0 2px 2px 0 oklch(0% 0 0/.14), 0 1px 5px 0 oklch(0% 0 0/.12), 0 3px 1px -2px oklch(0% 0 0/.2);--scrollbar-thumb-color:oklch(70.37% .024 261.47);--scrollbar-track-color:oklch(24.47% .075 260.52/.08);--h2c-offset:0;--pink:oklch(59.16% .218 .58);--gray-500:oklch(55.1% .023 264.36);--gray-800:oklch(27.81% .03 256.85);--gray-900:oklch(21.01% .032 264.66);--chocolate:#733816;--peach:#f2caa7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color)}::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color)}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}@media (width>=120em){body{overflow-x:hidden}}button{transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:where(button):active{scale:.97}:focus-visible{outline-offset:2px;outline:2px solid}.h2c-offset{translate:0 var(--h2c-offset)}[aria-current=page]{color:var(--pink)}[placeholder]::placeholder{color:var(--gray-500)}#navbar{transition:opacity .3s ease-in-out}#camera-button{background-color:var(--gray-900);color:#fff;width:3.5rem;height:3.5rem;box-shadow:var(--button-shadow);border-radius:50%;place-content:center;display:inline-grid;position:absolute;top:5rem;left:50%;overflow:clip;translate:-50%;&:hover{background-color:var(--gray-800)}&:focus-visible{outline-color:var(--gray-900)}}#canvas{height:1080px;width:var(--canvas-width);font-family:Poppins,sans-serif;font-size:.625rem;line-height:1}.lower-third{& .headline{padding-block:1.1em;padding-inline:5em}& .headline:before,& .subtitle:before{content:"";z-index:-1;position:absolute;inset:0;transform:skew(-18deg)}& .headline:before{background-color:var(--chocolate)}}@media (hover:hover) and (pointer:fine){.headline:hover .input,.subtitle:hover .input,.copy:hover .textarea{outline-offset:1px;outline:2px dashed}}:is(.headline .input,.subtitle .input,.copy .textarea):focus-visible{outline-offset:1px;outline:2px dashed}:is(.input,.textarea):not(:focus-visible){cursor:pointer}.lower-third{& .headline{& :is(.input,.text){font-size:5em;line-height:1.28}& .input{width:max-content;height:1.28em}}& .subtitle{margin:-.3em 0 6.5em;padding-block:.9em;padding-inline:5.2em;&:before{background-color:var(--peach)}& :is(.input,.text){font-size:3.5em;line-height:1.34286}& .input{width:max-content;height:1.34286em}}}.route-center{& .headline{max-width:181.2em;& .input{max-width:106.5rem}}& .subtitle{max-width:169.8em;& .input{max-width:99.125rem}}}.route-left{& .headline{margin-inline:7.8em;padding-inline:3.6em;& .input{max-width:105.25rem}}& .subtitle{margin-inline:9em;padding-inline:2.2em;& .input{max-width:105.5rem}}}
