@font-face {
    font-family: 'Polysans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/assets/polysans-light-177166f2d29f12353c2ba1c0088b5bad670614202107744fb8b93fa6f51ea74f.otf) format("opentype");
}

@font-face {
    font-family: 'Polysans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/polysans-neutral-4ff423e026a21d403408ceec353599465968585975d97440cd8acc4f2049ad25.otf) format("opentype");
}

@font-face {
    font-family: 'Polysans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/polysans-medium-1d51ec18ba268ad75e11c2d6cd1da1ab0bbda20a53d947b0df12a5c6da95ed2a.otf) format("opentype");
}

@font-face {
    font-family: 'Polysans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/polysans-bold-fe6f7a131fd72b007b1b8296dd985e8a8388d1fd9e5e6908542b3194073ed116.otf) format("opentype");
}

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Rails Direct Upload Progress */
.direct-upload {
  display: inline-block;
  position: relative;
  padding: 4px 8px;
  margin: 4px;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 8px;
  font-size: 12px;
  color: rgb(56, 189, 248);
}

.direct-upload--pending {
  opacity: 0.6;
}

.direct-upload__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: rgb(56, 189, 248);
  border-radius: 0 0 8px 8px;
  transition: width 120ms ease-out;
}

.direct-upload--complete {
  opacity: 0.5;
}

.direct-upload--error {
  border-color: rgb(239, 68, 68);
  color: rgb(239, 68, 68);
}