:root{--toast-speed:250ms;--toast-list-width:692px;--toast-list-padding:1em;--toast-padding:1.5em;--toast-margin:0.5em;--toast-opacity:0.99;--toast-content-gap:1em}.toast-list{position:fixed;padding:var(--toast-list-padding);width:100%;max-width:var(--toast-list-width);left:50%;top:-32px;z-index:99999999999;transform:translateX(-50%);&:has(.toast){padding-bottom:52px}}.toast{padding:var(--toast-padding);box-shadow:hsl(var(--secondary-hue) 10% 10%/10%) 0 1px 3px 0,hsl(var(--secondary-hue) 10% 10%/5%) 0 1px 2px 0;border-radius:30px;opacity:var(--toast-opacity);gap:16px}.achievements-toast,.toast{top:calc(.2em + 32px);position:relative;transition:transform var(--toast-speed),opacity var(--toast-speed);display:flex;align-items:center;overflow:hidden}.achievements-toast{padding:24px;border-radius:20px;justify-content:center;min-height:96px;margin-bottom:8px}.achievements-toast-content{display:flex;width:100%;position:relative;gap:16px}.achievements-toast-animation-container{width:48px;height:48px;background-color:#fff;border-radius:16px;padding:12px}.toast+.toast{margin-top:var(--toast-margin)}.toast-close-btn{position:absolute;top:.7em;right:1em;background:none;border:none;cursor:pointer;opacity:.75}.toast-icon{width:40px;height:40px;flex-shrink:0;border-radius:16px;display:flex;justify-content:center;align-items:center}.toast--success{background-color:#d8f7b2}.toast--success .toast-message{color:#002f14}.toast--success .toast-icon{background:#f5fdec}.toast--error{background-color:#f8cfd7}.toast--error .toast-message{color:#520810}.toast--error .toast-icon{background:#fce7eb}.toast--warning{background-color:#fbeeac}.toast--warning .toast-message{color:#6b4100}.toast--warning .toast-icon{background:#fefbea}.toast--network{background-color:#fbeeac}.toast--network .toast-message{color:#6b4100}.toast--network .toast-icon{background:#fefbea}