.portfolio-toast{z-index:1200;opacity:0;pointer-events:none;border:1px solid var(--border);border-radius:var(--radius-8);background:color-mix(in srgb,var(--background)96%,transparent);width:min(92vw,520px);transition:opacity .2s,transform .2s;position:fixed;bottom:18px;right:18px;transform:translateY(20px);box-shadow:0 14px 36px #00000029}.portfolio-toast--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.portfolio-toast__row{border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 14px 12px;display:grid}.portfolio-toast__check{background:var(--accent);flex-shrink:0;width:22px;height:22px;-webkit-mask-image:url(/icons/contact/check-circle-fill.svg);mask-image:url(/icons/contact/check-circle-fill.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.portfolio-toast__message{min-width:0;font:var(--portfolio-text-b2);color:var(--text-primary);flex:auto}.portfolio-toast__close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;font-size:1.25rem;line-height:1}.portfolio-toast__progress{background:color-mix(in srgb,var(--border-subtle)66%,transparent);border-radius:999px;grid-column:1/-1;height:4px;margin-top:4px;overflow:hidden}.portfolio-toast__progress-fill{transform-origin:0;background:var(--accent);width:100%;height:100%;animation-name:portfolio-toast-progress;animation-timing-function:linear;animation-fill-mode:forwards;display:block}@keyframes portfolio-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:768px){.portfolio-toast{width:min(94vw,520px);bottom:12px;right:12px}.portfolio-toast__row{border-radius:6px;gap:10px;padding:12px 12px 10px}}