.bravori-text-box{position:relative;box-sizing:border-box;background-color:#fff;border:1px solid white;display:inline-block}.bravori-text-box label{visibility:hidden;position:absolute;font-size:10px;left:1.4em;top:-.7em;background-color:#fff;padding-left:5px;padding-right:5px}.bravori-text-box input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;box-sizing:border-box;font-size:14px;padding:1em;color:var(--var-text-body)}.bravori-text-box input:focus-visible{outline:none}.bravori-text-box.active{border-color:var(--var-text-body)}.bravori-text-box.active label,.bravori-text-box label.visible{visibility:visible}.bravori-text-box label.visible{background-color:#0000}.bravori-text-box.active label{background-color:#fff}.bravori-button{background-color:var(--var-main-orange);border:none;border-radius:5px;padding:.8em 1em;font-weight:600;color:#fff;font-size:15px;cursor:pointer}.bravori-button.secondary{background-color:var(--var-main-blue)}.bravori-button.disabled{background-color:gray;cursor:initial}.student-button{border:1px solid;border-color:var(--var-main-blue);padding:1em;margin:1em;display:inline-block;border-radius:5px;min-width:calc(33% - 4em);cursor:pointer}.name{font-size:1.3em;font-weight:600}.subscription{display:inline-block;margin-right:10px}.tag{background-color:gray;display:inline-block;padding:.3em;border-radius:5px;color:#fff}.tag.active{background-color:green}.logo{text-align:center}:root{--var-main-orange: #ff9519;--var-main-blue: #0455bf;--var-text-body: #033e8c;--var-action: #c96000;--var-warning: #e83d3d;--var-background: rgba(242, 195, 53, .08);--var-main-bg: #fefaef}body{background-color:var(--var-main-bg);font-family:Nunito,sans-serif;font-optical-sizing:auto;color:var(--var-text-body)}h1,h2,h3,h4,.center{text-align:center}.not-valid{color:var(--var-warning)}.success{color:var(--var-main-blue);font-weight:700}.note{font-style:italic;color:#e83d3d}.credentials .row{display:flex;font-family:monospace;justify-content:center;padding:1em;background-color:#fff;margin:5px auto;width:200px;border:1px var(--var-main-blue) solid}
