@font-face{font-family:"TranslationBubblePixel11";src:url("media/43fe6a0bf651bea03f5dc6719478ce8ee4758174a206e13c5fb1a0a2b945fd7f.ttf") format("truetype");font-style:normal;font-weight:400;font-display:block;}
/* Edge-docked translation bear. Artwork retains its original proportions. */
#translationFloat.bear-translation-float {
 --bear-canvas:clamp(100px,10.666666667vw,133.333333333px);
 position:fixed;top:47%;right:0;left:auto;z-index:24;
 width:calc(var(--bear-canvas)*.65);height:var(--bear-canvas);
 padding:0;border:0;border-radius:0;background:transparent;color:#1c2028;
 box-shadow:none;overflow:visible;touch-action:none;user-select:none;
 -webkit-user-select:none;cursor:pointer;outline-offset:-5px;
}
#translationFloat.bear-translation-float:focus-visible { outline:2px dashed #3b70aa; }
#translationFloat.bear-translation-float .bear-body {
 display:block;position:relative;width:100%;height:100%;overflow:hidden;
 margin:0;padding:0;pointer-events:none;
}
#translationFloat.bear-translation-float .bear-body img {
 position:absolute;display:block;left:calc(var(--bear-canvas)*-.35);top:0;
 width:var(--bear-canvas);height:var(--bear-canvas);max-width:none;
 object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none;
}
#translationFloat.bear-translation-float .bear-bubble-wrapper {
 position:absolute;right:calc(100% + 7px);top:25px;display:block;
 max-width:min(147px,calc(100vw - var(--bear-canvas)*.65 - 16px));
 width:max-content;pointer-events:none;filter:drop-shadow(2px 2px 0 #1113);
}
#translationFloat.bear-translation-float .bear-bubble {
 display:block;padding:2px;background:#25272d;
 clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));
}
#translationFloat.bear-translation-float .bear-bubble-text {
 display:block;padding:6px 8px;margin:0;background:#fffdf5;
 font:11px/13px "CarbiQiuYe","Microsoft YaHei",sans-serif;letter-spacing:0;font-weight:400;font-synthesis:none;
 white-space:normal;overflow-wrap:anywhere;
 clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));
}
#translationFloat.bear-translation-float .bear-bubble-wrapper:before {
 content:"";position:absolute;right:-6px;top:16px;width:6px;height:6px;background:#25272d;
}
#translationFloat.bear-translation-float .bear-bubble-wrapper:after {
 content:"";position:absolute;right:-3px;top:17px;width:3px;height:3px;background:#fffdf5;
}
#translationFloat.bear-translation-float small {
 position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;
 clip-path:inset(50%);white-space:nowrap;pointer-events:none;
}
#translationFloat.bear-dock-left { right:auto;left:0; }
#translationFloat.bear-dock-left .bear-body { transform:scaleX(-1); }
#translationFloat.bear-dock-left .bear-bubble-wrapper { right:auto;left:calc(100% + 7px); }
#translationFloat.bear-dock-left .bear-bubble-wrapper:before { right:auto;left:-6px; }
#translationFloat.bear-dock-left .bear-bubble-wrapper:after { right:auto;left:-3px; }
#translationFloat.bear-dragging { cursor:grabbing; }
.bear-drag-shield { position:fixed;inset:0;z-index:23;cursor:grabbing;background:transparent;touch-action:none; }