/* [project]/services/login/styles/login-service.scss.css [client] (css) */
.square-image-container:after {
  content: "";
  padding-bottom: 100%;
  display: block;
}

html, body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

html, body, input, textarea {
  font-family: var(--font-proxima), -apple-system, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

img {
  max-width: 100%;
  display: block;
}

* {
  box-sizing: border-box;
}

a {
  color: #0070f3;
  cursor: pointer;
  text-decoration: none;
}

span.fake-link {
  color: #0070f3;
  cursor: pointer;
  text-decoration: none;
}

span.fake-link:hover {
  text-decoration: underline;
}

svg.highlight {
  fill: #ffca7f;
  z-index: 0;
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
  width: 100%;
  height: min(80%, 40px);
}

.grid-container {
  grid-template-columns: min-content;
  grid-auto-rows: 0fr;
  display: inline-grid;
}

.text-container {
  white-space: nowrap;
  z-index: 1;
  grid-area: 1 / 1 / 2 / 2;
}

:root {
  --color-accent-rebrand: #5497fe;
  --color-accent-rebrand-hover: #3484fe;
  --color-cream: #f5ebd9;
  --color-cream-button-default: #ece1cc;
  --color-cream-button-hover: #e8dbc4;
  --color-cream-button-active: #e3d6bf;
  --color-accent-dark-gray: #6f6f6f;
  --text-dark: #1a1a1a;
  --color-black: #000;
  --color-white: #fff;
  --size-none: 0;
  --size-xxxx-small: 4px;
  --size-xxx-small: 8px;
  --size-xx-small: 12px;
  --size-x-small: 16px;
  --size-small: 24px;
  --size-medium: 32px;
  --size-large: 48px;
  --size-x-large: 64px;
  --size-xx-large: 128px;
}

html, body {
  -webkit-tap-highlight-color: #0000;
  max-width: 100%;
  font-weight: 300;
}

a:hover {
  text-decoration: underline;
}

a:hover.no-underline {
  font-size: 16px;
  text-decoration: none;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

.spin {
  animation: 2s linear infinite rotate;
}

.action-button-container > svg {
  align-self: center;
}

.transition-color {
  transition: color .3s ease-out;
}

.transition-opacity {
  transition: opacity .3s ease-out;
}

input.orgTableHeader::placeholder {
  color: #7183a0;
  opacity: 1;
}

span.orgTableHeader {
  color: #7183a0;
}

.redeem-code-input::placeholder {
  color: #444f60;
  opacity: 1;
}

.filledSsoButtonRedesign {
  background-color: var(--color-cream-button-default);
}

.filledSsoButtonRedesign:hover {
  background-color: var(--color-cream-button-hover);
}

.filledSsoButtonRedesign:active {
  background-color: var(--color-cream-button-active);
}

.whiteSsoButton {
  background-color: #fff;
}

.whiteSsoButton:hover {
  background-color: #f5f5f5;
}

.whiteSsoButton:active {
  background-color: #ebebeb;
}

/*# sourceMappingURL=dfe321a8adf0d0a6.css.map*/