.monkey-container {--width: 55px;--height: 55px;width: var(--width);height: var(--height);position: absolute;}.modal .input-field.check .monkey-container {transform: scale(0.8) translate(-3px, -3px);}.monkey-container .monkey, .monkey-container .monkey-hands {position: absolute;width: var(--height);height: 100%;right: 0;top: 0;margin: 0;z-index: 1;display: flex;justify-content: center;align-items: center;}.monkey-container .monkey svg, .monkey-container .monkey-hands svg {height: calc(var(--height) - 20px);width: calc(var(--height) - 20px);}.monkey-container .monkey {cursor: pointer;}.monkey-container .monkey::before {content: "";position: absolute;transition: all 0.2s ease;width: 3px;height: 0px;border-radius: 50%;top: 36px;border-bottom: 3px solid #3C302A;}.monkey-container .monkey-hands {z-index: 2;perspective: 80px;pointer-events: none;}.monkey-container .monkey-hands svg {transition: transform 0.2s ease-in, opacity 0.1s;transform-origin: 50% 100%;}.monkey-container.show .monkey-hands svg {transform: perspective(100px) rotateX(-90deg);perspective-origin: bottom;opacity: var(--opacity, 0);transition: transform 0.2s ease, opacity 0.1s 0.1s;}.monkey-container.show .monkey::before {content: "";border-radius: 45%;width: 9px;height: 6px;border: 0;border-bottom: 2px solid #3C302A;top: 30px;}