<commit_before>@if luiTheme(element, field, momentpicker, enabled) {
	@at-root #{$namespace} {
		$vars: luiTheme(element, field, momentpicker);

		luid-moment {
			display: inline-block;
			max-width:  map-gets($vars, max-width);
			overflow: visible !important; // Buttons

			> .lui.moment.input > input {
				text-align: center;
				width: map-gets($vars, width);
			}

			.mp-button {
				width: luiTheme(element, field, input, font-size) * (map-gets($vars, width) / (map-gets($vars, width) * 0 + 1));
				position: absolute;
				cursor: pointer;

				&:before {
					font-size: 0.75em;
				}

				&.top {
					bottom: 100%;
					margin-bottom: -0.25em;
				}
				&.left {
					left: 0;
				}
				&.right {
					right: 0;
				}
				&.bottom {
					top: 100%;
					margin-top: 0.25em;
				}
			}
		}

		// 	@extend %lui_input_holder_base;
		//
		// 	> .luid-moment {
		// 		@extend %lui_input_field_base;
		// 		padding: 0 !important;
		// 	}
		//
		// 	&:active, &:focus {
		// 		box-shadow: none;
		// 	}<commit_msg>Momentpicker [REF] Restyling of the momentpicker<commit_after>@if luiTheme(element, field, momentpicker, enabled) {
	@at-root #{$namespace} {
		$vars: luiTheme(element, field, momentpicker);

		@keyframes momentPickerArrowUp {
			0%, 20%, 50%, 80%, 100% {
				transform: translateY(0);
			}
			40% {
				transform: translateY(-0.5em);
			}
			60% {
				transform: translateY(-0.25em);
			}
		}
		@keyframes momentPickerArrowDown {
			0%, 20%, 50%, 80%, 100% {
				transform: translateY(0);
			}
			40% {
				transform: translateY(0.5em);
			}
			60% {
				transform: translateY(0.25em);
			}
		}

		luid-moment {
			display: inline-block;
			max-width:  map-gets($vars, max-width);
			overflow: visible !important; // Buttons

			> .lui.moment.input > input {
				text-align: center;
				width: map-gets($vars, width);
			}

			.mp-button {
				width: luiTheme(element, field, input, font-size) * (map-gets($vars, width) / (map-gets($vars, width) * 0 + 1));
				position: absolute;
				cursor: pointer;

				animation-duration: 500ms;

				&:before {
					font-size: 0.75em;
				}

				&:hover {
					color: luiPalette(primary, color);
					&.top { animation-name: momentPickerArrowUp; }
					&.bottom { animation-name: momentPickerArrowDown; }
				}

				&.top {
					bottom: 100%;
					margin-bottom: -0.25em;
				}
				&.bottom {
					top: 100%;
					margin-top: 0.25em;
				}
				&.left {
					left: 0;
				}
				&.right {
					right: 0;
				}
			}
		}

		// 	@extend %lui_input_holder_base;
		//
		// 	> .luid-moment {
		// 		@extend %lui_input_field_base;
		// 		padding: 0 !important;
		// 	}
		//
		// 	&:active, &:focus {
		// 		box-shadow: none;
		// 	}
{'fraction_non_alphanumeric': 0.1721311475409836, 'fraction_numerical': 0.030923994038748136, 'mean_word_length': 2.215568862275449, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2639964', 'n_tokens_mistral': 1370, 'n_tokens_neox': 1027, 'n_words': 197}