:root{--eye-pupil-url: "";--eyes-closed-url: "";--eyes-open-url: "";--eyes-wide-url: ""}.buglink{height:50px;display:inline-block}.buglink img{margin-top:10px}.eyes-inline{display:inline-block;margin-left:8px;vertical-align:bottom}#eyes-container{font-family:Segoe UI,Arial,sans-serif;height:50px;display:flex;white-space:nowrap}.eye-right,.eye-left{font-size:14px;position:relative;display:flex;align-items:center;cursor:pointer}.eye-labels>*{visibility:hidden;height:50px;line-height:50px}.eye-labels>*:last-child{margin-top:-50px}.eye-labels{display:flex;flex-direction:column}.eye-closed:hover .eye-label-close,.eye-opened:hover .eye-label-open{visibility:visible}body:not(.others-exist) .eye-right .eye-labels{display:none}body:not(.others-exist) #eyes-container:hover .eye-left.eye-opened .eye-label-open,body:not(.others-exist) #eyes-container:hover .eye-left.eye-closed .eye-label-close{visibility:visible}.eye{background-image:var(--eyes-open-url);background-repeat:no-repeat;width:50px;height:50px;display:inline-block;position:relative;pointer-events:none;--pupilX: 0px;--pupilY: 0px;top:0}.eye-closed .eye{background-image:var(--eyes-closed-url);mix-blend-mode:darken}.eye-opened:hover .eye{background-image:var(--eyes-wide-url)}.eye-left .eye{--pupil-offsetX: 23px;background-position:left;right:0}.eye-right .eye{--pupil-offsetX: 17px;background-position:right;left:0}.eye:before{content:"";background-image:var(--eye-pupil-url);position:absolute;width:10px;height:10px;top:calc(19px + var(--pupilY));left:calc(var(--pupil-offsetX) + var(--pupilX));pointer-events:none}.eye-closed .eye:before{display:none}.my-intro-bug{--r: 0;display:inline-block;z-index:500}.my-intro-bug img{width:40px;transition:width .2s;transform:translate(-50%,-50%) rotate(var(--r));cursor:pointer}.my-intro-bug:hover img{width:80px}img.guest-bug{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}.my-bug-fixed{position:fixed;bottom:0;left:50dvw}.bug-intro-yes,.bug-intro-no{display:flex;align-items:center}.bug-intro-yes img,.bug-intro-no img{margin-right:10px}#bug-container{overscroll-behavior:contain;position:fixed;left:0;right:0;top:0;bottom:0;pointer-events:none}.bug{--x: -1000;--y: -1000;--r: 0;--image: "";--name: "test";--size: 100px;--offset-left: max(var(--size) / -2, -50px) ;--offset-top-name: calc(var(--size) / 2);--offset-top-message: calc(var(--offset-top-name) + 1.7em);--message-width: calc(var(--size) * 2);left:var(--x);top:var(--y);display:inline-block;position:absolute;pointer-events:none;z-index:0;font-family:Segoe UI,Arial,sans-serif;line-height:1.2em}.bug:before{position:absolute;content:" ";display:block;background-image:var(--image);width:var(--size);height:var(--size);background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%) rotate(var(--r));z-index:-2}.bug:after{font-style:italic;font-size:min(14px,var(--size) * .5);color:gray;content:var(--name);position:absolute;transform:translate(var(--offset-left),var(--offset-top-name));white-space:nowrap;z-index:-1;left:0;top:0;text-align:center}.my-bug-visible{overscroll-behavior:contain}.bug .my-bug-hotspot{width:calc(var(--size) * .5);height:calc(var(--size) * .5);transform:translate(-50%,-50%) rotate(var(--r));display:inline-block;cursor:pointer;border-radius:50%;pointer-events:all}@property --skew-message{initial-value: 0deg; syntax: "<angle>"; inherits: false;}.bug .bug-message{--skew-message: -20deg;position:absolute;transform:translate(var(--offset-left),var(--offset-top-message)) skew(var(--skew-message));width:var(--message-width);line-height:1.2;max-height:3.6em;overflow:hidden;overflow-wrap:anywhere;display:flex;align-items:flex-end;transition:--skew-message .1s;font-size:min(14px,var(--size) * .5)}.bug .bug-message-hilite{--skew-message: 0deg}.bug-cursor{display:none;border-right:1px solid red;height:1em;margin-left:1px;vertical-align:middle;animation:cursorBlink .5s infinite alternate-reverse}.bug-show-cursor .bug-cursor{display:inline-block}@keyframes cursorBlink{0%{opacity:0}33%{opacity:0}66%{opacity:1}to{opacity:1}}.bug-message-hilite .bug-cursor{visibility:hidden}.bug.guest:before{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);opacity:.7}#message-box{width:min(300px,100% - 4em);left:calc((100% - min(300px,100% - 4em))/2);top:2em;position:fixed;background-color:#fffc;border:1px solid black;border-radius:5px;height:2em;display:none}.my-bug-visible.others-visible.others-exist #message-box{display:inline-block}#messageInput{width:calc(100% - 34px);resize:none;border:none;outline:none;background:none;margin-top:.5em;height:1em;line-height:1em;white-space:nowrap;overflow:hidden;margin-left:5px;caret-color:red;font-family:Segoe UI,Arial,sans-serif;font-size:14px;pointer-events:all}#message-close{position:absolute;right:6px;top:6px;border-radius:50%;background:#ebebeb;font-family:sans-serif;width:12px;height:12px;line-height:12px;font-size:12px;color:#000;text-decoration:none;text-align:center;display:none}.my-bug-has-input #message-close{display:block}
