@layer component{.toast[data-v-431ed2f1]{display:flex;flex-direction:column}.header[data-v-431ed2f1]{align-items:center;background-color:var(--bg);color:var(--fg);display:flex;gap:var(--sp-xs);min-height:var(--close-button-size)}.title[data-v-431ed2f1]{text-box:trim-both cap alphabetic;font-family:var(--font);letter-spacing:0;text-wrap:pretty;line-height:var(--line-height);transition:--line-height var(--transition);--font:var(--font-body-24);--line-height:var(--line-height-body-24-base);--font-pixel:var(--font-pixel-body-24);font-size:24px}.title[data-v-431ed2f1]:where(body,input,select,textarea){text-box:normal}.details[data-v-431ed2f1],.details b[data-v-431ed2f1],.details strong[data-v-431ed2f1],.title[data-v-431ed2f1],.title b[data-v-431ed2f1],.title strong[data-v-431ed2f1]{font-weight:var(--font-weight-normal)}.title b[data-v-431ed2f1],.title strong[data-v-431ed2f1]{color:var(--fg-primary)}@container (width <= 432px){.title[data-v-431ed2f1]{--line-height:var(--line-height-body-24-tight)}}@container (width >= 864px){.title[data-v-431ed2f1]{--line-height:var(--line-height-body-24-open)}}.title[data-v-431ed2f1]{color:var(--fg-up);flex:1;padding-block:.75em;padding-inline-start:.75em}.close-button[data-v-431ed2f1]{background:transparent;border:0;color:inherit;outline:none;padding:0;aspect-ratio:1;cursor:pointer;font-size:1.25rem;height:auto;opacity:.7;position:relative;transition:.15s ease;width:var(--close-button-size);z-index:1}.close-button[data-v-431ed2f1]:focus,.close-button[data-v-431ed2f1]:hover{opacity:1;transform:scale(1.1)}.close-button svg[data-v-431ed2f1]{box-sizing:content-box;display:inline-block;fill:currentcolor;height:calc(11 * var(--icon-pixel,var(--font-pixel)));overflow:visible;vertical-align:middle}.close-button span[data-v-431ed2f1]{clip-path:inset(50%);height:1px;margin:0;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.details[data-v-431ed2f1]{text-box:trim-both cap alphabetic;font-family:var(--font);letter-spacing:0;text-wrap:pretty;line-height:var(--line-height);transition:--line-height var(--transition);--font:var(--font-body-20);--line-height:var(--line-height-body-20-base);--font-pixel:var(--font-pixel-body-20);font-size:20px;margin-block-start:-.5rem;padding:0 1em 1em}.details[data-v-431ed2f1]:where(body,input,select,textarea){text-box:normal}.details b[data-v-431ed2f1],.details strong[data-v-431ed2f1]{color:var(--fg-primary)}@container (width <= 360px){.details[data-v-431ed2f1]{--line-height:var(--line-height-body-20-tight)}}@container (width >= 720px){.details[data-v-431ed2f1]{--line-height:var(--line-height-body-20-open)}}.details p[data-v-431ed2f1]:last-child{margin-block-end:0}@media(prefers-reduced-motion:reduce){.close-button[data-v-431ed2f1]:focus,.close-button[data-v-431ed2f1]:hover{transform:none}}}