:root {
    --nav-logo-height: 24px;
    --external-icon-colour: #949494;
}

.logo {
    margin-right: 8px;
    height: var(--nav-logo-height);
}

.hero-bg {
    background: no-repeat;
    background-image: url('/assets/images/hero_anim/cp_1.png');
    background-position: right center;
    background-origin: content-box;
    background-size: 60%;
    padding-right: 15px;
}

.external-link::after {
    display: inline-block;
    margin-top: -1px;
    margin-left: 4px;
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    background-color: var(--external-icon-colour);
    --icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");
    content: "";
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon)
}

.fs-small {
    font-size: 0.75rem !important;
}