@font-face {
  font-family: 'pass_bullet';
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/password.0bf6c6d477f0.ttf") format('truetype');
}

select {
  border: none;
  background: transparent;
  box-shadow: none;
}

select::-ms-expand {
  display: none;
}

select:hover {
  cursor: context-menu;
}

select:focus {
  outline: none;
  box-shadow: none;
}

textarea {
  min-width: 100%;
  max-width: 100%;
  display: block;
}

#message {
  word-wrap: break-word;
}

#obfuscate,
[for='obfuscate'] {
  margin-bottom: 0.5rem;
}

input#obfuscate:checked + * + textarea#id_secret {
  font-family: 'pass_bullet', fantasy;
}

#reveal_secret {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

#reveal_secret [type='submit'] {
  margin: auto;
}

/* dropzone */

#create-secret.dropzone {
  display: flex;
  flex-wrap: wrap;
  border: none;
  padding: 0;
  justify-content: space-between;
}

#create-secret.dropzone.dz-drag-over {
  border: none;
}

#create-secret.dropzone.hide {
  display: none;
}

#create-secret.dropzone > * {
  min-width: 100%;
}

#create-secret.dropzone > *.half {
  min-width: 49%;
  max-width: 49%;
  position: relative;
}

#create-secret.dropzone > *[type='submit'] {
  margin-left: auto;
  min-width: auto;
}

.dropzone-previews {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: calc(100% - 0.5rem);
  margin-bottom: 0.5rem;
  justify-content: center;
  cursor: pointer;
}

.dropzone-previews > * {
  flex-grow: 0;
}

.dz-message {
  text-align: center;
  margin: auto;
  flex-basis: 100%;
}

.hide {
  display: none;
}

.dz-error-mark svg g {
  fill: red;
}

.dz-success-mark svg path {
  fill: green;
}