/* The existing availability setting controls both the mascot and the message form. */
.mascot-sleep-mask,.mascot-sleep-zzz { display:none; pointer-events:none; }
.chat-widget.is-offline .mascot-launcher.chat-launcher { height:110px; }
.chat-widget.is-offline .purly-sprite { position:absolute; left:0; top:0; transform-origin:50% 90%; animation:mascot-sleep-breathe 4s ease-in-out infinite; }
.chat-widget.is-offline .mascot-sleep-mask { display:block; position:absolute; left:33%; top:34%; width:41%; height:14%; background:url('/static/storefront/images/sockworld/chat-sleep-mask.svg') center/contain no-repeat; filter:drop-shadow(0 1px 1px #32195655); }
.chat-widget.is-offline [data-mascot-name="Zipso"] .mascot-sleep-mask { left:34%; top:36%; width:37%; height:13%; }
.chat-widget.is-offline .mascot-sleep-zzz { display:block; position:absolute; left:70%; top:15%; width:24px; height:32px; color:#705495; font-family:'Trebuchet MS',sans-serif; font-weight:900; text-shadow:0 1px 2px #fff,1px 0 1px #fff,-1px 0 1px #fff; }
.mascot-sleep-zzz span { position:absolute; left:0; top:0; font-size:11px; opacity:0; animation:mascot-sleep-dream 3.6s ease-out infinite; animation-delay:-2.4s; }
.mascot-sleep-zzz span:nth-child(2) { left:5px; top:-7px; font-size:13px; animation-delay:-1.2s; }
.mascot-sleep-zzz span:nth-child(3) { left:9px; top:-15px; font-size:15px; animation-delay:0s; }
.chat-widget.is-offline .mascot-caption { left:-10px; right:-10px; color:#5e447e; background:#f8f4ff; border-color:#d8caed; }
.chat-widget.is-offline .chat-presence { color:#705495; }
.chat-widget.is-offline:has(.mascot-launcher) .chat-panel-header { background:#f4effb; }
.chat-widget.is-offline .mascot-launcher[aria-expanded="true"] .purly-sprite { animation:none; }
.chat-widget.is-offline .mascot-launcher[aria-expanded="true"] .mascot-sleep-zzz { display:none; }
@keyframes mascot-sleep-breathe { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(1px) scale(1.025); } }
@keyframes mascot-sleep-dream { 0% { opacity:0; transform:translate(0,3px) scale(.8); } 18%,65% { opacity:.95; } 100% { opacity:0; transform:translate(3px,-12px) scale(1.15); } }
@media(max-width:700px) {
 .chat-widget.is-offline .mascot-launcher.chat-launcher { height:92px; }
 .chat-widget.is-offline .mascot-caption { left:-8px; right:-8px; font-size:10px; }
 .chat-widget.is-offline .mascot-sleep-zzz { left:67%; top:16%; }
 .mascot-sleep-zzz span { font-size:10px; }
 .mascot-sleep-zzz span:nth-child(2) { font-size:12px; }
 .mascot-sleep-zzz span:nth-child(3) { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) {
 .chat-widget.is-offline .purly-sprite,.mascot-sleep-zzz span { animation:none; transform:none; }
 .mascot-sleep-zzz span { opacity:.9; }
}

/* Seated offline artwork with oversized knitted sleeping masks. */
.chat-widget.is-offline .purly-sprite[data-mascot-name="Zipso"]{background-image:url('../images/zipso-seated-sleep.png');background-size:contain;background-position:center;background-repeat:no-repeat}
.chat-widget.is-offline .purly-sprite[data-mascot-name="Purly"]{background-image:url('../images/purly-seated-sleep.png');background-size:contain;background-position:center;background-repeat:no-repeat}
.chat-widget.is-offline .mascot-sleep-mask{display:none}