@charset "utf-8";
/* CSS Document */
/* TheHotline.us icons.  */
/* application lead: Marty Hand | TheHotline.org   */
/* contact: software@thehotline.org */

/* author: Chad Cleveland | Lightbulb Web Services | www.Lightbulb.Services  */
/* copyright: © Copyright 2022 Lightbulb Web Services.  */
/* license:  https://license.lightbulb.services/the-hotline/2022/license  */

/*
  Last modified: '2022-11-08 18:56';
*/


:root {
  --purple-lt: #9E3A8A;
  --purple-dk: #592C5F;
}


.thl-icon[thl-icon] {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-size: 300%;
  background-repeat: no-repeat;
  margin: 2px;
  background-position-x: center;
  border-color: var(--purple-lt);
}

/* ------------- */
/* COLOR */
/* ------------- */

.thl-icon[thl-icon-color=light-purple] {
  background-position-x: center !important;
  border-color: var(--purple-lt) !important;
}
.thl-icon[thl-icon-color=dark-purple] {
  background-position-x: left !important;
  border-color: var(--purple-dk) !important;
}
.thl-icon[thl-icon-color=black] {
  background-position-x: right !important;
  border-color: #f4f4f4 !important;
  filter: invert(.9) !important;
}
.thl-icon[thl-icon-color=light-grey], .thl-icon[thl-icon-color=grey] {
  background-position-x: right !important;
  border-color: #f4f4f4 !important;
  filter: brightness(.6) !important;
}
.thl-icon[thl-icon-color=dark-grey] {
  background-position-x: right !important;
  border-color: #f4f4f4 !important;
  filter: brightness(.2) !important;
}
.thl-icon[thl-icon-color=white] {
  background-position-x: right !important;
  border-color: #f4f4f4 !important;
}


/* ------------- */
/* ICONS */
/* ------------- */

.thl-icon[thl-icon=reload] {
  background-image: url('./thl-icons-2-120.png?v=1012a') !important;
  background-position-y: center !important;
}
.thl-icon[thl-icon=fullscreen-enter] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-2-120.png?v=1012a') !important;
  background-position-y: top !important;
}
.thl-icon[thl-icon=fullscreen-exit] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-2-120.png?v=1012a') !important;
  background-position-y: bottom !important;
}
.thl-icon[thl-icon=x] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-6-120.png?v=1012a') !important;
  background-position-y: bottom !important;
}
.thl-icon[thl-icon=expand] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-7-120.png?v=1012a') !important;
  background-position-y: bottom !important;
}
.thl-icon[thl-icon=collapse] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-7-120.png?v=1012a') !important;
  background-position-y: center !important;
}
.thl-icon[thl-icon=arrow], .thl-icon[thl-icon=up-arrow] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-7-120.png?v=1012a') !important;
  background-position-y: top !important;
}
.thl-icon[thl-icon=right-arrow] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-7-120.png?v=1012a') !important;
  background-position-y: top !important;
  transform: rotate(90deg) !important;
}
.thl-icon[thl-icon=down-arrow] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-7-120.png?v=1012a') !important;
  background-position-y: top !important;
  transform: rotate(180deg) !important;
}
.thl-icon[thl-icon=left-arrow] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-7-120.png?v=1012a') !important;
  background-position-y: top !important;
  transform: rotate(270deg) !important;
}
.thl-icon[thl-icon=info] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-1-120.png?v=1012a') !important;
  background-position-y: bottom !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 100px !important;
}

.thl-icon[thl-icon=hint] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-4-120.png?v=1012a') !important;
  background-position-y: bottom !important;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
}

.thl-icon[thl-icon=ellipsis], .thl-icon[thl-icon="3-dots-horizontal"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-4-120.png?v=1012a') !important;
  background-position-y: center !important;
}
.thl-icon[thl-icon="options"], .thl-icon[thl-icon="3-dots"], .thl-icon[thl-icon="3-dots-vertical"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-4-120.png?v=1012a') !important;
  background-position-y: center !important;
  transform: rotate(90deg) !important;
}
.thl-icon[thl-icon="link"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-3-120.png?v=1012a') !important;
  background-position-y: top !important;
}
.thl-icon[thl-icon="phone"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-3-120.png?v=1012a') !important;
  background-position-y: center !important;
}
.thl-icon[thl-icon="checkbox-empty"], .thl-icon[thl-icon="checkbox"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-1-120.png?v=1012a') !important;
  background-position: right !important;
}
.thl-icon[thl-icon="checkbox-checked"], .thl-icon[thl-icon="checked"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-1-120.png?v=1012a') !important;
  background-position: top right !important;
}
.thl-icon[thl-icon="thl-logo"], .thl-icon[thl-icon="thl-logo-white"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-1-120.png?v=1012a') !important;
  background-position: top left !important;
}
.thl-icon[thl-icon="thl-logo-dark"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-1-120.png?v=1012a') !important;
  background-position: top !important;
}
.thl-icon[thl-icon="thl-logo-small"], .thl-icon[thl-icon="thl-logo-small-white"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-1-120.png?v=1012a') !important;
  background-position: center left !important;
}
.thl-icon[thl-icon="thl-logo-small-dark"] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-1-120.png?v=1012a') !important;
  background-position: center !important;
}
.thl-icon[thl-icon=triangle], .thl-icon[thl-icon=right-triangle] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-3-120.png?v=1012a') !important;
  background-position-y: bottom !important;
}

.thl-icon[thl-icon=left-triangle] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-3-120.png?v=1012a') !important;
  background-position-y: bottom !important;
  transform: rotate(180deg) !important;
}

.thl-icon[thl-icon=up-triangle] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-3-120.png?v=1012a') !important;
  background-position-y: bottom !important;
  transform: rotate(-90deg) !important;
}
.thl-icon[thl-icon=down-triangle] {
  background-image: url('https://lib.thehotline.us/icons/thl-icons-3-120.png?v=1012a') !important;
  background-position-y: bottom !important;
  transform: rotate(90deg) !important;
}