.zyo-toaster{--width: 356px;--gap: 14px;--normal-bg: #121215;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: rgba(255, 255, 255, 0.08);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: #ededed;--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 43%, 17%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 9%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%);position:fixed;top:24px;left:50%;z-index:2147483647;width:var(--width);margin:0;padding:0;transform:translateX(-50%);outline:none}.zyo-toaster ol{margin:0;padding:0;list-style:none;outline:none;pointer-events:auto}@media(max-width: 600px){.zyo-toaster{top:16px;right:16px;left:16px;width:auto;transform:none}}@media(max-width: 400px){.zyo-toaster{right:10px;left:10px}}.zyo-toast{--y: translateY(-100%);position:absolute;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;gap:6px;box-sizing:border-box;width:100%;margin:0;padding:14px 18px;border:1px solid var(--normal-border);border-radius:18px;background:var(--normal-bg);color:var(--normal-text);box-shadow:0 16px 40px rgba(0,0,0,.6);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);font-family:"Be Vietnam Pro","Outfit","Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13.5px;list-style:none;opacity:0;transform:var(--y);touch-action:none;outline:none;overflow-wrap:anywhere;transition:transform 400ms,opacity 400ms,height 400ms,box-shadow 200ms}.zyo-toast:focus-visible{box-shadow:0 16px 40px rgba(0,0,0,.6),0 0 0 2px hsla(0,0%,100%,.2)}.zyo-toast>*{transition:opacity 400ms}.zyo-toast[data-type=success],.zyo-toast[data-type=success] .zyo-toast_close{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.zyo-toast[data-type=info],.zyo-toast[data-type=info] .zyo-toast_close{border-color:var(--info-border);background:var(--info-bg);color:var(--info-text)}.zyo-toast[data-type=warning],.zyo-toast[data-type=warning] .zyo-toast_close{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.zyo-toast[data-type=error],.zyo-toast[data-type=error] .zyo-toast_close{border-color:var(--error-border);background:var(--error-bg);color:var(--error-text)}.zyo-toast[data-swiping=true]::before{content:"";position:absolute;right:-100%;bottom:50%;left:-100%;z-index:-1;height:100%;transform:scaleY(3) translateY(50%)}.zyo-toast[data-swiping=false][data-removed=true]::before{content:"";position:absolute;inset:0;transform:scaleY(2)}.zyo-toast[data-expanded=true]::after{content:"";position:absolute;bottom:100%;left:0;width:100%;height:calc(var(--gap) + 1px)}.zyo-toast[data-mounted=true]{--y: translateY(0);opacity:1}.zyo-toast[data-expanded=false][data-front=false]{--scale: var(--toasts-before) * 0.05 + 1;--y: translateY(calc(var(--gap) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}.zyo-toast[data-expanded=false][data-front=false]>*{opacity:0}.zyo-toast[data-visible=false]{opacity:0;pointer-events:none}.zyo-toast[data-mounted=true][data-expanded=true]{--y: translateY(var(--offset));height:var(--initial-height)}.zyo-toast[data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(-100%);opacity:0}.zyo-toast[data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY(calc(var(--offset) - 100%));opacity:0}.zyo-toast[data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform 500ms,opacity 200ms}.zyo-toast[data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px));transition:none}.zyo-toast[data-swiped=true]{user-select:none}.zyo-toast[data-swipe-out=true]{animation:200ms ease-out forwards}.zyo-toast[data-swipe-out=true][data-swipe-direction=left]{animation-name:zyo-toast-swipe-out-left}.zyo-toast[data-swipe-out=true][data-swipe-direction=right]{animation-name:zyo-toast-swipe-out-right}.zyo-toast[data-swipe-out=true][data-swipe-direction=up]{animation-name:zyo-toast-swipe-out-up}.zyo-toast[data-swipe-out=true][data-swipe-direction=down]{animation-name:zyo-toast-swipe-out-down}@keyframes zyo-toast-swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes zyo-toast-swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes zyo-toast-swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes zyo-toast-swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}.zyo-toast_close{position:absolute;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:0;border:1px solid var(--normal-border);border-radius:50%;background:var(--normal-bg);color:var(--normal-text);font-size:12px;transform:translate(-35%, -35%);cursor:pointer;transition:opacity 100ms,background 200ms,border-color 200ms}.zyo-toast_close:focus-visible{outline:none;box-shadow:0 0 0 2px hsla(0,0%,100%,.2)}.zyo-toast .zyo-toast_close:hover{border-color:var(--normal-border-hover);background:var(--normal-bg-hover)}.zyo-toast_icon{position:relative;display:flex;flex-shrink:0;justify-content:flex-start;align-items:center;width:16px;height:16px;margin-right:10px;margin-left:-3px;font-size:16px}.zyo-toast_icon svg{flex-shrink:0;margin-left:-1px}.zyo-toast[data-type=loading] .zyo-toast_icon svg{animation:zyo-toast-spin 1s linear infinite}.zyo-toast[data-promise=true]:not([data-type=loading]) .zyo-toast_icon svg{opacity:0;transform:scale(0.8);animation:zyo-toast-fade-in 300ms ease forwards}.zyo-toast_content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.zyo-toast_title{color:inherit;font-weight:500;line-height:1.5}@keyframes zyo-toast-spin{to{transform:rotate(360deg)}}@keyframes zyo-toast-fade-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion: reduce){.zyo-toast,.zyo-toast>*,.zyo-toast .zyo-toast_icon svg{transition:none !important;animation:none !important}.zyo-toast .zyo-toast_icon svg{opacity:1 !important;transform:none !important}}