/* =====================
  Tokens in Design System
  (following https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421)
===================== */
/* ==========[ TOKENS ]========== */
/* 1. Texts */
/* 2. Button */
/* 3. Brand */
/* 4. Background */
/* 5. Font */
/* 6. Border */
/* ==========[ DECISION ]========== */
/** VAR OLDS **/
/*-- Colors --*/
/*-- Text & Font --*/
/*-- Border, Shadow --*/
/*-- Main colors --*/
.access-demo .access-form {
  max-width: 600px;
  margin: 0 auto; }
  .access-demo .access-form .loading-dot {
    height: 52px;
    width: 70px;
    background: url(https://cdn.holistics.io/landing/loading-dot-2.svg);
    background-position: center;
    background-size: cover; }
  .access-demo .access-form form input[type="submit"]:not(:hover) {
    background: transparent; }
  .access-demo .access-form form .input label {
    padding: 18px 0 0;
    margin-bottom: .3rem; }
    .access-demo .access-form form .input label:after {
      top: 18px; }

.access-demo h1.section-heading {
  margin-bottom: 20px; }

.access-demo input[type=radio] {
  vertical-align: middle; }

.access-demo .btn-submit {
  margin-top: 15px;
  font-weight: 600;
  cursor: pointer; }