.room-code-input{box-sizing:border-box;color:#301941;font-variant-numeric:tabular-nums;letter-spacing:0;cursor:text;background:#fcf8ec;border:2px solid #ad91c5;border-radius:14px;flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:58px;padding:12px 16px;font:800 max(20px,min(2.5vw,28px))/1.3 DM Sans,sans-serif;display:flex}.room-code-input>span{color:inherit;pointer-events:none;flex:none}.room-code-input>input{width:5ch!important;min-width:0!important;height:auto!important;min-height:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-align:left!important;text-transform:none!important;box-shadow:none!important;box-sizing:content-box!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;flex:0 0 5ch!important;margin:0!important;padding:0!important}.room-code-input>input::placeholder{color:#806c90;opacity:1}.room-code-input:focus-within{outline-offset:4px;outline:3px solid #ffdc70}.room-code-input.is-legacy>input{flex-basis:11ch!important;width:11ch!important}.couch-page .room-code-input{color:#fff4d7;background:#302044;border-color:#9272b3;font-size:20px}.couch-page .room-code-input>input::placeholder{color:#c5b0d7}.room-code-input:has(input:disabled){opacity:.65}