.toast{--a-color-primary:#00146e;--a-color-secondary:#ccd4ea;--a-color-secondary-lighten:#f0f2f8;--a-color-primary-rgb:0 20 110;--a-color-secondary-rgb:204 212 234;--a-color-muted:#767676;--a-color-muted-rgb:118 118 118;--a-color-button-asw:var(--a-color-primary);--a-color-button-asw-rgb:var(--a-color-primary-rgb);--a-color-button-wws:#d54100;--a-color-button-wws-rgb:213 65 0;--radius:10px;--padding:12px;border-radius:var(--radius);max-width:400px;padding:var(--padding)0;z-index:999;background-color:#fff;transition:transform .3s ease-out,opacity .3s ease-out;position:fixed;box-shadow:0 2px 10px #0003}
.toast[data-position=top-right]{top:var(--toast-offset-top,32px);right:var(--toast-offset-right,32px);bottom:auto;left:auto}
.toast[data-position=bottom-right]{top:auto;right:var(--toast-offset-right,32px);bottom:var(--toast-offset-bottom,32px);left:auto}
.toast[data-position=bottom-center]{top:auto;bottom:var(--toast-offset-bottom,16px);margin:0 auto;left:0;right:0}
.toast[data-fixed=false]{position:absolute}
@media screen and (max-width:767.9px){.toast{--radius:8px;--padding:10px;width:calc(100% - 16px)}
.toast[data-mobile-position=bottom-center]{top:auto;bottom:var(--toast-offset-bottom,16px);margin:0 auto;left:0;right:0}
}
.toast-content{grid-template-columns:1fr auto auto;align-items:center;display:grid}
.toast-message{font-size:calc(12*var(--rem-ratio,1px));padding:0 1.25em;line-height:1.25}
@media screen and (max-width:767.9px){.toast-message{font-size:calc(11*var(--rem-ratio,1px))}
}
.toast-action{background-color:var(--a-color-button-asw);color:#fff;cursor:pointer}
.toast-close-container{aspect-ratio:1;height:100%;max-height:32px;margin:0 8px}
@media screen and (max-width:767.9px){.toast-close-container{margin:0 6px}
}
.toast-close{cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:100%;height:100%;display:grid}
.toast-close:after{content:"";font-family:asw-icon;font-size:calc(16*var(--rem-ratio,1px));color:var(--a-color-muted)}
.toast-close:hover,.toast-close:focus-visible{background:#f0f0f0;border-color:#888;border-radius:4px;box-shadow:none!important;outline:none!important}
.toast-close:hover:after,.toast-close:focus-visible:after{color:#666}
html:not([lang=ja]) .toast-action{background-color:var(--a-color-button-wws)}
html[data-whatintent=keyboard] .toast-close:focus{box-shadow:none!important;outline:none!important}