@verisoft/ui-govcz 18.7.0 → 18.8.0

package/{sass → assets/sass}/header.css

@@ -1,526 +1,526 @@
-.gov-pictogram {
-    margin-left: -0.375rem;
-    max-width: 52px;
-    color: var(--color-primary-600);
-}
-
-.gov-pictogram--logo {
-    max-width: 187px;
-    max-height: 64;
-}
-
-.gov-pictogram--large {
-    max-width: 78px
-}
-
-.gov-pictogram--inversed {
-    color: var(--color-neutral-0)
-}
-
-.gov-pictogram--dark {
-    color: var(--color-neutral-700)
-}
-
-.gov-pictogram svg {
-    width: 100%
-}
-
-.gov-logo {
-    display: flex;
-    align-items: center;
-    color: var(--color-primary-600) !important;
-    text-decoration: none
-}
-
-.gov-logo__sitename {
-    display: inline-block;
-    margin-left: .625rem;
-    color: currentColor;
-    font-size: 1.3125rem;
-    font-weight: 700
-}
-
-@media not all and (pointer: coarse) {
-    .gov-logo:hover>* {
-        color: currentColor
-    }
-}
-
-.gov-logo:visited>* {
-    color: currentColor
-}
-
-.gov-logo:focus {
-    box-shadow: 0 0 0 2px var(--color-neutral-0)
-}
-
-.gov-logo--large .gov-logo__sitename {
-    font-size: 1.625rem
-}
-
-.gov-logo--inversed {
-    color: var(--color-neutral-0) !important
-}
-
-.gov-logo--dark {
-    color: var(--color-neutral-700) !important
-}
-
-.gov-container {
-    display: block;
-    overflow: hidden;
-    padding: 2.5rem 1.25rem;
-    width: 100%
-}
-
-.gov-container__content {
-    display: block;
-    margin: 0 auto;
-    max-width: 70rem
-}
-
-.gov-container--no-y-offset {
-    padding: 0 1.25rem
-}
-
-.gov-container--as-page {
-    padding: 6.25rem 1.25rem
-}
-
-.gov-container--as-page p,
-.gov-container--as-page .gov-paragraph,
-.gov-container--as-page table tbody td,
-table tbody .gov-container--as-page td,
-.gov-container--as-page .gov-table tbody td,
-.gov-table tbody .gov-container--as-page td {
-    max-width: 580px
-}
-
-.gov-container--branded {
-    padding-bottom: 13.75rem
-}
-
-.gov-container--branded .gov-container__content {
-    position: relative
-}
-
-.gov-container--branded .gov-container__content:after {
-    display: block;
-    position: absolute;
-    top: -1.25rem;
-    right: 0;
-    width: 586px;
-    opacity: .05;
-    transform: translateX(30%)
-}
-
-@media(max-width: 51.99em) {
-    .gov-container:not(.gov-container--no-y-offset):not(.gov-container--as-page):not(.gov-container--branded):not(.gov-footer) {
-        padding: 1.25rem
-    }
-
-    .gov-container--branded .gov-container__content:after {
-        top: 60%;
-        width: 428px;
-        transform: translateX(20%)
-    }
-}
-
-@media(max-width: 31.99em) {
-    .gov-container--as-page {
-        padding: 3.75rem 1.25rem
-    }
-
-    .gov-container--branded {
-        padding-bottom: 7.5rem
-    }
-}
-
-.gov-header {
-    overflow: initial;
-    background-color: var(--color-primary-600);
-}
-
-.gov-header.is-fixed {
-    position: fixed;
-    left: 0;
-    right: 0;
-    top: 0;
-    z-index: 110
-}
-
-.gov-header__holder {
-    padding-top: 1.25rem;
-    padding-bottom: 1.0625rem;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: space-between
-}
-
-.gov-header__separator {
-    display: none;
-    position: relative;
-    margin: 0;
-    height: 1px;
-    border: none;
-    border-bottom: 1px solid var(--primary-darker);
-}
-
-@media(min-width: 56.25em) {
-    .gov-header__separator {
-        display: block
-    }
-}
-
-.gov-header__logo {
-    display: flex;
-    align-items: center;
-    text-decoration: none
-}
-
-@media not all and (pointer: coarse) {
-    .gov-header__logo:hover .gov-header__site-name {
-        color: #fff
-    }
-}
-
-.gov-header__site-name {
-    padding-left: .625rem;
-    font-size: 1.3125rem;
-    font-weight: 700;
-    color: var(--color-neutral-0)
-}
-
-.gov-header__site-name--large {
-    font-size: 1.625rem
-}
-
-.gov-header__site-name--dark {
-    color: var(--color-neutral-700)
-}
-
-.gov-header__right {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-end;
-    align-items: center;
-    width: 100%;
-    margin-top: -1.5625rem
-}
-
-@media screen and (min-width: 56.25em) {
-    .gov-header__right {
-        margin-top: 1.5625rem;
-        width: auto
-    }
-}
-
-.gov-header__item {
-    margin-left: .9375rem
-}
-
-@media screen and (min-width: 56.25em) {
-    .gov-header__item {
-        margin-left: 1.875rem
-    }
-}
-
-.gov-header__item--login {
-    display: none
-}
-
-@media screen and (min-width: 56.25em) {
-    .gov-header__item--login {
-        display: block
-    }
-}
-
-.gov-header__item:nth-child(1) {
-    order: 3;
-    width: 100%;
-    margin-left: 0
-}
-
-@media screen and (min-width: 56.25em) {
-    .gov-header__item:nth-child(1) {
-        order: unset;
-        width: auto;
-        margin-left: 1.875rem
-    }
-}
-
-@media screen and (min-width: 56.25em) {
-    .gov-header__item--mobile {
-        display: none
-    }
-}
-
-.gov-header__lang {
-    order: 3;
-    margin-left: .625rem
-}
-
-@media screen and (min-width: 56.25em) {
-    .gov-header__lang {
-        margin-left: 1.5625rem
-    }
-}
-
-.gov-header__fixed-items {
-    display: flex;
-    align-items: center
-}
-
-@media screen and (max-width: 56.25em) {
-    .gov-header__fixed-items {
-        position: relative;
-        top: -1.375rem;
-        z-index: 10
-    }
-}
-
-.gov-header__hamburger {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    background-color: transparent;
-    border: 0;
-    cursor: pointer;
-    vertical-align: middle;
-    text-align: center;
-    text-decoration: none;
-    appearance: none;
-    -webkit-appearance: none;
-    padding: 0;
-    padding-left: .5rem;
-    padding-right: 2.5rem;
-    height: 1.875rem;
-    font-size: .875rem;
-    color: var(--color-neutral-0);
-    transform: rotate(0deg)
-}
-
-.gov-header__hamburger:focus {
-    outline: none;
-    background-color: var(--color-primary-600);
-}
-
-@media not all and (pointer: coarse) {
-    .gov-header__hamburger:hover {
-        background-color: transparent;
-        color: var(--color-neutral-0)
-    }
-}
-
-.gov-header__hamburger.active span:nth-child(1) {
-    top: .9375rem;
-    transform: rotate(45deg)
-}
-
-.gov-header__hamburger.active span:nth-child(2) {
-    width: 1.125rem;
-    top: .9375rem;
-    transform: rotate(-45deg)
-}
-
-.gov-header__hamburger span {
-    display: block;
-    position: absolute;
-    height: .125rem;
-    width: 1.125rem;
-    background: var(--color-neutral-0);
-    border-radius: 2px;
-    opacity: 1;
-    transform: rotate(0deg);
-    transition: .2s ease-out
-}
-
-.gov-header__hamburger span:nth-child(1) {
-    right: .75rem;
-    top: .625rem
-}
-
-.gov-header__hamburger span:nth-child(2) {
-    top: 1.1875rem;
-    width: .75rem;
-    right: .75rem
-}
-
-.gov-header .gov-logo {
-    color: #fff
-}
-
-.gov-header .gov-search {
-    margin-bottom: 0;
-    padding: 0
-}
-
-.gov-header .gov-search [type=text] {
-    padding-top: .625rem;
-    padding-bottom: .5625rem;
-    font-size: 1rem
-}
-
-.gov-header__nav-holder {
-    padding-top: 7.5rem
-}
-
-@media screen and (min-width: 56.25em) {
-    .gov-header__nav-holder {
-        position: relative;
-        left: -0.9375rem;
-        display: flex;
-        justify-content: space-between;
-        padding-top: 0;
-        width: calc(100% + 30px)
-    }
-}
-
-.gov-header__nav {
-    display: none;
-    background-color: var(--color-primary-600);
-}
-
-@media screen and (min-width: 56.25em) {
-    .gov-header__nav {
-        display: block
-    }
-}
-
-.gov-header__nav-logo {
-    display: none
-}
-
-.gov-header__nav-logo.active {
-    position: absolute;
-    top: 1.25rem;
-    left: 1.875rem;
-    display: block
-}
-
-.gov-header__nav.active {
-    display: block;
-    z-index: 9;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    overflow-y: scroll;
-    padding-bottom: 1.25rem;
-    height: 100vh;
-    width: 100%
-}
-
-@media screen and (min-width: 30em) {
-    .gov-header__nav.active {
-        right: 0;
-        width: 22.5rem
-    }
-}
-
-.gov-header__overlay {
-    display: none;
-    z-index: 8;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    backdrop-filter: blur(2px);
-    background-color: rgba(0, 0, 0, .5)
-}
-
-.gov-header__overlay.active {
-    display: block;
-    min-height: 100vh
-}
-
-.gov-header__link .gov-link,
-.gov-header__link .gov-sortable-table__trigger,
-.gov-header__link .gov-portal-nav__link,
-.gov-header__link .gov-fileinput__attachments>li>span {
-    position: relative;
-    display: block;
-    padding: .9375rem 3rem .9375rem 2.25rem
-}
-
-@media screen and (min-width: 56.25em) {
-
-    .gov-header__link .gov-link,
-    .gov-header__link .gov-sortable-table__trigger,
-    .gov-header__link .gov-portal-nav__link,
-    .gov-header__link .gov-fileinput__attachments>li>span {
-        padding: 1.5625rem 1.25rem;
-        text-decoration: none
-    }
-
-    .gov-header__link .gov-link:before,
-    .gov-header__link .gov-sortable-table__trigger:before,
-    .gov-header__link .gov-portal-nav__link:before,
-    .gov-header__link .gov-fileinput__attachments>li>span:before {
-        content: "";
-        display: block;
-        position: absolute;
-        top: -1px;
-        left: 1.25rem;
-        right: 1.25rem;
-        height: 2px;
-        background-color: var(--color-neutral-0);
-        transform: scale(0, 1);
-        transition: transform 256ms ease-out;
-        will-change: transform
-    }
-
-    .gov-header__link .gov-link--external:before,
-    .gov-header__link .gov-link[target=_blank]:before,
-    .gov-header__link [target=_blank].gov-sortable-table__trigger:before,
-    .gov-header__link [target=_blank].gov-portal-nav__link:before,
-    .gov-header__link .gov-fileinput__attachments>li>span[target=_blank]:before {
-        right: 1.75rem
-    }
-
-    .gov-header__link .gov-link--external:after,
-    .gov-header__link .gov-link[target=_blank]:after,
-    .gov-header__link [target=_blank].gov-sortable-table__trigger:after,
-    .gov-header__link [target=_blank].gov-portal-nav__link:after,
-    .gov-header__link .gov-fileinput__attachments>li>span[target=_blank]:after {
-        position: relative;
-        top: -0.5rem;
-        max-height: 16px
-    }
-}
-
-@media not all and (pointer: coarse) {
-
-    .gov-header__link:hover .gov-link:before,
-    .gov-header__link:hover .gov-sortable-table__trigger:before,
-    .gov-header__link:hover .gov-portal-nav__link:before,
-    .gov-header__link:hover .gov-fileinput__attachments>li>span:before {
-        transform: scale(1, 1)
-    }
-}
-
-.gov-header__link.is-active .gov-link:before,
-.gov-header__link.is-active .gov-sortable-table__trigger:before,
-.gov-header__link.is-active .gov-portal-nav__link:before,
-.gov-header__link.is-active .gov-fileinput__attachments>li>span:before {
-    transform: scale(1, 1)
-}
-
-@media screen and (min-width: 56.25em) {
-
-    .gov-header__link--active .gov-link:before,
-    .gov-header__link--active .gov-sortable-table__trigger:before,
-    .gov-header__link--active .gov-portal-nav__link:before,
-    .gov-header__link--active .gov-fileinput__attachments>li>span:before {
-        content: "";
-        display: block;
-        position: absolute;
-        top: -1px;
-        left: 0;
-        right: 0;
-        height: 2px;
-        background-color: var(--color-neutral-0)
-    }
+.gov-pictogram {
+    margin-left: -0.375rem;
+    max-width: 52px;
+    color: var(--color-primary-600);
+}
+
+.gov-pictogram--logo {
+    max-width: 187px;
+    max-height: 64;
+}
+
+.gov-pictogram--large {
+    max-width: 78px
+}
+
+.gov-pictogram--inversed {
+    color: var(--color-neutral-0)
+}
+
+.gov-pictogram--dark {
+    color: var(--color-neutral-700)
+}
+
+.gov-pictogram svg {
+    width: 100%
+}
+
+.gov-logo {
+    display: flex;
+    align-items: center;
+    color: var(--color-primary-600) !important;
+    text-decoration: none
+}
+
+.gov-logo__sitename {
+    display: inline-block;
+    margin-left: .625rem;
+    color: currentColor;
+    font-size: 1.3125rem;
+    font-weight: 700
+}
+
+@media not all and (pointer: coarse) {
+    .gov-logo:hover>* {
+        color: currentColor
+    }
+}
+
+.gov-logo:visited>* {
+    color: currentColor
+}
+
+.gov-logo:focus {
+    box-shadow: 0 0 0 2px var(--color-neutral-0)
+}
+
+.gov-logo--large .gov-logo__sitename {
+    font-size: 1.625rem
+}
+
+.gov-logo--inversed {
+    color: var(--color-neutral-0) !important
+}
+
+.gov-logo--dark {
+    color: var(--color-neutral-700) !important
+}
+
+.gov-container {
+    display: block;
+    overflow: hidden;
+    padding: 2.5rem 1.25rem;
+    width: 100%
+}
+
+.gov-container__content {
+    display: block;
+    margin: 0 auto;
+    max-width: 70rem
+}
+
+.gov-container--no-y-offset {
+    padding: 0 1.25rem
+}
+
+.gov-container--as-page {
+    padding: 6.25rem 1.25rem
+}
+
+.gov-container--as-page p,
+.gov-container--as-page .gov-paragraph,
+.gov-container--as-page table tbody td,
+table tbody .gov-container--as-page td,
+.gov-container--as-page .gov-table tbody td,
+.gov-table tbody .gov-container--as-page td {
+    max-width: 580px
+}
+
+.gov-container--branded {
+    padding-bottom: 13.75rem
+}
+
+.gov-container--branded .gov-container__content {
+    position: relative
+}
+
+.gov-container--branded .gov-container__content:after {
+    display: block;
+    position: absolute;
+    top: -1.25rem;
+    right: 0;
+    width: 586px;
+    opacity: .05;
+    transform: translateX(30%)
+}
+
+@media(max-width: 51.99em) {
+    .gov-container:not(.gov-container--no-y-offset):not(.gov-container--as-page):not(.gov-container--branded):not(.gov-footer) {
+        padding: 1.25rem
+    }
+
+    .gov-container--branded .gov-container__content:after {
+        top: 60%;
+        width: 428px;
+        transform: translateX(20%)
+    }
+}
+
+@media(max-width: 31.99em) {
+    .gov-container--as-page {
+        padding: 3.75rem 1.25rem
+    }
+
+    .gov-container--branded {
+        padding-bottom: 7.5rem
+    }
+}
+
+.gov-header {
+    overflow: initial;
+    background-color: var(--color-primary-600);
+}
+
+.gov-header.is-fixed {
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: 110
+}
+
+.gov-header__holder {
+    padding-top: 1.25rem;
+    padding-bottom: 1.0625rem;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between
+}
+
+.gov-header__separator {
+    display: none;
+    position: relative;
+    margin: 0;
+    height: 1px;
+    border: none;
+    border-bottom: 1px solid var(--primary-darker);
+}
+
+@media(min-width: 56.25em) {
+    .gov-header__separator {
+        display: block
+    }
+}
+
+.gov-header__logo {
+    display: flex;
+    align-items: center;
+    text-decoration: none
+}
+
+@media not all and (pointer: coarse) {
+    .gov-header__logo:hover .gov-header__site-name {
+        color: #fff
+    }
+}
+
+.gov-header__site-name {
+    padding-left: .625rem;
+    font-size: 1.3125rem;
+    font-weight: 700;
+    color: var(--color-neutral-0)
+}
+
+.gov-header__site-name--large {
+    font-size: 1.625rem
+}
+
+.gov-header__site-name--dark {
+    color: var(--color-neutral-700)
+}
+
+.gov-header__right {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    align-items: center;
+    width: 100%;
+    margin-top: -1.5625rem
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__right {
+        margin-top: 1.5625rem;
+        width: auto
+    }
+}
+
+.gov-header__item {
+    margin-left: .9375rem
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__item {
+        margin-left: 1.875rem
+    }
+}
+
+.gov-header__item--login {
+    display: none
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__item--login {
+        display: block
+    }
+}
+
+.gov-header__item:nth-child(1) {
+    order: 3;
+    width: 100%;
+    margin-left: 0
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__item:nth-child(1) {
+        order: unset;
+        width: auto;
+        margin-left: 1.875rem
+    }
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__item--mobile {
+        display: none
+    }
+}
+
+.gov-header__lang {
+    order: 3;
+    margin-left: .625rem
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__lang {
+        margin-left: 1.5625rem
+    }
+}
+
+.gov-header__fixed-items {
+    display: flex;
+    align-items: center
+}
+
+@media screen and (max-width: 56.25em) {
+    .gov-header__fixed-items {
+        position: relative;
+        top: -1.375rem;
+        z-index: 10
+    }
+}
+
+.gov-header__hamburger {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+    border: 0;
+    cursor: pointer;
+    vertical-align: middle;
+    text-align: center;
+    text-decoration: none;
+    appearance: none;
+    -webkit-appearance: none;
+    padding: 0;
+    padding-left: .5rem;
+    padding-right: 2.5rem;
+    height: 1.875rem;
+    font-size: .875rem;
+    color: var(--color-neutral-0);
+    transform: rotate(0deg)
+}
+
+.gov-header__hamburger:focus {
+    outline: none;
+    background-color: var(--color-primary-600);
+}
+
+@media not all and (pointer: coarse) {
+    .gov-header__hamburger:hover {
+        background-color: transparent;
+        color: var(--color-neutral-0)
+    }
+}
+
+.gov-header__hamburger.active span:nth-child(1) {
+    top: .9375rem;
+    transform: rotate(45deg)
+}
+
+.gov-header__hamburger.active span:nth-child(2) {
+    width: 1.125rem;
+    top: .9375rem;
+    transform: rotate(-45deg)
+}
+
+.gov-header__hamburger span {
+    display: block;
+    position: absolute;
+    height: .125rem;
+    width: 1.125rem;
+    background: var(--color-neutral-0);
+    border-radius: 2px;
+    opacity: 1;
+    transform: rotate(0deg);
+    transition: .2s ease-out
+}
+
+.gov-header__hamburger span:nth-child(1) {
+    right: .75rem;
+    top: .625rem
+}
+
+.gov-header__hamburger span:nth-child(2) {
+    top: 1.1875rem;
+    width: .75rem;
+    right: .75rem
+}
+
+.gov-header .gov-logo {
+    color: #fff
+}
+
+.gov-header .gov-search {
+    margin-bottom: 0;
+    padding: 0
+}
+
+.gov-header .gov-search [type=text] {
+    padding-top: .625rem;
+    padding-bottom: .5625rem;
+    font-size: 1rem
+}
+
+.gov-header__nav-holder {
+    padding-top: 7.5rem
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__nav-holder {
+        position: relative;
+        left: -0.9375rem;
+        display: flex;
+        justify-content: space-between;
+        padding-top: 0;
+        width: calc(100% + 30px)
+    }
+}
+
+.gov-header__nav {
+    display: none;
+    background-color: var(--color-primary-600);
+}
+
+@media screen and (min-width: 56.25em) {
+    .gov-header__nav {
+        display: block
+    }
+}
+
+.gov-header__nav-logo {
+    display: none
+}
+
+.gov-header__nav-logo.active {
+    position: absolute;
+    top: 1.25rem;
+    left: 1.875rem;
+    display: block
+}
+
+.gov-header__nav.active {
+    display: block;
+    z-index: 9;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    overflow-y: scroll;
+    padding-bottom: 1.25rem;
+    height: 100vh;
+    width: 100%
+}
+
+@media screen and (min-width: 30em) {
+    .gov-header__nav.active {
+        right: 0;
+        width: 22.5rem
+    }
+}
+
+.gov-header__overlay {
+    display: none;
+    z-index: 8;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    backdrop-filter: blur(2px);
+    background-color: rgba(0, 0, 0, .5)
+}
+
+.gov-header__overlay.active {
+    display: block;
+    min-height: 100vh
+}
+
+.gov-header__link .gov-link,
+.gov-header__link .gov-sortable-table__trigger,
+.gov-header__link .gov-portal-nav__link,
+.gov-header__link .gov-fileinput__attachments>li>span {
+    position: relative;
+    display: block;
+    padding: .9375rem 3rem .9375rem 2.25rem
+}
+
+@media screen and (min-width: 56.25em) {
+
+    .gov-header__link .gov-link,
+    .gov-header__link .gov-sortable-table__trigger,
+    .gov-header__link .gov-portal-nav__link,
+    .gov-header__link .gov-fileinput__attachments>li>span {
+        padding: 1.5625rem 1.25rem;
+        text-decoration: none
+    }
+
+    .gov-header__link .gov-link:before,
+    .gov-header__link .gov-sortable-table__trigger:before,
+    .gov-header__link .gov-portal-nav__link:before,
+    .gov-header__link .gov-fileinput__attachments>li>span:before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: -1px;
+        left: 1.25rem;
+        right: 1.25rem;
+        height: 2px;
+        background-color: var(--color-neutral-0);
+        transform: scale(0, 1);
+        transition: transform 256ms ease-out;
+        will-change: transform
+    }
+
+    .gov-header__link .gov-link--external:before,
+    .gov-header__link .gov-link[target=_blank]:before,
+    .gov-header__link [target=_blank].gov-sortable-table__trigger:before,
+    .gov-header__link [target=_blank].gov-portal-nav__link:before,
+    .gov-header__link .gov-fileinput__attachments>li>span[target=_blank]:before {
+        right: 1.75rem
+    }
+
+    .gov-header__link .gov-link--external:after,
+    .gov-header__link .gov-link[target=_blank]:after,
+    .gov-header__link [target=_blank].gov-sortable-table__trigger:after,
+    .gov-header__link [target=_blank].gov-portal-nav__link:after,
+    .gov-header__link .gov-fileinput__attachments>li>span[target=_blank]:after {
+        position: relative;
+        top: -0.5rem;
+        max-height: 16px
+    }
+}
+
+@media not all and (pointer: coarse) {
+
+    .gov-header__link:hover .gov-link:before,
+    .gov-header__link:hover .gov-sortable-table__trigger:before,
+    .gov-header__link:hover .gov-portal-nav__link:before,
+    .gov-header__link:hover .gov-fileinput__attachments>li>span:before {
+        transform: scale(1, 1)
+    }
+}
+
+.gov-header__link.is-active .gov-link:before,
+.gov-header__link.is-active .gov-sortable-table__trigger:before,
+.gov-header__link.is-active .gov-portal-nav__link:before,
+.gov-header__link.is-active .gov-fileinput__attachments>li>span:before {
+    transform: scale(1, 1)
+}
+
+@media screen and (min-width: 56.25em) {
+
+    .gov-header__link--active .gov-link:before,
+    .gov-header__link--active .gov-sortable-table__trigger:before,
+    .gov-header__link--active .gov-portal-nav__link:before,
+    .gov-header__link--active .gov-fileinput__attachments>li>span:before {
+        content: "";
+        display: block;
+        position: absolute;
+        top: -1px;
+        left: 0;
+        right: 0;
+        height: 2px;
+        background-color: var(--color-neutral-0)
+    }
 }