/* _content/AudiumUI/App.razor.rz.scp.css */
@charset "UTF-8";
[b-lmhx5ugz23] * .image img:before {
  content: "▮"; /* this is your text. You can also use UTF-8 character codes as I do here */
  font-family: FontAwesome;
  left: -5px;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

html[b-lmhx5ugz23],
body[b-lmhx5ugz23] {
  height: 100vh;
  overflow: hidden;
}

main[b-lmhx5ugz23] {
  overflow-y: scroll;
}

@media screen and (max-width: 1024px) {
  body[b-lmhx5ugz23] {
    flex-direction: row !important;
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1024px) {
  body[b-lmhx5ugz23] {
    flex-direction: row !important;
    padding-bottom: 0 !important;
  }
}
/* _content/AudiumUI/Archive/PlayerModal.razor.rz.scp.css */
.popover[b-zibl1139g0] {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  position: absolute;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  display: flex;
}
.popover.is-active[b-zibl1139g0] {
  transform: translateY(0);
}

span.transcript-word[b-zibl1139g0] {
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
}
span.transcript-word.is-active[b-zibl1139g0] {
  background-color: lightgray;
  color: black;
}
/* _content/AudiumUI/Components/AudioControls/AudioControls.razor.rz.scp.css */
.tags .tag[b-4je4u5jhne]{transition-property:background-color color;transition-duration:500ms;transition-timing-function:linear;background-color:var(--audium-purple-light) !important}.tags .tag.is-active[b-4je4u5jhne]{color:#fff;background-color:var(--audium-purple-dark) !important}.transcript[b-4je4u5jhne]{text-align:left;overflow-y:auto}.transcript-phrase[b-4je4u5jhne]{display:none}.transcript-phrase.is-active[b-4je4u5jhne]{display:inline}.transcript-word[b-4je4u5jhne]{padding-left:2px;padding-right:2px;word-break:break-word;transition-duration:500ms;transition-property:background-color color;background-color:rgba(0,0,0,0);transition-timing-function:linear;border-bottom:1px solid rgba(0,0,0,0)}.transcript-word.is-active[b-4je4u5jhne]{background-color:var(--audium-pink-light);border-bottom:1px solid var(--audium-pink)}
/* _content/AudiumUI/Components/AudioControls/AudioList.razor.rz.scp.css */
li.audium-audio-listitem[b-va8dzsjvhx] {
  overflow: hidden;
  border-bottom: var(--bulma-background) 1px solid;
}
li.audium-audio-listitem[b-va8dzsjvhx]  .audium-avatar {
  flex-grow: 0;
  flex-shrink: 0;
}

li.is-selected[b-va8dzsjvhx] {
  background-color: var(--bulma-background);
}

:deep li.audium-audio-listitem li span.icon-text[b-va8dzsjvhx] {
  flex-wrap: nowrap !important;
}

.keyword:not(:last-child)[b-va8dzsjvhx]::after {
  content: "|";
  color: var(--audium-accent-color);
  margin-left: 0.5rem;
}
/* _content/AudiumUI/Components/AudioControls/AudioRecorder.razor.rz.scp.css */
.button[b-chxky2shz8] {
  margin: auto;
  height: min(25vw, 25vh);
  width: min(25vw, 25vh);
  border: 2px white solid;
}
.button .icon[b-chxky2shz8] {
  font-size: min(10vw, 10vh);
  color: white;
}
.button.is-recording[b-chxky2shz8] {
  background-color: red;
  box-shadow: none;
}

.title[b-chxky2shz8] {
  color: var(--audium-pink);
}

.audium-icon-text-link-list[b-chxky2shz8] {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.audium-icon-text-link-list > li[b-chxky2shz8] {
  margin: 0;
  padding: 0;
}
.audium-icon-text-link-list > li > a[b-chxky2shz8] {
  display: flex;
  gap: 0.5em;
  align-items: center;
  border-radius: 0.5em;
  padding: 0.5em;
  border: 1px solid var(--audium-purple-light);
}
.audium-icon-text-link-list > li > a[b-chxky2shz8]  .icon {
  color: transparent;
  background: var(--audium-gradient);
  background-clip: text;
}
.audium-icon-text-link-list > li > a > span:last-child > span:first-child[b-chxky2shz8] {
  font-weight: 700;
  color: var(--audium-pink);
}
.audium-icon-text-link-list > li > a > span:last-child > span:last-child[b-chxky2shz8] {
  display: flex;
  flex-direction: column;
}

.soundwave[b-chxky2shz8] {
  display: flex;
  align-items: center;
  gap: 3px;
  height: 100px;
}

.bar[b-chxky2shz8] {
  width: 4px;
  background: var(--audium-purple);
  border-radius: 2px;
  animation: wave-b-chxky2shz8 1.5s ease-in-out infinite;
}

.soundwave.is-active .bar[b-chxky2shz8] {
  width: 4px;
  background: var(--audium-purple);
  border-radius: 2px;
  animation: wave-b-chxky2shz8 1.5s ease-in-out infinite;
}

.bar:nth-child(even)[b-chxky2shz8] {
  background: var(--audium-purple-light);
}

.bar:nth-child(1)[b-chxky2shz8] {
  animation-delay: 0s;
}

.bar:nth-child(2)[b-chxky2shz8] {
  animation-delay: 0.1s;
}

.bar:nth-child(3)[b-chxky2shz8] {
  animation-delay: 0.2s;
}

.bar:nth-child(4)[b-chxky2shz8] {
  animation-delay: 0.3s;
}

.bar:nth-child(5)[b-chxky2shz8] {
  animation-delay: 0.4s;
}

.bar:nth-child(6)[b-chxky2shz8] {
  animation-delay: 0.5s;
}

.bar:nth-child(7)[b-chxky2shz8] {
  animation-delay: 0.6s;
}

.bar:nth-child(8)[b-chxky2shz8] {
  animation-delay: 0.7s;
}

.bar:nth-child(9)[b-chxky2shz8] {
  animation-delay: 0.8s;
}

.bar:nth-child(10)[b-chxky2shz8] {
  animation-delay: 0.9s;
}

.bar:nth-child(11)[b-chxky2shz8] {
  animation-delay: 1s;
}

.bar:nth-child(12)[b-chxky2shz8] {
  animation-delay: 1.1s;
}

.bar:nth-child(13)[b-chxky2shz8] {
  animation-delay: 1.2s;
}

.bar:nth-child(14)[b-chxky2shz8] {
  animation-delay: 1.3s;
}

.bar:nth-child(15)[b-chxky2shz8] {
  animation-delay: 1.4s;
}

@keyframes wave-b-chxky2shz8 {
  0%, 100% {
    height: 10px;
    opacity: 0.4;
  }
  50% {
    transform: scaleY(400%);
    opacity: 1;
  }
}
/* _content/AudiumUI/Components/AudioControls/AudioTranscript.razor.rz.scp.css */
p[b-q0c3jdq7pz] {
  max-height: 50vh;
  overflow-y: auto;
}

.tags .tag[b-q0c3jdq7pz] {
  transition-property: background-color;
  transition-duration: 500ms;
  transition-timing-function: linear;
  background-color: var(--audium-purple-light) !important;
}
.tags .tag.is-active[b-q0c3jdq7pz] {
  color: white;
  background-color: var(--audium-purple-dark) !important;
}

.transcript-phrase[b-q0c3jdq7pz] {
  display: none;
}
.transcript-phrase.is-active[b-q0c3jdq7pz] {
  display: inline;
}

.transcript-word[b-q0c3jdq7pz] {
  padding-left: 2px;
  padding-right: 2px;
  word-break: break-word;
}
.transcript-word.is-active[b-q0c3jdq7pz] {
  color: white;
  background-color: var(--audium-pink);
}
/* _content/AudiumUI/Components/AudiumLogo.razor.rz.scp.css */
[b-99ls0afndy] i {
  clip-path: xywh(0% 0% 100% 67%);
}

figure[b-99ls0afndy] {
  overflow: hidden;
}

/*# sourceMappingURL=AudiumLogo.razor.css.map */
/* _content/AudiumUI/Components/AutoComplete.razor.rz.scp.css */
/* _content/AudiumUI/Components/Avatar.razor.rz.scp.css */
.is-rounded .image[b-b9gpx5plg9],
.is-rounded img[b-b9gpx5plg9] {
  border-radius: 5px;
}

.is-circle .image[b-b9gpx5plg9],
.is-circle img[b-b9gpx5plg9] {
  border-radius: 100%;
}

.is-square .image[b-b9gpx5plg9],
.is-square img[b-b9gpx5plg9] {
  border-radius: 0;
}

.is-16x16[b-b9gpx5plg9] {
  --size: 8px;
}
.is-16x16[b-b9gpx5plg9]  .fa-icon {
  font-size: var(--size);
}

.is-24x24[b-b9gpx5plg9] {
  --size: 12px;
}
.is-24x24[b-b9gpx5plg9]  .fa-icon {
  font-size: var(--size);
}

.is-32x32[b-b9gpx5plg9] {
  --size: `16px;
}
.is-32x32[b-b9gpx5plg9]  .fa-icon {
  font-size: var(--size);
}

.is-48x48[b-b9gpx5plg9] {
  --size: 24px;
}
.is-48x48[b-b9gpx5plg9]  .fa-icon {
  font-size: var(--size);
}

.is-64x64[b-b9gpx5plg9] {
  --size: 32px;
}
.is-64x64[b-b9gpx5plg9]  .fa-icon {
  font-size: var(--size);
}

.is-96x96[b-b9gpx5plg9] {
  --size: 48px;
}
.is-96x96[b-b9gpx5plg9]  .fa-icon {
  font-size: var(--size);
}

.is-128x128[b-b9gpx5plg9] {
  --size: 64px;
}
.is-128x128[b-b9gpx5plg9]  .fa-icon {
  font-size: var(--size);
}
/* _content/AudiumUI/Components/Carousel.razor.rz.scp.css */
.is-carousel[b-b4w9c9ug3k] {
  display: flex;
  flex-direction: row;
  overflow: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width: none; /* Firefox */
  flex-shrink: 0 !important;
}
.is-carousel > :first-child[b-b4w9c9ug3k] {
  margin-left: 4em;
}
.is-carousel > :last-child[b-b4w9c9ug3k] {
  margin-right: 4em;
}
/* _content/AudiumUI/Components/ClipListItem.razor.rz.scp.css */
div[b-el4izcoy92] {
  white-space: nowrap;
}
div div[b-el4izcoy92] {
  margin-left: --bulma-block-spacing;
}
/* _content/AudiumUI/Components/InProgressButton.razor.rz.scp.css */
@keyframes clock-b-qg54llre6r {
  from {
    --p: 0%;
  }
  to {
    --p: 100%;
  }
}
.clock[b-qg54llre6r] {
  border-radius: 50%;
  position: relative;
  margin: auto;
}

@property --p {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
.clock[b-qg54llre6r]::before {
  position: absolute;
  inset: 10px;
  content: "";
  border-radius: inherit;
  background: white;
  z-index: -1;
}

.clock.is-active[b-qg54llre6r] {
  animation-name: clock-b-qg54llre6r;
  animation-duration: 2000ms;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  background: conic-gradient(var(--bulma-danger) var(--p), #eee 0);
}

.clock.is-indeterminate[b-qg54llre6r] {
  animation-iteration-count: infinite !important;
}

.clock.is-active[b-qg54llre6r]  .button {
  border-color: transparent !important;
}
/* _content/AudiumUI/Components/ListView.razor.rz.scp.css */
ul[b-ib4ul0in5t] {
  margin: 0;
}
ul li[b-ib4ul0in5t] {
  cursor: pointer;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
}
ul li:hover[b-ib4ul0in5t], ul li.is-selected[b-ib4ul0in5t] {
  background-color: lightgray;
}
/* _content/AudiumUI/Components/MediaClip.razor.rz.scp.css */
article[b-rmkwdy1wlj] {
  border: 1px solid lightgray;
}
/* _content/AudiumUI/Components/PopOver.razor.rz.scp.css */
.popover[b-u5nhxcxylc] {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  animation: slideUp-b-u5nhxcxylc 0.3s ease-in-out;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-color: lightgray;
  border-width: 1px;
  border-style: solid;
  padding-left: 1em;
  padding-right: 1em;
  max-height: 90vh;
  background-color: var(--bulma-background);
  position: fixed;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  display: flex;
  overflow-y: auto !important;
}
.popover.is-active[b-u5nhxcxylc] {
  transform: translateY(0);
}
.popover .popover-content[b-u5nhxcxylc] {
  overflow: auto;
  max-height: 90vh;
}

span.transcript-word[b-u5nhxcxylc] {
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
}
span.transcript-word.is-active[b-u5nhxcxylc] {
  background-color: lightgray;
  color: black;
}

@keyframes slideUp-b-u5nhxcxylc {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

/*# sourceMappingURL=PopOver.razor.css.map */
/* _content/AudiumUI/Components/Primitives/AudioElement.razor.rz.scp.css */
[b-88l9bdnx8w] .button {
  border-color: white !important;
}

/*# sourceMappingURL=AudioElement.razor.css.map */
/* _content/AudiumUI/Components/TopicCard.razor.rz.scp.css */
.card[b-8m64muxhp8],
.box[b-8m64muxhp8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  height: 100px;
  aspect-ratio: 6/3;
  overflow: hidden;
  border: 1px solid lightgray !important;
  color: var(--audium-purple);
  padding: 1rem !important;
  margin: 1rem;
  gap: 10px;
}
.card[b-8m64muxhp8] >  .icon-text.tag,
.box[b-8m64muxhp8] >  .icon-text.tag {
  justify-content: flex-start;
  width: 100%;
  color: white;
  background-color: var(--audium-purple);
  flex-wrap: nowrap;
}
.card[b-8m64muxhp8] >  :last-child > .icon-text:first-child,
.box[b-8m64muxhp8] >  :last-child > .icon-text:first-child {
  color: var(--audium-pink);
}
.card[b-8m64muxhp8] >  :last-child > .icon,
.box[b-8m64muxhp8] >  :last-child > .icon {
  color: black;
}

.card:hover[b-8m64muxhp8],
.box:hover[b-8m64muxhp8] {
  box-shadow: var(--bulma-box-shadow) !important;
}
/* _content/AudiumUI/Components/UserPicker.razor.rz.scp.css */

/* _content/AudiumUI/Layouts/MainLayout.razor.rz.scp.css */
:root[b-vepm2naxei] {
  --is-primary: #1DA1F2;
}

[b-vepm2naxei] aside {
  background-color: var(--audium-background) !important;
}

[b-vepm2naxei] .modal-content {
  max-width: 85% !important;
}

.title[b-vepm2naxei] {
  margin: 0;
}
.title i.fa-solid[b-vepm2naxei] {
  font-size: 0.5em !important;
}

.tabbar[b-vepm2naxei] {
  background-color: var(--audium-background-color);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 5px;
  padding-top: 5px;
  border-top: 1px solid lightgray;
  box-shadow: 0 0 10px 0px lightgray;
}
.tabbar[b-vepm2naxei]  a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--audium-gray);
}
.tabbar[b-vepm2naxei]  a span:last-child {
  text-transform: uppercase;
  font-size: 8px;
  margin: -2px;
}
.tabbar[b-vepm2naxei]  a.is-active {
  background: var(--audium-gradient);
  background-clip: text;
  color: transparent;
}

.image img[b-vepm2naxei] {
  border: 2px solid var(--bulma-white);
}

@keyframes slideOutLeft-b-vepm2naxei {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideOutRight-b-vepm2naxei {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
main[b-vepm2naxei] {
  overflow-y: auto !important;
  transition-property: opacity, transform;
  transition-duration: 250ms;
  opacity: 1;
  transform: translateY(0);
  scrollbar-gutter: stable;
}
main.is-slide-left[b-vepm2naxei] {
  opacity: 0;
}
main.is-slide-right[b-vepm2naxei] {
  opacity: 0;
}
main.is-reverse[b-vepm2naxei] {
  animation-direction: reverse;
}

@media screen and (min-width: 1024px) {
  main[b-vepm2naxei] {
    height: 100vh;
    overflow-x: hidden;
    padding-bottom: 0 !important;
  }
}
[b-vepm2naxei] #global-record-button {
  z-index: 1000;
}
@media screen and (max-width: 1024px) {
  [b-vepm2naxei] #global-record-button {
    margin-bottom: 75px !important;
    z-index: 1000;
  }
  aside[b-vepm2naxei] {
    display: none;
  }
}
/* _content/AudiumUI/Pages/HomePage.razor.rz.scp.css */
a.cell span:first-child[b-ryp7w79cwg] {
  overflow: hidden;
  text-overflow: ellipsis;
}

/*# sourceMappingURL=HomePage.razor.css.map */