@mattilsynet/designsystem-css
Version:
## Installation and usage
1,165 lines (1,147 loc) ā¢ 879 kB
CSS
@charset "UTF-8";
/*
Credit to Andy Bell's Modern CSS Reset
@link https://piccalil.li/blog/a-modern-css-reset/
š£ = additions by Stephanie Eckles
*/
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default margin */
.mt-body,
h1,
h2,
h3,
h4,
.mt-h5,
.mt-h6,
p,
.mt-figure,
blockquote,
.mt-fieldset,
.mt-legend,
dl,
dd {
margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
margin: 0;
padding: 0;
list-style: none;
}
/* Remove top and bottom margins for list, parent or sibling control spacing */
ul,
ol {
margin-top: 0;
margin-bottom: 0;
}
/* Set core root defaults */
html:focus-within {
scroll-behavior: smooth;
}
/* Set core body defaults */
.mt-body {
min-height: 100vh;
}
p,
ul:not([class]):not([role]) li,
ol:not([class]):not([role]) li {
line-height: 140%;
}
/* A elements that don't have a class get default styles */
a {
text-decoration-skip-ink: auto;
text-decoration-thickness: max(0.08em, 1px);
text-underline-offset: 0.15em;
}
/* Make images easier to work with */
.mt-img,
picture,
svg {
display: block;
max-width: 100%;
}
/* š£ Give SVGs common baseline */
svg {
fill: currentColor;
pointer-events: none;
}
/* š£ Scroll margin allowance above anchor links */
[id] {
scroll-margin-top: 2rem;
}
/* š£ Scroll margin allowance below focused elements
to ensure they are clearly in view */
*:focus {
scroll-margin-bottom: 8vh;
}
/* Inherit fonts for inputs and buttons */
.mt-input,
button,
textarea,
select {
font: inherit;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
}
}
/* š STOP!
Do not change this file directly.
Modify colors in src/utilities/colors.js
*/
.icon-align, .icon--upload-before, .icon--download-before, .icon--collapse-before, .icon--expand-before, .icon--x-before, .icon--calendar-before, .icon--arrow-right-on-primary-after, .icon--arrow-right-primary-after, .icon--arrow-primary-hover-after, .icon--arrow-primary-after, .icon--arrow-right-primary-small-after, .icon--arrow-forward-x-small-after, .icon--forward-arrow-after, .icon--search-after-primary, .icon--search-after, .icon--search-before, .icon--search-before-primary, .icon--list-checkmark-before, .icon--github, .icon--figma, .icon--alert-filled-repealed-before, .icon--alert-filled-partial-before, .icon--alert-filled-warning-before, .icon--alert-filled-success-before, .icon--alert-filled-neutral-before, .icon--alert-filled-info-before, .icon--alert-filled-danger-before, .icon--newsletter-bell-before, .icon--arrow-down-menu-on-dark-before, .icon--hamburger-menu-on-light-after, .icon--hamburger-menu-on-dark-before, .icon--changelog-before, .icon--back-arrow, .icon--change-before, .icon--caret-down-after-on-primary, .icon--caret-down-after, .icon--external-link-before, .icon--pdf-before {
display: flex;
align-items: center;
gap: var(--spacer-xxx-small);
}
.icon-align--baseline, .icon--list-checkmark-before {
align-items: baseline;
}
.icon--pdf-before:before {
background-image: var(--icon-pdf);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--external-link-before:before {
background-image: var(--icon-external-link);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--caret-down-after:after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22hsl(0, 1%, 25%)%22%20d%3D%22M18.214%204%2010%2012.364%201.786%204%200%205.818%2010%2016%2020%205.818%2018.214%204Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22hsl(0, 1%, 25%)%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--caret-down-after-on-primary:after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22hsl(0, 0%, 100%)%22%20d%3D%22M18.214%204%2010%2012.364%201.786%204%200%205.818%2010%2016%2020%205.818%2018.214%204Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22hsl(0, 0%, 100%)%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--caret-down-after-on-primary:hover:after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22hsl(196, 89%, 25%)%22%20d%3D%22M18.214%204%2010%2012.364%201.786%204%200%205.818%2010%2016%2020%205.818%2018.214%204Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22hsl(196, 89%, 25%)%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.icon--caret-down-after-on-primary[aria-expanded=true]::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22hsl(0, 0%, 100%)%22%20d%3D%22M1.786%2016%2010%207.636%2018.214%2016%2020%2014.182%2010%204%200%2014.182%201.786%2016Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.icon--caret-down-after-on-primary[aria-expanded=true]:hover::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22hsl(196, 89%, 25%)%22%20d%3D%22M1.786%2016%2010%207.636%2018.214%2016%2020%2014.182%2010%204%200%2014.182%201.786%2016Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
@media screen and (prefers-reduced-motion: no-preference) {
.icon--caret-down-after-on-primary[aria-expanded]::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22hsl(0, 0%, 100%)%22%20d%3D%22M18.214%204%2010%2012.364%201.786%204%200%205.818%2010%2016%2020%205.818%2018.214%204Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22hsl(0, 0%, 100%)%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
transition: transform 0.3s ease;
}
.icon--caret-down-after-on-primary[aria-expanded]:hover::after {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22hsl(196, 89%, 25%)%22%20d%3D%22M18.214%204%2010%2012.364%201.786%204%200%205.818%2010%2016%2020%205.818%2018.214%204Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22hsl(196, 89%, 25%)%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.icon--caret-down-after-on-primary[aria-expanded=true]::after {
transform: rotate(-180deg);
}
}
.icon--change-before:before {
background-image: var(--icon-change);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.5rem;
}
.icon--back-arrow::before {
background-image: var(--icon-carret-left);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.5rem;
}
.icon--changelog-before:before {
background-image: var(--icon-changelog);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--hamburger-menu-on-dark-before:before {
background-image: var(--icon-hamburger-on-dark);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--hamburger-menu-on-dark-before[aria-expanded=true]::before {
background-image: var(--icon-x-on-dark);
}
@media screen and (prefers-reduced-motion: no-preference) {
.icon--hamburger-menu-on-dark-before[aria-expanded]::before {
transition: transform 0.3s ease;
}
.icon--hamburger-menu-on-dark-before[aria-expanded=true]::before {
transform: rotate(-180deg);
}
}
.icon--hamburger-menu-on-light-after::after {
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
background-image: var(--icon-hamburger);
}
.icon--hamburger-menu-on-light-after[aria-expanded=true]::after {
background-image: var(--icon-x);
}
@media screen and (prefers-reduced-motion: no-preference) {
.icon--hamburger-menu-on-light-after[aria-expanded]::after {
transition: transform 0.3s ease;
}
.icon--hamburger-menu-on-light-after[aria-expanded=true]::after {
transform: rotate(-180deg);
}
}
.icon--arrow-down-menu-on-dark-before:before {
background-image: var(--icon-arrow-down-white);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--arrow-down-menu-on-dark-before[aria-expanded=true]::before {
background-image: var(--icon-x-on-dark);
}
@media screen and (prefers-reduced-motion: no-preference) {
.icon--arrow-down-menu-on-dark-before[aria-expanded]::before {
transition: transform 0.3s ease;
}
.icon--arrow-down-menu-on-dark-before[aria-expanded=true]::before {
transform: rotate(-180deg);
}
}
.icon--newsletter-bell-before:before {
background-image: var(--icon-newsletter-neutral);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--newsletter-bell-before:hover:before {
background-image: var(--icon-newsletter-neutral-hover);
}
.icon--alert-filled-danger-before:before {
background-image: var(--icon-alert-filled-danger);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--alert-filled-danger-before-alert-size:before {
background-image: var(--icon-alert-filled-danger);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.5rem;
}
.icon--alert-filled-danger-before-large:before {
background-image: var(--icon-alert-filled-danger);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.25rem;
}
.icon--alert-filled-info-before:before {
background-image: var(--icon-alert-filled-info);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--alert-filled-info-before-alert-size:before {
background-image: var(--icon-alert-filled-info);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.5rem;
}
.icon--alert-filled-info-before-large:before {
background-image: var(--icon-alert-filled-info);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.25rem;
}
.icon--alert-filled-neutral-before:before {
background-image: var(--icon-alert-filled-neutral);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--alert-filled-neutral-before-alert-size:before {
background-image: var(--icon-alert-filled-neutral);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.5rem;
}
.icon--alert-filled-neutral-before-large:before {
background-image: var(--icon-alert-filled-neutral);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.25rem;
}
.icon--alert-filled-success-before:before {
background-image: var(--icon-alert-filled-success);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--alert-filled-success-before-alert-size:before {
background-image: var(--icon-alert-filled-success);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.5rem;
}
.icon--alert-filled-success-before-large:before {
background-image: var(--icon-alert-filled-success);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.25rem;
}
.icon--alert-filled-warning-before:before {
background-image: var(--icon-alert-filled-warning);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--alert-filled-warning-before-alert-size:before {
background-image: var(--icon-alert-filled-warning);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.5rem;
}
.icon--alert-filled-warning-before-large:before {
background-image: var(--icon-alert-filled-warning);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.25rem;
}
.icon--alert-filled-partial-before:before {
background-image: var(--icon-alert-filled-partial);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--alert-filled-repealed-before:before {
background-image: var(--icon-alert-filled-repealed);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--figma:before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2290%22%20height%3D%2290%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%231E1E1E%22%20d%3D%22M0%200h90v90H0z%22%2F%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22%231ABCFE%22%20d%3D%22M45%2045.5a9.5%209.5%200%201%201%2019%200%209.5%209.5%200%200%201-19%200Z%22%2F%3E%3Cpath%20fill%3D%22%230ACF83%22%20d%3D%22M26%2064.5a9.5%209.5%200%200%201%209.5-9.5H45v9.5a9.5%209.5%200%201%201-19%200Z%22%2F%3E%3Cpath%20fill%3D%22%23FF7262%22%20d%3D%22M45%2017v19h9.5a9.5%209.5%200%201%200%200-19H45Z%22%2F%3E%3Cpath%20fill%3D%22%23F24E1E%22%20d%3D%22M26%2026.5a9.5%209.5%200%200%200%209.5%209.5H45V17h-9.5a9.5%209.5%200%200%200-9.5%209.5Z%22%2F%3E%3Cpath%20fill%3D%22%23A259FF%22%20d%3D%22M26%2045.5a9.5%209.5%200%200%200%209.5%209.5H45V36h-9.5a9.5%209.5%200%200%200-9.5%209.5Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26%2017h38v57H26z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--github:before {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M0%200v24h24V0H0zm14.534%2019.59c-.406.078-.534-.171-.534-.384v-2.195c0-.747-.262-1.233-.55-1.481%201.782-.198%203.654-.875%203.654-3.947%200-.874-.311-1.588-.824-2.147.083-.202.357-1.016-.079-2.117%200%200-.671-.215-2.198.82A7.603%207.603%200%200%200%2012%207.868a7.643%207.643%200%200%200-2.003.269c-1.528-1.035-2.2-.82-2.2-.82-.434%201.102-.16%201.915-.077%202.118a3.092%203.092%200%200%200-.824%202.147c0%203.064%201.867%203.751%203.645%203.954-.229.2-.436.552-.508%201.07-.457.204-1.614.557-2.328-.666%200%200-.423-.768-1.227-.825%200%200-.78-.01-.055.487%200%200%20.525.246.889%201.17%200%200%20.463%201.428%202.688.944v1.489c0%20.211-.129.459-.528.385A8%208%200%200%201%2012%204a8%208%200%200%201%202.534%2015.59z%22%2F%3E%3C%2Fsvg%3E");
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--list-checkmark-before:before {
background-image: var(--icon-list-checkmark);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--search-before:before, .icon--search-before-primary:before {
background-image: var(--icon-search-neutral);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--search-before:hover:before, .icon--search-before-primary:hover:before {
background-image: var(--icon-search-neutral-hover);
}
.icon--search-before-primary:before {
background-image: var(--icon-search-primary);
}
.icon--search-before-primary:hover:before {
background-image: var(--icon-search-primary-hover);
}
.icon--search-after:after {
display: block;
background-image: var(--icon-search-black);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--search-after-primary:after {
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
display: block;
background-image: var(--icon-search-white);
}
.icon--search-after-primary:hover:after {
background-image: var(--icon-search-primary);
}
.icon--forward-arrow-after:after {
display: block;
background-image: var(--icon-arrow-primary-hover);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--arrow-forward-x-small-after:after {
display: block;
background-image: var(--icon-arrow-right-primary-x-small);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--arrow-right-primary-small-after:after {
display: block;
background-image: var(--icon-arrow-right-primary-small);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--arrow-primary-after:after {
display: block;
background-image: var(--icon-arrow-primary);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--arrow-primary-hover-after:after {
display: block;
background-image: var(--icon-arrow-primary-hover);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--arrow-right-primary-after:after {
display: block;
background-image: var(--icon-arrow-right-primary);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--arrow-right-on-primary-after:after {
display: block;
background-image: var(--icon-arrow-right-on-primary);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--calendar-before:before {
background-image: var(--icon-calendar);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--x-before:before {
background-image: var(--icon-x);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--expand-before:before {
background-image: var(--icon-expand-granskog);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--collapse-before:before {
background-image: var(--icon-collapse-white);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
}
.icon--download-before:before {
background-image: var(--icon-download);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.875rem;
}
.icon--upload-before:before {
background-image: var(--icon-upload);
--icon-size: var(--icon-size-normal);
padding-right: var(--icon-size);
content: "";
width: var(--icon-size);
height: var(--icon-size);
background-size: var(--icon-size) var(--icon-size);
background-repeat: no-repeat;
--icon-size: 1.875rem;
}
.icon--spinner::after {
content: "";
width: 1.25rem;
height: 1.25rem;
display: block;
border-width: 2px;
border-style: solid;
border-radius: 50%;
border-top-color: initial;
border-bottom-color: initial;
border-right-color: transparent;
border-left-color: initial;
border-image: initial;
animation: 1s linear 0s infinite normal none running rotate;
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"]))::after {
display: none;
}
a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):before, a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"]))::before {
content: "";
display: inline-block;
background: no-repeat center url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2228%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23054449%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.098%204.405a.84.84%200%200%201%20.246.595v8.438a.844.844%200%200%201-1.688%200V7.037l-9.81%209.81a.844.844%200%201%201-1.193-1.194l9.81-9.81h-6.4a.844.844%200%200%201%200-1.687H22.5a.84.84%200%200%201%20.595.246l.002.001.001.002Zm-17.754%206.22c0-.155.126-.281.281-.281H13.5a.844.844%200%200%200%200-1.688H5.625a1.969%201.969%200%200%200-1.969%201.969v11.25c0%201.087.882%201.969%201.969%201.969h11.25a1.969%201.969%200%200%200%201.969-1.969V14a.844.844%200%200%200-1.688%200v7.875a.281.281%200%200%201-.281.281H5.625a.281.281%200%200%201-.281-.281v-11.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
width: 1.875rem;
height: 1.875rem;
vertical-align: top;
}
@media (prefers-reduced-motion: no-preference) {
a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):before, a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"]))::before {
transition: transform 300ms ease;
}
}
p > a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):before, p > a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"]))::before {
display: none;
}
p > a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, p > a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"]))::after {
content: "";
display: inline-block;
background: no-repeat center url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2228%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23054449%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.098%204.405a.84.84%200%200%201%20.246.595v8.438a.844.844%200%200%201-1.688%200V7.037l-9.81%209.81a.844.844%200%201%201-1.193-1.194l9.81-9.81h-6.4a.844.844%200%200%201%200-1.687H22.5a.84.84%200%200%201%20.595.246l.002.001.001.002Zm-17.754%206.22c0-.155.126-.281.281-.281H13.5a.844.844%200%200%200%200-1.688H5.625a1.969%201.969%200%200%200-1.969%201.969v11.25c0%201.087.882%201.969%201.969%201.969h11.25a1.969%201.969%200%200%200%201.969-1.969V14a.844.844%200%200%200-1.688%200v7.875a.281.281%200%200%201-.281.281H5.625a.281.281%200%200%201-.281-.281v-11.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
width: 1.875rem;
height: 1.875rem;
vertical-align: top;
}
@media (prefers-reduced-motion: no-preference) {
p > a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, p > a[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"]))::after {
transition: transform 300ms ease;
}
}
.mt-link.focus, .current-issues a.focus, .feedback-container a.focus, .dropdown a.focus, .menu-row a.focus, .menu a.focus, .task a.focus,
.highlighted-link a.focus, .status a.focus, .disclosure a.focus, .mt-form .hint a.focus,
.mt-form .form-error a.focus, .chapter-navigation a.focus, .chapter-menu a.focus, .article-page a.focus, .mt-body .mt-footer a.focus, .text a.focus, .mt-link:focus, .current-issues a:focus, .feedback-container a:focus, .dropdown a:focus, .menu-row a:focus, .menu a:focus, .task a:focus,
.highlighted-link a:focus, .status a:focus, .disclosure a:focus, .mt-form .hint a:focus,
.mt-form .form-error a:focus, .chapter-navigation a:focus, .chapter-menu a:focus, .article-page a:focus, .mt-body .mt-footer a:focus, .text a:focus {
outline: none;
box-shadow: 0 0 0 0.125rem var(--color-mt-background), 0 0 0 0.35rem var(--mt-button-primary-bg-focus);
}
.mt-link:focus:not(:focus-visible), .current-issues a:focus:not(:focus-visible), .feedback-container a:focus:not(:focus-visible), .dropdown a:focus:not(:focus-visible), .menu-row a:focus:not(:focus-visible), .menu a:focus:not(:focus-visible), .task a:focus:not(:focus-visible),
.highlighted-link a:focus:not(:focus-visible), .status a:focus:not(:focus-visible), .disclosure a:focus:not(:focus-visible), .mt-form .hint a:focus:not(:focus-visible),
.mt-form .form-error a:focus:not(:focus-visible), .chapter-navigation a:focus:not(:focus-visible), .chapter-menu a:focus:not(:focus-visible), .article-page a:focus:not(:focus-visible), .mt-body .mt-footer a:focus:not(:focus-visible), .text a:focus:not(:focus-visible) {
outline: none;
}
.mt-link:focus-visible, .current-issues a:focus-visible, .feedback-container a:focus-visible, .dropdown a:focus-visible, .menu-row a:focus-visible, .menu a:focus-visible, .task a:focus-visible,
.highlighted-link a:focus-visible, .status a:focus-visible, .disclosure a:focus-visible, .mt-form .hint a:focus-visible,
.mt-form .form-error a:focus-visible, .chapter-navigation a:focus-visible, .chapter-menu a:focus-visible, .article-page a:focus-visible, .mt-body .mt-footer a:focus-visible, .text a:focus-visible {
outline: none;
box-shadow: 0 0 0 0.125rem var(--color-mt-background), 0 0 0 0.35rem var(--mt-button-primary-bg-focus);
}
.mt-link:disabled, .current-issues a:disabled, .feedback-container a:disabled, .dropdown a:disabled, .menu-row a:disabled, .menu a:disabled, .task a:disabled,
.highlighted-link a:disabled, .status a:disabled, .disclosure a:disabled, .mt-form .hint a:disabled,
.mt-form .form-error a:disabled, .chapter-navigation a:disabled, .chapter-menu a:disabled, .article-page a:disabled, .mt-body .mt-footer a:disabled, .text a:disabled, .mt-link[disabled], .current-issues a[disabled], .feedback-container a[disabled], .dropdown a[disabled], .menu-row a[disabled], .menu a[disabled], .task a[disabled],
.highlighted-link a[disabled], .status a[disabled], .disclosure a[disabled], .mt-form .hint a[disabled],
.mt-form .form-error a[disabled], .chapter-navigation a[disabled], .chapter-menu a[disabled], .article-page a[disabled], .mt-body .mt-footer a[disabled], .text a[disabled], .mt-link.disabled, .current-issues a.disabled, .feedback-container a.disabled, .dropdown a.disabled, .menu-row a.disabled, .menu a.disabled, .task a.disabled,
.highlighted-link a.disabled, .status a.disabled, .disclosure a.disabled, .mt-form .hint a.disabled,
.mt-form .form-error a.disabled, .chapter-navigation a.disabled, .chapter-menu a.disabled, .article-page a.disabled, .mt-body .mt-footer a.disabled, .text a.disabled {
pointer-events: none;
filter: none;
opacity: 0.5;
}
.mt-link, .current-issues a, .feedback-container a, .dropdown a, .menu-row a, .menu a, .task a,
.highlighted-link a, .status a, .disclosure a, .mt-form .hint a,
.mt-form .form-error a, .chapter-navigation a, .chapter-menu a, .article-page a, .mt-body .mt-footer a, .text a {
text-decoration-line: underline;
text-decoration-color: var(--color-mt-havdyp);
text-decoration-thickness: 2px;
text-underline-offset: 0.375rem;
text-decoration-skip-ink: none;
}
.mt-link:hover, .current-issues a:hover, .feedback-container a:hover, .dropdown a:hover, .menu-row a:hover, .menu a:hover, .task a:hover,
.highlighted-link a:hover, .status a:hover, .disclosure a:hover, .mt-form .hint a:hover,
.mt-form .form-error a:hover, .chapter-navigation a:hover, .chapter-menu a:hover, .article-page a:hover, .mt-body .mt-footer a:hover, .text a:hover {
text-decoration-thickness: 3px;
}
.mt-link, .current-issues a, .feedback-container a, .dropdown a, .menu-row a, .menu a, .task a,
.highlighted-link a, .status a, .disclosure a, .mt-form .hint a,
.mt-form .form-error a, .chapter-navigation a, .chapter-menu a, .article-page a, .mt-body .mt-footer a, .text a {
color: var(--color-links);
border-radius: var(--border-radius-small);
padding: var(--border-width-regular);
line-height: 1.75rem;
min-width: 3rem;
}
.mt-link.inline-flex, .current-issues a.inline-flex, .feedback-container a.inline-flex, .dropdown a.inline-flex, .menu-row a.inline-flex, .menu a.inline-flex, .task a.inline-flex,
.highlighted-link a.inline-flex, .status a.inline-flex, .disclosure a.inline-flex, .mt-form .hint a.inline-flex,
.mt-form .form-error a.inline-flex, .chapter-navigation a.inline-flex, .chapter-menu a.inline-flex, .article-page a.inline-flex, .mt-body .mt-footer a.inline-flex, .text a.inline-flex {
display: inline-flex;
}
.mt-link.fit-content, .current-issues a.fit-content, .feedback-container a.fit-content, .dropdown a.fit-content, .menu-row a.fit-content, .menu a.fit-content, .task a.fit-content,
.highlighted-link a.fit-content, .status a.fit-content, .disclosure a.fit-content, .mt-form .hint a.fit-content,
.mt-form .form-error a.fit-content, .chapter-navigation a.fit-content, .chapter-menu a.fit-content, .article-page a.fit-content, .mt-body .mt-footer a.fit-content, .text a.fit-content {
width: fit-content;
}
.mt-link:focus, .current-issues a:focus, .feedback-container a:focus, .dropdown a:focus, .menu-row a:focus, .menu a:focus, .task a:focus,
.highlighted-link a:focus, .status a:focus, .disclosure a:focus, .mt-form .hint a:focus,
.mt-form .form-error a:focus, .chapter-navigation a:focus, .chapter-menu a:focus, .article-page a:focus, .mt-body .mt-footer a:focus, .text a:focus {
box-shadow: 0 0 0 0.25rem var(--mt-button-primary-bg-focus);
}
.mt-link.multi-line, .current-issues a.multi-line, .feedback-container a.multi-line, .dropdown a.multi-line, .menu-row a.multi-line, .menu a.multi-line, .task a.multi-line,
.highlighted-link a.multi-line, .status a.multi-line, .disclosure a.multi-line, .mt-form .hint a.multi-line,
.mt-form .form-error a.multi-line, .chapter-navigation a.multi-line, .chapter-menu a.multi-line, .article-page a.multi-line, .mt-body .mt-footer a.multi-line, .text a.multi-line {
display: flex;
flex-direction: column;
gap: 0;
line-height: 140%;
}
.mt-link.no-underline, .current-issues a.no-underline, .feedback-container a.no-underline, .dropdown a.no-underline, .menu-row a.no-underline, .menu a.no-underline, .task a.no-underline,
.highlighted-link a.no-underline, .status a.no-underline, .disclosure a.no-underline, .mt-form .hint a.no-underline,
.mt-form .form-error a.no-underline, .chapter-navigation a.no-underline, .chapter-menu a.no-underline, .article-page a.no-underline, .mt-body .mt-footer a.no-underline, .text a.no-underline {
text-decoration: none;
}
.mt-link.no-underline:hover, .current-issues a.no-underline:hover, .feedback-container a.no-underline:hover, .dropdown a.no-underline:hover, .menu-row a.no-underline:hover, .menu a.no-underline:hover, .task a.no-underline:hover,
.highlighted-link a.no-underline:hover, .status a.no-underline:hover, .disclosure a.no-underline:hover, .mt-form .hint a.no-underline:hover,
.mt-form .form-error a.no-underline:hover, .chapter-navigation a.no-underline:hover, .chapter-menu a.no-underline:hover, .article-page a.no-underline:hover, .mt-body .mt-footer a.no-underline:hover, .text a.no-underline:hover {
text-decoration: underline;
}
.mt-link[aria-current=page], .current-issues a[aria-current=page], .feedback-container a[aria-current=page], .dropdown a[aria-current=page], .menu-row a[aria-current=page], .menu a[aria-current=page], .task a[aria-current=page],
.highlighted-link a[aria-current=page], .status a[aria-current=page], .disclosure a[aria-current=page], .mt-form .hint a[aria-current=page],
.mt-form .form-error a[aria-current=page], .chapter-navigation a[aria-current=page], .chapter-menu a[aria-current=page], .article-page a[aria-current=page], .mt-body .mt-footer a[aria-current=page], .text a[aria-current=page] {
font-weight: 700;
}
.mt-link a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .current-issues a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .feedback-container a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .dropdown a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .menu-row a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .menu a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .task a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after,
.highlighted-link a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .status a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .disclosure a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .mt-form .hint a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after,
.mt-form .form-error a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .chapter-navigation a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .chapter-menu a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .article-page a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .mt-body .mt-footer a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .text a a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .mt-link a[href$=".pdf"][href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"]))::after, .mt-link.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .current-issues a.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .feedback-container a.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .dropdown a.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .menu-row a.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .menu a.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .task a.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after,
.highlighted-link a.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .status a.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .disclosure a.pdf[href]:not(:where([href^="#"],
[href^="?"],
[href^=".."],
[href^="tel:"],
[href^="mailto:"],
[href^="/"]:not([href^="//"]),
[href*="mattilsynet.no"]:not([href*="hoering.mattilsynet"]),
[href*="mattilsynet-xp7qa.enonic.cloud"],
[href*="mattilsynet-xp7prod.enonic.cloud"])):after, .mt-form .hint a.pdf[href]:not(:whe