.toast-container {
  --tc-fill: #2f7d4f;
  --tc-pin: #1f5a37;
  --tc-on: #fff;
  --tc-shadow: 0 16px 34px -16px rgba(20, 20, 19, .5);
}
.toast-container .toast {
  width: 100%;
  background: none;
  border: none;
  box-shadow: none;
}
.toast-container .toast-item {
  position: relative;
  padding-top: 1.4rem;
  opacity: 0;
  transform: translateX(14px);
  transition: opacity 180ms ease, transform 180ms ease;
}
.toast-container .toast-item.showing, .toast-container .toast-item.show {
  opacity: 1;
  transform: none;
}
.toast-container .toast-body {
  position: relative;
  overflow: hidden;
  max-width: 25rem;
  min-height: 3.9rem;
  padding: 0.9rem 2.9rem 0.95rem 4.9rem;
  background: var(--tc-fill);
  color: var(--tc-on);
  border-radius: 16px;
  box-shadow: var(--tc-shadow);
}
.toast-container .toast-glyph {
  position: absolute;
  left: -0.45rem;
  top: 50%;
  width: 5.4rem;
  height: 5.4rem;
  transform: translateY(-50%);
  background-color: var(--tc-on);
  opacity: 0.16;
  pointer-events: none;
  --tc-dofus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20d%3D%22M76.3%20120.5C107.9%20112.3%20116.7%2080.9%2098.1%2042.8C84%2013.8%2070.5%202%2057.6%207.4C48.3%2011.3%2032.8%2032.1%2039.3%2032C40%2032%2042%2029.8%2043.8%2027.2C59.4%204.1%2069.8%204.6%2085.7%2029.2C97.2%2046.9%20103.4%2064.9%20103.4%2080C103.4%20128.2%2028.8%20131.2%2024.4%2083.1C23.8%2077.3%2023.4%2076%2022.1%2076.2C20.8%2076.5%2020.5%2077.9%2020.6%2083.5C21%20109.3%2048.7%20127.7%2076.3%20120.5ZM77.5%20106.6C92%20100.1%2098.3%2082.7%2090.7%2069.7C87.8%2064.8%2079.8%2057%2077.6%2057C74.5%2057%2075.3%2059.9%2079.2%2063C98.6%2078.7%2088.9%20105%2063.6%20105C46.1%20105%2035%2089.6%2039%2070.7C40.2%2064.7%2040.9%2064%2043.1%2066.6C44.8%2068.7%2052.5%2072.5%2057.7%2073.9C62.8%2075.3%2065%2078.4%2062.7%2080.8C60.7%2082.7%2058.2%2081.7%2057%2078.5C55.5%2074.5%2052.8%2075.7%2051.1%2080.9C46.2%2096.5%2066.4%20104.6%2077.7%2091.6C85.2%2083.2%2081.4%2071.2%2069.1%2064.3C54%2055.8%2050.9%2053.7%2049.5%2051C47.1%2046.4%2047.7%2045.8%2052%2048.2C57%2051.1%2060.4%2049.3%2056%2046C54.6%2044.9%2052.8%2043.5%2051.9%2042.7C46.8%2038.2%2057.1%2029.3%2063%2033C64.2%2033.7%2064.2%2034.2%2063.2%2035.2C61.4%2037%2061.7%2041.4%2063.8%2043.2C66.8%2045.9%2079.9%2050.5%2081.1%2049.3C82.8%2047.6%2083.3%2040.5%2082%2036.5C75.6%2017.1%2048.7%2020.9%2044.1%2041.8C42.1%2051.4%2045.7%2056.2%2061.4%2064.9C76.9%2073.4%2080.9%2081.5%2073.9%2089.4C67.6%2096.6%2055%2094.6%2055%2086.3C55%2084.2%2055.3%2083.9%2056.2%2084.8C58.1%2086.7%2063.8%2086.2%2066%2084C71.2%2078.8%2067.3%2072.6%2056.6%2069C51.7%2067.4%2048.5%2065.5%2045.2%2062.4C39.5%2056.9%2039.4%2056.9%2036.8%2062.8C33.8%2069.5%2033.2%2082%2035.5%2089.4C40.8%20106.1%2060.5%20114.2%2077.5%20106.6ZM26.5%2071.1C26.5%2069.2%2021.2%2067.4%2019.8%2068.8C19.2%2069.4%2019%2070.6%2019.4%2071.5C20.2%2073.6%2026.5%2073.2%2026.5%2071.1ZM28.6%2062.9C29.5%2061.4%2028%2060.1%2024.2%2059.4C21.4%2058.8%2021%2059%2021%2060.8C21%2063.7%2027%2065.4%2028.6%2062.9ZM72%2055.5C72%2053.8%2066.4%2050%2063.8%2050C60.9%2050%2061.8%2052.9%2065.2%2055C69.1%2057.4%2072%2057.6%2072%2055.5ZM31.3%2054.6C32%2052.8%2030.1%2051.1%2027%2050.8C23.8%2050.4%2023.2%2053.3%2026.2%2054.8C29.4%2056.3%2030.7%2056.2%2031.3%2054.6ZM34.8%2045.3C34.4%2042.9%2029.4%2041.2%2027.7%2042.9C26.7%2043.9%2026.9%2044.4%2028.4%2045.6C31.3%2047.6%2035.2%2047.5%2034.8%2045.3ZM72%2042.5C66%2040%2064.4%2038%2068.4%2038C72.2%2038%2071.8%2034.9%2067.5%2031.1C64.4%2028.4%2064.2%2028%2066%2028C72.9%2028%2080.2%2037.2%2078.1%2043.2C77.6%2044.7%2077%2044.6%2072%2042.5ZM39%2037.5C39%2035.7%2034.5%2032.6%2033%2033.5C31.4%2034.5%2031.8%2036.8%2033.8%2037.9C36.3%2039.4%2039%2039.2%2039%2037.5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask: var(--tc-dofus) center/contain no-repeat;
  mask: var(--tc-dofus) center/contain no-repeat;
}
.toast-container .toast-pin {
  position: absolute;
  top: 0.1rem;
  left: 1rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.9rem;
  height: 2.9rem;
  background: var(--tc-pin);
  border-radius: 50% 50% 50% 0;
  transform: rotate(45deg);
  box-shadow: 0 9px 18px -7px rgba(20, 20, 19, 0.6);
}
.toast-container .toast-pin::before {
  content: "";
  width: 1.35rem;
  height: 1.35rem;
  transform: rotate(-45deg);
  background-color: var(--tc-on);
  -webkit-mask: var(--tc-mark) center/contain no-repeat;
  mask: var(--tc-mark) center/contain no-repeat;
}
.toast-container .toast-copy {
  position: relative;
  z-index: 1;
}
.toast-container .toast-body h3 {
  margin: 0;
  font-family: var(--font-heading), serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--tc-on);
}
.toast-container .toast-body p {
  margin: 0.15rem 0 0;
  font-family: var(--font-body), sans-serif;
  font-size: 0.85rem;
  line-height: 1.35;
  color: color-mix(in srgb, var(--tc-on) 82%, transparent);
}
.toast-container .toast-body a {
  color: var(--tc-on);
  text-decoration: underline;
}
.toast-container .close {
  position: absolute;
  top: 0.7rem;
  right: 0.7rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  cursor: pointer;
  color: var(--tc-on);
  transition: background-color 140ms ease;
}
.toast-container .close::after {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  background-color: currentcolor;
  --tc-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask: var(--tc-x) center/contain no-repeat;
  mask: var(--tc-x) center/contain no-repeat;
}
.toast-container .close:hover {
  background: color-mix(in srgb, var(--tc-on) 22%, transparent);
}
.toast-container .close:focus-visible {
  outline: 2px solid var(--tc-on);
  outline-offset: 2px;
}
.toast-container .toast-item.success {
  --tc-fill: #2f7d4f;
  --tc-pin: #1f5a37;
  --tc-on: #fff;
  --tc-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.toast-container .toast-item.error {
  --tc-fill: #c0392b;
  --tc-pin: #8f2419;
  --tc-on: #fff;
  --tc-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
.toast-container .toast-item.warning {
  --tc-fill: #e78d13;
  --tc-pin: #b96c07;
  --tc-on: #1a1714;
  --tc-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v9M12 18v.5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
.toast-container .toast-item.help {
  --tc-fill: #805fe1;
  --tc-pin: #5f45b0;
  --tc-on: #fff;
  --tc-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.2 9a2.8 2.8 0 1 1 4 2.5c-1 .6-1.7 1.2-1.7 2.5M12 17.5v.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[data-bs-theme=dark] .toast-container {
  --tc-shadow: 0 18px 40px -16px rgba(0, 0, 0, .72);
}

@media (prefers-reduced-motion: reduce) {
  .toast-container .toast-item {
    transform: none;
    transition-duration: 100ms;
  }
}

/*# sourceMappingURL=toasts.output.css.map */