@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-duration:initial;--tw-ease:initial}}}.hello-bar.closed{height:calc(var(--spacing,.25rem)*0)}.hello-bar .Layout-container-big{--tw-translate-x:calc(var(--spacing,.25rem)*0);width:100%;height:100%;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;--tw-ease:cubic-bezier(.4,0,.2,1);will-change:transform,opacity;backface-visibility:hidden;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.hello-bar.transitioning .Layout-container-big{opacity:0;transform:translate(-100%)translateZ(0)}.hello-bar.entering .Layout-container-big{opacity:0;transition:none;transform:translate(100%)translateZ(0)}.hello-bar:not(.entering):not(.transitioning) .Layout-container-big{--tw-translate-x:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;--tw-ease:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0)translateZ(0)}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}