export declare const rabbitMascotStyles = "\n.comimi-rabbit {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  aspect-ratio: 1 / 1;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.comimi-rabbit > * {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.comimi-rabbit-body {\n  fill: var(--comimi-mascot);\n  transition: fill 0.2s linear;\n}\n\n.comimi-rabbit-shade {\n  fill: var(--comimi-mascot-shade);\n  transition: fill 0.2s linear;\n}\n\n.comimi-controls-dock > .comimi-rabbit {\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.comimi-menu-panel > .comimi-rabbit {\n  top: 12px;\n  right: 20px;\n}\n\n@media (max-width: 767px) {\n  .comimi-controls-dock > .comimi-rabbit {\n    display: none;\n  }\n}\n\n@media (min-width: 768px) {\n  .comimi-menu-panel > .comimi-rabbit {\n    display: none;\n  }\n}\n\n.comimi-mascot-html {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n";
//# sourceMappingURL=rabbit-mascot.styles.d.ts.map