/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* By:     Aaron Wynn                      ("`-''-/").___..--''"`-._         */
/* E-mail: webmaster@arawn.dev              `6_ 6  )   `-.  (     ).`-.__.`) */
/* Web:    https://arawn.dev/?=info         (_Y_.)'  ._   )  `._ `. ``-..-'  */
/*                                        _..`--'_..-_/  /--'_.' ,'          */
/*                                       (il),-''  (li),'  ((!.-'            */
/* Copyright (C) 2021-Present, Arawn Development.                            */
/* All rights reserved.  Void where prohibited by law.                       */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@charset "UTF-8";

#Link {

}

#Link fieldset {
  width: 420px;
  margin: 0 auto;
}

#Link input[type=text] {
  width: 300px;
  padding: 6px;
  margin: 4px 0;
}

#Link button {
  padding: 6px 12px;
  margin-top: 6px;
  background: #333;
}

/* TEMP */
#Link input[type=submit][disabled],
#Link button[disabled] {
  color: #666;
  /* background-color: blue; */
}

/* input field */

#Link #inputUrl.flash-border {
  border-color: #F00;
}

#Link #inputCtrl {
  width: fit-content;
  margin: 0 auto;
}

/* output field */

#Link #outputUrl.flash-border {
  border-color: #0F0;
}

#Link #outputUrl.copied {
  color: var(--bg-color);
  background-color: var(--fg-color);
}

/* copy button */

#Link #copyBtn:focus {
  border-color: #080;
}

#Link #copyBtn.copied {
  border-color: #0B0;
}

#Link #copyBtn.failed {
  border-color: #B00;
}

/* go button */

#Link #goBtn.activated {
  background-color: #080;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* EOF */