label{user-select:none;color:var(--gray-600);font-size:1.2rem}.floating-label{position:absolute;top:50%;left:8px;transform:translate(0,-50%);pointer-events:none;user-select:none;color:var(--gray-600);transition:0.2s;font-size:1.2rem}form{margin:50px auto;width:clamp(15vw,500px,100vw);display:flex;flex-direction:column;align-items:center;padding:10px 20px;background-color:var(--gray-50);border-radius:5px;box-shadow:var(--drop-shadow-200)}form h1,form p{text-align:center}form input:focus ~ .floating-label,form input:not(:placeholder-shown) ~ .floating-label{top:10px;left:5px;font-size:0.6rem;transition:0.2s;opacity:0.8}form .form-entry{position:relative;margin-bottom:15px;place-self:center stretch;width:100%}form .form-entry:has(input[type="checkbox"]){display:grid;grid-template-columns:20px auto;gap:8px;padding:0 0 0 8px}form input{outline:none 3px;border:1px solid var(--gray-100);border-radius:5px;font-size:1.2rem;padding:16px 5px 3px 5px;width:95%}form input:focus{box-shadow:var(--glow-primary-100)}form button,form input[type="submit"]{background-color:var(--primary-500);color:var(--gray-50);font-weight:bold;font-size:1.5rem;border:0 solid transparent;border-radius:5px;width:120px;height:45px;cursor:pointer;transition:background-color 300ms ease;margin:5px auto;outline:none;padding:5px;box-shadow:var(--drop-shadow-100)}form button:hover,form input[type="submit"]:hover{background-color:var(--primary-700)}form input[type="checkbox"]{padding:0;margin:0;width:auto;outline:none}