.toast-banner{box-sizing:border-box;background-color:#2c2a2e;border-radius:10px;justify-content:center;align-items:center;gap:20px;width:-moz-fit-content;width:fit-content;min-width:0;max-width:min(100% - 24px,480px);min-height:48px;padding:16px 32px;animation:.2s forwards toast-banner-enter;display:inline-flex;position:relative}.toast-banner__message{font-family:var(--font-pretendard-semibold),Helvetica;color:#fff;text-align:center;white-space:normal;word-break:keep-all;font-size:16px;position:relative}.toast-banner__container{left:50%;bottom:calc(80px + var(--keyboard-offset,0px));z-index:1500;pointer-events:none;box-sizing:border-box;justify-content:center;width:100%;padding:0 24px;transition:bottom .2s;display:flex;position:fixed;transform:translate(-50%)}.toast-banner__container .toast-banner{pointer-events:auto;box-shadow:0 20px 60px rgba(0,0,0,.2)}.toast-banner--closing{animation:.18s forwards toast-banner-exit}@keyframes toast-banner-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-banner-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@media (max-width:767px){.toast-banner__container{bottom:calc(40px + var(--keyboard-offset,0px))}}