@import './../vendor/@rocketsoftware/type/scss/type';
@import './../vendor/@rocketsoftware/type/scss/font-face/sans';
@import './../vendor/@rocketsoftware/themes/scss/tokens';

.#{$prefix}--#{$charts-prefix}--axes g.axis {
	g.ticks.invisible {
		visibility: hidden;
	}

	g.tick text {
		fill: $text-02;
		font-family: carbon--font-family('sans-condensed');
	}

	g.tick line {
		display: none;
	}

	path.domain {
		stroke: $ui-04;
	}

	.axis-title {
		font-family: carbon--font-family('sans');
		font-weight: carbon--font-weight('semibold');
		fill: $text-01;
	}
}