.off-line{position:fixed;left:0;right:0;top:3rem;z-index:26;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:.55rem;height:1.75rem;padding:0 1rem;box-sizing:border-box;background:#3b342e;color:#fff;font-size:1rem;line-height:1;white-space:nowrap;overflow:hidden;box-shadow:0 6px 12px -8px rgba(42,34,28,.5);animation:off-line-in var(--dur-fade,.18s) var(--ease-enter,ease-out) both}.off-line-what{font-weight:600}.off-line-when{font-weight:400;color:rgba(255,255,255,.82);overflow:hidden;text-overflow:ellipsis}.off-line-when:before{content:"";display:inline-block;width:.25rem;height:.25rem;margin:0 .55rem .2rem 0;border-radius:50%;background:rgba(255,255,255,.6);vertical-align:middle}@keyframes off-line-in{0%{opacity:0}to{opacity:1}}