/**
* Licensed Materials - Property of IBM
* IBM Cognos Products: BI (C) Copyright IBM Corp. 2020, 2022
* US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
*/
$spacing-08: calc(#{$space-xl} - #{$space-xs}); // we don't have $spacing-08 and also don't want to use hard-coded value

.glass {

	.glass-what-is-new {
		height: $spacing-08;

		.glass-what-is-new-nav {

			@include theming(background-color, black);

			height: $spacing-08;

			.what-is-new-nav-label {
				@include theming(color, text-04);
				padding: 0px $space-s;
			}

			.what-is-new-nav-button {

				height: $spacing-08;

				border: none;

				@include theming(background-color, gray5);
				@include theming(color, icon-03);

				.bx--btn__icon {
					@include theming(fill, icon-03);
				}

				.bx--btn--disabled {
					@include theming(background-color, gray4);
				}

				&:hover:not(.bx--btn--disabled) {
					@include theming(background-color, gray4);
				}
			}
		}

		.glass-what-is-new-message-container {
			display: flex;
			flex-direction: row;
			flex: 2;
			height: $spacing-08;
			padding: 10px 16px;
			min-width: 0;

			@include theming(background-color, primary1);

			svg {
				@include theming(fill, text-04);
			}

			.glass-what-is-new-message-text {
				flex: 1;
				display: flex;
				margin: 0 1rem;
				min-width: 0;

				.glass-what-is-new-title {
					@include theming(color, text-04);
					font-size: .875rem;
					font-weight: 600;
					line-height: 1.125rem;
					letter-spacing: .16px;
					margin: 0 .25rem 0 0;
					white-space: nowrap;
				}

				.glass-what-is-new-text {
					@include theming(color, text-04);
					font-size: .875rem;
					font-weight: 400;
					line-height: 1.125rem;
					letter-spacing: .16px;
					overflow: hidden;
					white-space: nowrap;
					min-width: 0;
				}
			}
		}

		.what-is-new-dismiss {
			@include theming(color, icon-03);
			@include theming(background-color, primary1);
			padding-right: $space-s;
		}

		.what-is-new-action {
			@include theming(background-color, ui-05);
			&:hover {
				@include theming(background-color, gray4);
			}
		}
	}
}