@import "../../../../../../vendor/joomla-custom-elements/css/joomla-alert.css";
#system-message-container:empty {
  display: none;
  margin-top: 0;
}

#system-message-container joomla-alert {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 16rem;
  padding: 0;
  margin-bottom: 0;
  color: var(--phoca-white);
  background-color: transparent;
  border: 1px solid var(--phoca-color-primary, transparent);
  border-radius: 5px;
  transition: opacity 0.15s linear;
}
#system-message-container joomla-alert + * {
  margin-top: 1rem;
}
#system-message-container joomla-alert .alert-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding: 0.8rem;
  color: var(--phoca-alert-heading-text);
  background: var(--phoca-color-primary, transparent);
}
#system-message-container joomla-alert .alert-heading .message::before,
#system-message-container joomla-alert .alert-heading .success::before {
  display: inline-block;
  width: 2em;
  height: 2em;
  min-width: 2em;
  min-height: 2em;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke="white" stroke-width="1em" fill="none"><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192Z" /><path d="M352 176 217.6 336 160 272" /></svg>');
  background-size: 100%;
}
#system-message-container joomla-alert .alert-heading .notice::before,
#system-message-container joomla-alert .alert-heading .info::before {
  display: inline-block;
  width: 2em;
  height: 2em;
  min-width: 2em;
  min-height: 2em;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke="white" stroke-width="1em" fill="none"><path d="M248 64C146.39 64 64 146.39 64 248s82.39 184 184 184 184-82.39 184-184S349.61 64 248 64z" /><path d="M220 220h32v116"/><path d="M208 340h88"/><path d="M248 130a26 26 0 1026 26 26 26 0 00-26-26z"/></svg>');
  background-size: 100%;
}
#system-message-container joomla-alert .alert-heading .warning::before {
  display: inline-block;
  width: 2em;
  height: 2em;
  min-width: 2em;
  min-height: 2em;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke="white" stroke-width="1em" fill="none"><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"/><path d="M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z"/><path d="M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z"/></svg>');
  background-size: 100%;
}
#system-message-container joomla-alert .alert-heading .error::before,
#system-message-container joomla-alert .alert-heading .danger::before {
  display: inline-block;
  width: 2em;
  height: 2em;
  min-width: 2em;
  min-height: 2em;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke="white" stroke-width="1em" fill="none"><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192z"/><path d="M250.26 166.05L256 288l5.73-121.95a5.74 5.74 0 00-5.79-6h0a5.74 5.74 0 00-5.68 6z"/><path d="M256 367.91a20 20 0 1120-20 20 20 0 01-20 20z"/></svg>');
  background-size: 100%;
}
#system-message-container joomla-alert .alert-wrapper {
  width: 100%;
}
#system-message-container joomla-alert .alert-link {
  color: var(--phoca-white);
}
#system-message-container joomla-alert[type=success], #system-message-container joomla-alert[type=message] {
  --alert-accent-color: var(--phoca-success);
  --alert-heading-text: var(--phoca-white);
  --alert-close-button: var(--phoca-success);
  background-color: var(--phoca-success);
}
#system-message-container joomla-alert[type=info], #system-message-container joomla-alert[type=notice] {
  --alert-accent-color: var(--phoca-info);
  --alert-heading-text: var(--phoca-white);
  --alert-close-button: var(--phoca-info);
  background-color: var(--phoca-info);
}
#system-message-container joomla-alert[type=warning] {
  --alert-accent-color: var(--phoca-warning);
  --alert-heading-text: var(--phoca-white);
  --alert-close-button: var(--phoca-warning);
  background-color: var(--phoca-warning);
}
#system-message-container joomla-alert[type=error], #system-message-container joomla-alert[type=danger] {
  --alert-accent-color: var(--phoca-danger);
  --alert-heading-text: var(--phoca-white);
  --alert-close-button: var(--phoca-danger);
  background-color: var(--phoca-danger);
}
#system-message-container joomla-alert .joomla-alert--close,
#system-message-container joomla-alert .joomla-alert-button--close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.2rem 0.8rem;
  font-size: 2rem;
  color: var(--phoca-alert-close-button);
  background: none;
  border: 0;
  opacity: 1;
}
#system-message-container joomla-alert .joomla-alert--close:hover, #system-message-container joomla-alert .joomla-alert--close:focus,
#system-message-container joomla-alert .joomla-alert-button--close:hover,
#system-message-container joomla-alert .joomla-alert-button--close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.75;
}
[dir=rtl] #system-message-container joomla-alert .joomla-alert--close,
[dir=rtl] #system-message-container joomla-alert .joomla-alert-button--close {
  right: auto;
  left: 0;
  padding: 0.2rem 0.6rem;
}
#system-message-container joomla-alert div {
  font-size: 1rem;
}
#system-message-container joomla-alert div .alert-message {
  padding: 0.3rem 2rem 0.3rem 0.3rem;
  margin: 0.5rem;
}
[dir=rtl] #system-message-container joomla-alert div .alert-message {
  padding: 0.3rem 0.3rem 0.3rem 2rem;
}
#system-message-container joomla-alert div .alert-message:not(:first-of-type) {
  border-top: 1px solid var(--phoca-color-primary);
}