html[dir="ltr"], [data-sonner-toaster][dir="ltr"] { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; }
html[dir="rtl"], [data-sonner-toaster][dir="rtl"] { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; }
[data-sonner-toaster] { width: var(--width); --gray1: #fcfcfc; --gray2: #f8f8f8; --gray3: #f3f3f3; --gray4: #ededed; --gray5: #e8e8e8; --gray6: #e2e2e2; --gray7: #dbdbdb; --gray8: #c7c7c7; --gray9: #8f8f8f; --gray10: #858585; --gray11: #6f6f6f; --gray12: #171717; --border-radius: 8px; box-sizing: border-box; z-index: 999999999; outline: none; margin: 0px; padding: 0px; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; list-style: none; transition: transform 0.4s; position: fixed; }
@media (hover: none) and (pointer: coarse) {
  [data-sonner-toaster][data-lifted="true"] { transform: none; }
}
[data-sonner-toaster][data-x-position="right"] { right: var(--offset-right); }
[data-sonner-toaster][data-x-position="left"] { left: var(--offset-left); }
[data-sonner-toaster][data-x-position="center"] { left: 50%; transform: translate(-50%); }
[data-sonner-toaster][data-y-position="top"] { top: var(--offset-top); }
[data-sonner-toaster][data-y-position="bottom"] { bottom: var(--offset-bottom); }
[data-sonner-toast] { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); opacity: 0; transform: var(--y); touch-action: none; box-sizing: border-box; overflow-wrap: anywhere; outline: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; position: absolute; }
[data-sonner-toast][data-styled="true"] { background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); width: var(--width); align-items: center; gap: 6px; padding: 16px; font-size: 13px; display: flex; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
[data-sonner-toast]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-y-position="top"] { --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); top: 0px; }
[data-sonner-toast][data-y-position="bottom"] { --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); bottom: 0px; }
[data-sonner-toast][data-styled="true"] [data-description] { color: rgb(63, 63, 63); font-weight: 400; line-height: 1.4; }
[data-rich-colors="true"][data-sonner-toast][data-styled="true"] [data-description] { color: inherit; }
[data-sonner-toaster][data-sonner-theme="dark"] [data-description] { color: rgb(232, 232, 232); }
[data-sonner-toast][data-styled="true"] [data-title] { color: inherit; font-weight: 500; line-height: 1.5; }
[data-sonner-toast][data-styled="true"] [data-icon] { width: 16px; height: 16px; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); flex-shrink: 0; justify-content: flex-start; align-items: center; display: flex; position: relative; }
[data-sonner-toast][data-promise="true"] [data-icon] > svg { opacity: 0; transform-origin: 50% center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; transform: scale(0.8); }
[data-sonner-toast][data-styled="true"] [data-icon] > * { flex-shrink: 0; }
[data-sonner-toast][data-styled="true"] [data-icon] svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }
[data-sonner-toast][data-styled="true"] [data-content] { flex-direction: column; gap: 2px; display: flex; }
[data-sonner-toast][data-styled="true"] [data-button] { height: 24px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; outline: none; flex-shrink: 0; align-items: center; padding-left: 8px; padding-right: 8px; font-size: 12px; font-weight: 500; transition: opacity 0.4s, box-shadow 0.2s; display: flex; }
[data-sonner-toast][data-styled="true"] [data-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-button]:first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }
[data-sonner-toast][data-styled="true"] [data-cancel] { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-styled="true"] [data-cancel] { background: rgba(255, 255, 255, 0.3); }
[data-sonner-toaster] [data-close-button-position="top-left"] { --toast-close-button-left: 0; --toast-close-button-right: unset; --toast-close-button-top: 0; --toast-close-button-bottom: unset; --toast-close-button-transform: translate(-35%, -35%); }
[data-sonner-toaster] [data-close-button-position="top-right"] { --toast-close-button-left: unset; --toast-close-button-right: 0; --toast-close-button-top: 0; --toast-close-button-bottom: unset; --toast-close-button-transform: translate(35%, -35%); }
[data-sonner-toaster] [data-close-button-position="bottom-left"] { --toast-close-button-left: 0; --toast-close-button-right: unset; --toast-close-button-top: unset; --toast-close-button-bottom: 0; --toast-close-button-transform: translate(-35%, 35%); }
[data-sonner-toaster] [data-close-button-position="bottom-right"] { --toast-close-button-left: unset; --toast-close-button-right: 0; --toast-close-button-top: unset; --toast-close-button-bottom: 0; --toast-close-button-transform: translate(35%, 35%); }
[data-sonner-toast][data-styled="true"] [data-close-button] { left: var(--toast-close-button-left); right: var(--toast-close-button-right); top: var(--toast-close-button-top); bottom: var(--toast-close-button-bottom); width: 20px; height: 20px; color: var(--gray12); background: var(--normal-bg); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); cursor: pointer; z-index: 1; border-radius: 50%; justify-content: center; align-items: center; padding: 0px; transition: opacity 0.1s, background 0.2s, border-color 0.2s; display: flex; position: absolute; }
[data-sonner-toast][data-styled="true"] [data-close-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-disabled="true"] { cursor: not-allowed; }
[data-sonner-toast][data-styled="true"]:hover [data-close-button]:hover { background: var(--gray2); border-color: var(--gray5); }
[data-sonner-toast][data-swiping="true"]::before { content: ""; z-index: -1; height: 100%; position: absolute; left: -100%; right: -100%; }
[data-sonner-toast][data-y-position="top"][data-swiping="true"]::before { bottom: 50%; transform: scaleY(3) translateY(50%); }
[data-sonner-toast][data-y-position="bottom"][data-swiping="true"]::before { top: 50%; transform: scaleY(3) translateY(-50%); }
[data-sonner-toast][data-swiping="false"][data-removed="true"]::before { content: ""; position: absolute; inset: 0px; transform: scaleY(2); }
[data-sonner-toast][data-expanded="true"]::after { content: ""; height: calc(var(--gap) + 1px); width: 100%; position: absolute; bottom: 100%; left: 0px; }
[data-sonner-toast][data-mounted="true"] { --y: translateY(0); opacity: 1; }
[data-sonner-toast][data-expanded="false"][data-front="false"] { --scale: var(--toasts-before) * .05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * .05 + 1)); height: var(--front-toast-height); }
[data-sonner-toast] > * { transition: opacity 0.4s; }
[data-sonner-toast][data-x-position="right"] { right: 0px; }
[data-sonner-toast][data-x-position="left"] { left: 0px; }
[data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"] > * { opacity: 0; }
[data-sonner-toast][data-visible="false"] { opacity: 0; pointer-events: none; }
[data-sonner-toast][data-mounted="true"][data-expanded="true"] { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); }
[data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"] { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"] { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"] { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }
[data-sonner-toast][data-removed="true"][data-front="false"]::before { height: calc(var(--initial-height) + 20%); }
[data-sonner-toast][data-swiping="true"] { transform: var(--y) translateY(var(--swipe-amount-y,0px)) translateX(var(--swipe-amount-x,0px)); transition: none; }
[data-sonner-toast][data-swiped="true"] { user-select: none; }
[data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"], [data-sonner-toast][data-swipe-out="true"][data-y-position="top"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] { animation-name: swipe-out-left; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] { animation-name: swipe-out-right; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] { animation-name: swipe-out-up; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] { animation-name: swipe-out-down; }
@keyframes swipe-out-left { 
  0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }
}
@keyframes swipe-out-right { 
  0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }
}
@keyframes swipe-out-up { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; }
}
@keyframes swipe-out-down { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; }
}
@media (width <= 600px) {
  [data-sonner-toaster] { right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; position: fixed; }
  [data-sonner-toaster][dir="rtl"] { left: calc(var(--mobile-offset-left) * -1); }
  [data-sonner-toaster] [data-sonner-toast] { width: calc(100% - var(--mobile-offset-left) * 2); left: 0px; right: 0px; }
  [data-sonner-toaster][data-x-position="left"] { left: var(--mobile-offset-left); }
  [data-sonner-toaster][data-y-position="bottom"] { bottom: calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom), 0px)); }
  [data-sonner-toaster][data-y-position="top"] { top: calc(var(--mobile-offset-top) + max(env(safe-area-inset-top), 0px)); }
  [data-sonner-toaster][data-x-position="center"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; }
}
[data-sonner-toaster][data-sonner-theme="light"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: #ecfdf3; --success-border: #bffcd9; --success-text: #008a2e; --info-bg: #f0f8ff; --info-border: #dde7fd; --info-text: #0973dc; --warning-bg: #fffcf0; --warning-border: #fbeeb1; --warning-text: #dc7609; --error-bg: #fff0f0; --error-border: #ffe0e1; --error-text: #e60000; }
[data-sonner-toaster][data-sonner-theme="light"] [data-sonner-toast][data-invert="true"] { --normal-bg: #000; --normal-border: #333; --normal-text: var(--gray1); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-invert="true"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }
[data-sonner-toaster][data-sonner-theme="dark"] { --normal-bg: #000; --normal-bg-hover: #1f1f1f; --normal-border: #333; --normal-border-hover: #404040; --normal-text: var(--gray1); --success-bg: #001f0f; --success-border: #003d1c; --success-text: #59f3a6; --info-bg: #000d1f; --info-border: #19233e; --info-text: #5896f3; --warning-bg: #1d1f00; --warning-border: #2e2e00; --warning-text: #f3cf58; --error-bg: #2d0607; --error-border: #4d0408; --error-text: #ff9ea1; }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"], [data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"], [data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"], [data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"], [data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); z-index: 10; position: absolute; inset: 0px; }
.sonner-loading-wrapper[data-visible="false"] { transform-origin: 50% center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }
.sonner-spinner { height: var(--size); width: var(--size); position: relative; top: 50%; left: 50%; }
.sonner-loading-bar { background: var(--gray11); border-radius: 6px; width: 24%; height: 8%; animation: 1.2s linear 0s infinite normal none running sonner-spin; position: absolute; top: -3.9%; left: -10%; }
.sonner-loading-bar:first-child { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); }
.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); }
.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); }
.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); }
.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }
.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }
.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }
.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }
.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }
.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }
.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }
.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }
@keyframes sonner-fade-in { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sonner-fade-out { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}
@keyframes sonner-spin { 
  0% { opacity: 1; }
  100% { opacity: 0.15; }
}
@media (prefers-reduced-motion) {
  [data-sonner-toast], [data-sonner-toast] > *, .sonner-loading-bar { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.sonner-loader { transform-origin: 50% center; transition: opacity 0.2s, transform 0.2s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sonner-loader[data-visible="false"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }
@media (width <= 600px) {
  .toaster[data-sonner-toaster][data-x-position] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); width: auto; }
  .toaster[data-sonner-toaster] [data-sonner-toast] { width: 100%; }
}