@use "../common/variables" as *;
@use "../common/mixins" as *;

.urlslab-header,
.urlslab-subheader {
	width: 100%;
	padding: 0.75em 1.625em;
	background-color: $white;

	&-logo {
		height: 2.125rem;
	}

	&-slash {
		text-indent: -9999px;
		overflow: hidden;
		width: 2px;
		height: 1.5em;
		transform: rotate(30deg);
		background-color: $grey-medium-lighter;
		margin: 0 1em;
	}

	&-title {
		font-size: 1rem;
	}

	&-credits {
		display: flex;
		align-items: center;

		svg {

			@include square(1em);
			animation: 0.75s rotate linear infinite;
		}
	}

	@media only screen and (max-width: 960px) {

		width: calc(100% - 36px);
		left: 36px;
	}
}