.dc-mascot{position:fixed;right:12px;top:calc(100vh - 266px);width:148px;height:222px;z-index:20;isolation:isolate}
.dc-mascot[hidden]{display:none!important}
.dc-mascot__button{display:block;position:relative;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;touch-action:manipulation}
.dc-mascot__button:focus-visible{outline:2px solid #9917b2;outline-offset:5px;border-radius:22px}
.dc-mascot__art{display:block;position:absolute;inset:0;pointer-events:none;transform-origin:50% 95%;transform:rotate(var(--body-r,0deg));transition:transform .24s ease-out}
.dc-mascot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.dc-mascot__body{clip-path:polygon(0 30%,28% 30%,35% 32%,42% 34%,58% 34%,68% 32%,73% 30%,100% 30%,100% 100%,0 100%);transition:opacity .32s ease-in-out}
.dc-mascot__heart,.dc-mascot__wave,.dc-mascot__wave-arm{opacity:0}
.dc-mascot[data-pose="heart"] .dc-mascot__heart{opacity:1}
.dc-mascot[data-pose="wave"] .dc-mascot__wave,.dc-mascot[data-pose="wave"] .dc-mascot__wave-arm{opacity:1}
.dc-mascot[data-pose="heart"] .dc-mascot__idle,.dc-mascot[data-pose="wave"] .dc-mascot__idle{opacity:0}
.dc-mascot__wave{clip-path:polygon(28% 30%,35% 32%,42% 34%,58% 34%,68% 32%,73% 30%,100% 30%,100% 100%,0 100%,0 48%,28% 48%)}
.dc-mascot__wave-arm{clip-path:polygon(0 25%,28% 25%,28% 48%,0 48%);transform-origin:24% 46%;transition:opacity .2s}
.dc-mascot[data-pose="wave"] .dc-mascot__wave-arm{animation:dc-wave .65s .18s ease-in-out 3}
.dc-mascot__neck{clip-path:ellipse(17% 4% at 50% 31.5%)}
.dc-mascot__head{position:absolute;display:block;inset:0;transform-origin:50% 32%;transform:rotate(var(--look-r,0deg));transition:transform .28s cubic-bezier(.22,.61,.36,1)}
.dc-mascot__head img{clip-path:inset(0 0 65.65% 0);opacity:0;transition:opacity .24s ease-in-out}
.dc-mascot__head [data-look="right"]{transform:scaleX(-1)}
.dc-mascot__head [data-look="down"]{clip-path:polygon(0 0,100% 0,100% 31%,70% 31%,70% 36.8%,30% 36.8%,30% 31%,0 31%)}
.dc-mascot[data-head="front"] [data-look="front"],.dc-mascot[data-head="left"] [data-look="left"],.dc-mascot[data-head="right"] [data-look="right"],.dc-mascot[data-head="up"] [data-look="up"],.dc-mascot[data-head="down"] [data-look="down"]{opacity:1}
.dc-mascot__close{position:absolute;right:0;top:-20px;width:28px;height:28px;border:1px solid #e7d7ee;border-radius:50%;font:18px Arial,sans-serif;color:#876b93;background:white;cursor:pointer;z-index:2;opacity:.65}
.dc-mascot__close:hover,.dc-mascot__close:focus-visible{opacity:1;outline:2px solid #a927bf;outline-offset:2px}
.dc-mascot__hearts{position:absolute;left:50%;top:42%;pointer-events:none}
.dc-mascot__hearts i{position:absolute;left:-12px;top:-12px;opacity:0;color:#d948ac;font:28px Arial,sans-serif;font-style:normal;text-shadow:0 2px 6px #fff9}
.dc-mascot[data-pose="heart"] .dc-mascot__hearts i{animation:dc-heart-flight 1.8s .3s ease-out both}
.dc-mascot__hearts i:nth-child(2){--drift:24px;font-size:20px;animation-delay:.55s!important;color:#a557d5}
.dc-mascot__hearts i:nth-child(3){--drift:-20px;font-size:16px;animation-delay:.8s!important;color:#e977c5}
@keyframes dc-wave{0%,100%{transform:rotate(0deg)}45%{transform:rotate(-12deg)}75%{transform:rotate(5deg)}}
@keyframes dc-heart-flight{0%{opacity:0;transform:translate(0,0) scale(.2)}18%{opacity:1;transform:translate(0,-10px) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(var(--drift,0px),-100px) scale(.7)}}
@media(max-width:1099px),(hover:none),(pointer:coarse){.dc-mascot{display:none!important}}
@media(prefers-reduced-motion:reduce){.dc-mascot,.dc-mascot__art,.dc-mascot__head{transform:none!important;transition:none!important}.dc-mascot img{transition:none!important}.dc-mascot__wave-arm,.dc-mascot__hearts i{animation:none!important}.dc-mascot[data-pose="heart"] .dc-mascot__hearts i:first-child{opacity:1;transform:none}}