:root{touch-action:pan-x pan-y;height:100%}#root{display:flex;width:100vw;height:100vh}.startup-msg{margin:0 auto}.chat-container{max-width:1280px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;flex-basis:100%}.header{padding:12px;margin-bottom:2rem;font-size:clamp(1.4rem,1.2666666666666666rem + .6666666666666669vw,1.8rem)}.header.idle{color:#009688}.header.setup{color:#009688;text-align:left}.subheader{font-size:clamp(1rem,.9rem + .5vw,1.3rem)}.subheader.error button{margin:10px}.subheader.setup{text-align:left;display:flex;flex-direction:column;gap:30px;padding-bottom:50px}.icon{width:14vw;margin:0 auto}#info{background-color:#00f;padding:20px}.chat-container{text-align:center}.loading-animation{width:fit-content;margin:0 auto;display:flex;padding-bottom:50px}.loading-animation .dot{background-color:#009688;width:18px;height:18px;margin:10px;border-radius:100%;display:inline-block}.loading-animation .dot:nth-child(1){animation:2s ease-in-out 0s infinite loading-animation}.loading-animation .dot:nth-child(2){animation:2s ease-in-out .07s infinite loading-animation}.loading-animation .dot:nth-child(3){animation:2s ease-in-out .14s infinite loading-animation}@keyframes loading-animation{00%{transform:translateY(0)}50%{transform:translateY(44px)}to{transform:translateY(0)}}.input-and-button{display:flex;gap:20px;flex-shrink:1;flex-wrap:wrap}.room-charges-container{display:flex;justify-content:space-between;border:2px solid lightgrey;border-radius:12px;padding:24px}.allow-room-charge-checkbox{aspect-ratio:1/1}.input-field,.timeout-s-input,.terminal-id-input{font-size:clamp(1.6rem,1.4666666666666668rem + .6666666666666665vw,2rem);text-align:center;flex:1 1}.terminal-id-save-button{box-sizing:content-box;flex-grow:1}.setup-error{color:#fc6360;display:none}.payment-method-icon{margin-top:30px;scale:3}.preferred-timeout-container{border:2px solid lightgrey;border-radius:12px;padding:24px}.preferred-timeout-container .timeout-label{padding-bottom:12px}.terminal-manager{display:flex;flex-direction:column;gap:4px;border:2px solid lightgrey;border-radius:12px;padding:24px}.terminal-input{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.terminal-input .btn{flex:1 0}.error-text{margin:0;color:#f08080}.input-group{display:flex;flex-direction:column;flex:1 1}.input-group label{margin-bottom:12px}.error-message{color:red;font-size:14px;width:100%;text-align:center}.add-button{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-button:hover{background-color:#0056b3}.terminal-list h2{font-size:28px;font-weight:400;margin-bottom:12px}.terminal-list{gap:8px;display:flex;flex-direction:column}.terminal-item{padding:12px 12px 12px 24px;border:2px solid lightgray;border-radius:6px;display:flex;flex-direction:row;justify-content:space-between;text-align:left}.terminal-item-left{display:flex;flex-direction:column;justify-content:space-between}.terminal-item-right{display:flex;padding:8px;gap:12px}.terminal-item-right button{aspect-ratio:1/1}.terminal-item-right button{margin:0;padding:0;height:100%;width:100%;transition:none;border:none;background:none;cursor:pointer}.terminal-item-right button:hover img{filter:brightness(.8)}.terminal-item-right img{height:100%;width:100%}.terminal-item p{margin:0}:root{color:#213547;background-color:#fff;font-family:Roboto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;display:flex;place-items:center;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}