.component-toast-viewport{z-index:9;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100% - 48px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.component-toast{color:rgb(var(--white));background-color:#171717;border:1px solid rgba(0,0,0,.25);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 12px;transition:opacity .2s,transform .2s;display:flex;bottom:24px;box-shadow:0 12px 16px -4px rgba(0,0,0,.1)}.component-toast[data-starting-style],.component-toast[data-ending-style]{opacity:0;transform:translateY(100%)}.component-toast[data-swiping]{transition:none}.component-toast .icon{color:#a3a3a3;width:18px;height:18px;margin-right:-8px;transition:color .2s ease-in-out}.component-toast .icon.success{color:rgb(var(--green))}.component-toast .title{color:#d4d4d4;text-align:center;flex:1;font-size:14px;font-weight:500;line-height:18px}.component-toast .close{color:rgb(var(--text));cursor:pointer;background:0 0;border:none;outline:none;padding:0}.component-toast .close svg{color:#a3a3a3;width:16px;height:16px;transition:color .2s ease-in-out}.component-toast .close:hover svg{color:#d4d4d4}