global.css 23.8 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494
.ult {
	/* Use this class as main container to avoid conflicts */
	font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.ult,
.ult * {
	box-sizing: border-box;
}

/**
 * Select2
 */

.select2-container--ult-select2 .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--ult-select2 .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--ult-select2 .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px;padding-right:0}.select2-container--ult-select2 .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--ult-select2 .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--ult-select2 .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--ult-select2[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--ult-select2[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--ult-select2.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--ult-select2.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--ult-select2.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--ult-select2 .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--ult-select2 .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:700;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px;position:absolute;left:0;top:0}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice__remove:focus,.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice__remove:hover{background-color:#f1f1f1;color:#333;outline:0}.select2-container--ult-select2[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--ult-select2[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--ult-select2[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--ult-select2[dir=rtl] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--ult-select2.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--ult-select2.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--ult-select2.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--ult-select2.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--ult-select2.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--ult-select2.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--ult-select2.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--ult-select2 .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--ult-select2 .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--ult-select2 .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--ult-select2 .select2-results__option .select2-results__option{padding-left:1em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--ult-select2 .select2-results__option--group{padding:0}.select2-container--ult-select2 .select2-results__option--disabled{color:#999}.select2-container--ult-select2 .select2-results__option--selected{background-color:#ddd}.select2-container--ult-select2 .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:#fff}.select2-container--ult-select2 .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--ult-select2-modal .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px;padding-right:0}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--ult-select2-modal.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--ult-select2-modal.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--ult-select2-modal.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--ult-select2-modal .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--ult-select2-modal .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:700;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px;position:absolute;left:0;top:0}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice__remove:focus,.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice__remove:hover{background-color:#f1f1f1;color:#333;outline:0}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--ult-select2-modal.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--ult-select2-modal.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--ult-select2-modal.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--ult-select2-modal.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--ult-select2-modal.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--ult-select2-modal.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--ult-select2-modal.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--ult-select2-modal .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--ult-select2-modal .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--ult-select2-modal .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--ult-select2-modal .select2-results__option .select2-results__option{padding-left:1em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--ult-select2-modal .select2-results__option--group{padding:0}.select2-container--ult-select2-modal .select2-results__option--disabled{color:#999}.select2-container--ult-select2-modal .select2-results__option--selected{background-color:#ddd}.select2-container--ult-select2-modal .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:#fff}.select2-container--ult-select2-modal .select2-results__group{cursor:default;display:block;padding:6px}

/**
 * Try Automator menu item
 */

.ult-sidebar-featured-item-container,
.ult-sidebar-featured-item-container:hover,
.ult-sidebar-featured-item-container:focus,
.ult-sidebar-featured-item-container:active {
	background: #232323 !important;
}

.ult-sidebar-featured-item {
	color: #fff;

	display: block;

	padding-top: 2px;
	padding-bottom: 2px;
}

	.ult-sidebar-featured-item__text {
		margin-right: 8px;
	}

	.ult-sidebar-featured-item__tag {
		background: #6ac45a;
		color: #fff;
		font-size: 11px;
		font-weight: 600;
		line-height: 1;

		padding: 1px 6px 2px;
		border-radius: 150px;
	}

/**
 * Tooltip
 */

[ult-tooltip-admin] {
	position: relative; 
}

	[ult-tooltip-admin]::before,
	[ult-tooltip-admin]::after {
		text-transform: none;
		font-size: 13px;
		font-weight: 500;
		line-height: 1;
		user-select: none;
		pointer-events: none;
		position: absolute;
		display: none;
		opacity: 0;
	}

	[ult-tooltip-admin]::before {
		content: '';
		border: 5px solid transparent;
		z-index: 1001;
	}

	[ult-tooltip-admin]::after {
		width: 100%;
		content: attr(ult-tooltip-admin);
		text-align: center;
		min-width: 80px;
		max-width: 21em;
		/*white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;*/
		padding: 4px 10px 6px 10px;
		line-height: 1.4;
		border-radius: 4px;
		box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
		background: #333;
		color: #fff;
		z-index: 1000;
	}

	[ult-tooltip-admin][ult-flow-admin^="left"]::after {
		min-width: 80px;
	}

	[ult-tooltip-admin]:hover::before,
	[ult-tooltip-admin]:hover::after {
		display: block;
	}

	[ult-tooltip-admin='']::before,
	[ult-tooltip-admin='']::after {
		display: none !important;
	}

	[ult-tooltip-admin]:not([ult-flow-admin])::before,
	[ult-tooltip-admin][ult-flow-admin^="up"]::before {
		bottom: calc(100% + 5px);
		border-bottom-width: 0;
		border-top-color: #333;
	}
	[ult-tooltip-admin]:not([ult-flow-admin])::after,
	[ult-tooltip-admin][ult-flow-admin^="up"]::after {
		bottom: calc(100% + 10px);
	}
	[ult-tooltip-admin]:not([ult-flow-admin])::before,
	[ult-tooltip-admin]:not([ult-flow-admin])::after,
	[ult-tooltip-admin][ult-flow-admin^="up"]::before,
	[ult-tooltip-admin][ult-flow-admin^="up"]::after {
		left: 50%;
		transform: translate(-50%, -.5em);
	}

	[ult-tooltip-admin][ult-flow-admin^="down"]::before {
		top: 100%;
		border-top-width: 0;
		border-bottom-color: #333;
	}
	[ult-tooltip-admin][ult-flow-admin^="down"]::after {
		top: calc(100% + 5px);
	}
	[ult-tooltip-admin][ult-flow-admin^="down"]::before,
	[ult-tooltip-admin][ult-flow-admin^="down"]::after {
		left: 50%;
		transform: translate(-50%, .5em);
	}
	[ult-tooltip-admin][ult-flow-admin^="left"]::before {
		top: 50%;
		border-right-width: 0;
		border-left-color: #333;
		left: calc(0em - 10px);
		transform: translate(-.5em, -50%);
	}
	[ult-tooltip-admin][ult-flow-admin^="left"]::after {
		top: 50%;
		right: calc(100% + 10px);
		transform: translate(-.5em, -50%);
	}
	[ult-tooltip-admin][ult-flow-admin^="right"]::before {
		top: 50%;
		border-left-width: 0;
		border-right-color: #333;
		right: calc(0em - 10px);
		transform: translate(.5em, -50%);
	}
	[ult-tooltip-admin][ult-flow-admin^="right"]::after {
		top: 50%;
		left: calc(100% + 10px);
		transform: translate(.5em, -50%);
	}

	[ult-tooltip-admin]:not([ult-flow-admin]):hover::before,
	[ult-tooltip-admin]:not([ult-flow-admin]):hover::after,
	[ult-tooltip-admin][ult-flow-admin^="up"]:hover::before,
	[ult-tooltip-admin][ult-flow-admin^="up"]:hover::after,
	[ult-tooltip-admin][ult-flow-admin^="down"]:hover::before,
	[ult-tooltip-admin][ult-flow-admin^="down"]:hover::after {
		animation: ult-tooltip-admins-vert 300ms ease-out forwards;
	}

	[ult-tooltip-admin][ult-flow-admin^="left"]:hover::before,
	[ult-tooltip-admin][ult-flow-admin^="left"]:hover::after,
	[ult-tooltip-admin][ult-flow-admin^="right"]:hover::before,
	[ult-tooltip-admin][ult-flow-admin^="right"]:hover::after {
		animation: ult-tooltip-admins-horz 300ms ease-out forwards;
	}

	@keyframes ult-tooltip-admins-vert {
		to {
			opacity: .9;
			transform: translate(-50%, 0);
		}
	}

	@keyframes ult-tooltip-admins-horz {
		to {
			opacity: .9;
			transform: translate(0, -50%);
		}
	}

/**
 * Review banner
 */

/* Remove WP styling */
#ult-review-banner {
	padding: 0;
	border: 0;
	box-shadow: none;
	background: none;

	display: block !important;
}

	.nav-tab-wrapper + #ult-review-banner {
		margin-top: 15px;
	}

	.ult .ult-review-banner {
		width: 100%;

		background: #fff;
		border: 1px solid #ccd0d4;
		border-radius: 4px;

		font-size: 14px;
		line-height: 1.4;
		color: #343434;

		padding: 20px;

		position: relative;
	}

		.ult .ult-review-banner__title {
			font-size: 15px;
			font-weight: 600;

			padding-right: 25px;
		}

		.ult .ult-review-banner__description {
			font-size: 14px;
			margin-top: 2px;
		}

		.ult .ult-review-banner__actions {
			padding-top: 20px;

			display: flex;
			align-items: center;
			flex-wrap: wrap;

			margin-bottom: -10px;
		}

			.ult .ult-review-banner__action {
				display: inline-block;

				padding: 5px 15px;

				margin-bottom: 10px;

				border: 1px solid #b7b7b7;
				border-radius: 4px;
				box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);

				font-weight: 500;
				color: #6c757d;

				text-decoration: none;

				cursor: pointer;

				position: relative;

				transition: background 150ms ease-in-out,
				            color      150ms ease-in-out,
				            border     150ms ease-in-out;
			}

				.ult .ult-review-banner__action:before {
					content: '';

					width: 10px;
					height: 10px;

					border: 2px solid transparent;
					border-top-color: #fff;
					border-radius: 50%;

					position: absolute;
					top: 50%;
					left: 50%;

					opacity: 0;

					user-select: none;

					animation: ult-review-banner-rotating-centered 2s linear infinite;
					transition: opacity 150ms ease-in-out;
				}

			.ult .ult-review-banner__action:not(:last-child) {
				margin-right: 10px;
			}

				.ult .ult-review-banner__action:hover {
					color: #fff;
					background: #9e9e9e;
					border-color: #9e9e9e;
				}

				.ult .ult-review-banner__action--loading,
				.ult .ult-review-banner__action--loading:hover,
				.ult .ult-review-banner__action--loading:active,
				.ult .ult-review-banner__action--loading:focus {
					color: transparent;
					background: #9e9e9e;
					border-color: #9e9e9e;
				}

				.ult .ult-review-banner__action--loading:before {
					opacity: 1;
				}

				.ult .ult-review-banner__action--primary {
					border-color: #0790e8;
					color: #0790e8;
				}

					.ult .ult-review-banner__action--primary:hover {
						background: #0790e8;
						border-color: #0790e8;
					}

					.ult .ult-review-banner__action--primary.ult-review-banner__action--loading,
					.ult .ult-review-banner__action--primary.ult-review-banner__action--loading:hover,
					.ult .ult-review-banner__action--primary.ult-review-banner__action--loading:active,
					.ult .ult-review-banner__action--primary.ult-review-banner__action--loading:focus {
						background: #0790e8;
						border-color: #0790e8;
					}

				.ult .ult-review-banner__action--anchor {
					box-shadow: none;
					border: 0;
					padding-left: 0;
					padding-right: 0;
					background: transparent;
					border-color: transparent;
				}

					.ult .ult-review-banner__action--anchor-border {
						text-decoration: underline;
					}

					.ult .ult-review-banner__action--anchor:hover {
						background: transparent;
						border-color: transparent;
						color: #5c636a;
					}

					.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading,
					.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading:hover,
					.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading:active,
					.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading:focus {
						color: #5c636a;
					}

					.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading {
						padding-right: 35px;
					}

					.ult .ult-review-banner__action--anchor:before {
						border-top-color: #9e9e9e;
						left: auto;
						right: 0;
					}

				.ult-review-banner__action--no-margin-right {
					margin-right: 5px !important;
				}

				.ult .ult-review-banner__disclaimer {
					font-size: 13px;
					color: #9e9e9e;
				}

		.ult #ult-review-banner__close {
			position: absolute;
			top: 15px;
			right: 15px;
			z-index: 10;

			padding: 5px;

			cursor: pointer;

			border-radius: 50%;

			transition: background 150ms ease-in-out;
		}

			.ult .ult-review-banner__close-tooltip {
				width: 100%;
				height: 100%;
				border-radius: 50%;

				position: absolute;
				top: 0;
				left: 0;

				z-index: 100;
			}

			.ult #ult-review-banner__close:hover {
				background: #e0e2e3;
			}

			.ult #ult-review-banner__close:before {
				content: '';

				width: 10px;
				height: 10px;

				border: 2px solid transparent;
				border-top-color: #90979c;
				border-radius: 50%;

				position: absolute;
				top: 50%;
				left: 50%;

				opacity: 0;

				user-select: none;

				animation: rotating-centered 2s linear infinite;
				transition: opacity 150ms ease-in-out;
			}

				.ult #ult-review-banner__close.ult-review-banner__close--loading:before {
					opacity: 1;
				}

			.ult .ult-review-banner__close-icon {
				width: 14px;
				height: 14px;

				opacity: 1;

				position: relative;

				transition: opacity 150ms ease-in-out;
			}

				.ult .ult-review-banner__close--loading .ult-review-banner__close-icon {
					opacity: 0;
				}

			.ult .ult-review-banner__close-icon:before,
			.ult .ult-review-banner__close-icon:after {
				content: '';

				position: absolute;

				top: 50%;
				left: 50%;
				transform-origin: center;

				width: 100%;
				height: 2px;
				background: #90979c;
			}

			.ult .ult-review-banner__close-icon:before {
				transform: translate(-50%,-50%) rotate(-45deg);
			}

			.ult .ult-review-banner__close-icon:after {
				transform: translate(-50%,-50%) rotate(45deg);
			}

/**
 * Keyframes
 */

@keyframes ult-review-banner-rotating-centered {
	from {
		transform: translate(-50%,-50%) rotate(0deg);
	}
	to {
		transform: translate(-50%,-50%) rotate(360deg);
	}
}