.hbe,.hbe:after,.hbe:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hbe-container{margin:0 auto;overflow:hidden}.hbe-content{text-align:center;font-size:150%;padding:1em 0}.hbe-input{position:relative;z-index:1;display:inline-block;margin:1em;width:80%;min-width:200px;vertical-align:top}.hbe-input-field{line-height:normal;font-size:100%;margin:0;position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:var(--surface0);color:var(--text);font-weight:400;font-family:var(--font-sans-serif);-webkit-appearance:none}.hbe-input-field:focus{outline:none}.hbe-input-label{display:inline-block;float:right;padding:0 1em;width:40%;color:var(--subtext1);font-weight:700;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hbe-input-label-content{position:relative;display:block;padding:1.6em 0;width:100%}.hbe-graphic{position:absolute;top:0;left:0;fill:none}.hbe-button{height:40px;background:var(--lavender);border:none;border-radius:5px;position:relative;border-bottom:2px solid var(--blue);color:var(--mantle);font-weight:600;font-family:var(--font-mono);text-align:left;text-indent:5px;cursor:pointer;display:block;margin:0 auto 20px}.hbe-input-xray{overflow:hidden;padding-bottom:2.5em}.hbe-input-field-xray{padding:0;margin-top:1.2em;width:100%;background:transparent;color:var(--lavender);font-size:1.55em}.hbe-input-label-xray{position:absolute;top:2em;left:0;display:block;width:100%;text-align:left;padding:0;letter-spacing:1px;color:var(--lavender);pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform .2s .1s,color .3s;transition:transform .2s .1s,color .3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hbe-graphic-xray{stroke:var(--lavender);pointer-events:none;stroke-width:2px;top:1.25em;bottom:0;height:3.275em;-webkit-transition:-webkit-transform .7s,stroke .7s;transition:transform .7s,stroke .7s;-webkit-transition-timing-function:cubic-bezier(0,.25,.5,1);transition-timing-function:cubic-bezier(0,.25,.5,1)}.hbe-input-field-xray:focus+.hbe-input-label-xray,.input--filled .hbe-input-label-xray{color:var(--lavender);-webkit-transform:translate3d(0,3.5em,0) scale3d(.85,.85,1);transform:translate3d(0,3.5em,0) scale3d(.85,.85,1)}.hbe-input-field-xray:focus~.hbe-graphic-xray,.input--filled .graphic-xray{stroke:var(--lavender);-webkit-transform:translate3d(-66.6%,0,0);transform:translate3d(-66.6%,0,0)}